@atlaskit/editor-plugin-table/dist/cjs/ui/consts.js

Table plugin for the @atlaskit/editor

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.tableToolbarSize = exports.tableToolbarSelectedColor = exports.tableToolbarDeleteColor = exports.tableToolbarColor = exports.tableTextColor = exports.tableScrollbarOffset = exports.tableResizerWidth = exports.tablePopupMenuFitHeight = exports.tablePadding = exports.tableOverflowShadowWidthWide = exports.tableOverflowShadowWidth = exports.tableMarginFullWidthMode = exports.tableInsertColumnButtonSize = exports.tableInsertColumnButtonOffset = exports.tableHeaderCellSelectedColor = exports.tableHeaderCellBackgroundColor = exports.tableFloatingControlsColor = exports.tableDeleteButtonSize = exports.tableDeleteButtonOffset = exports.tableControlsSpacing = exports.tableColumnControlsHeight = exports.tableCellSelectedDeleteIconColor = exports.tableCellSelectedDeleteIconBackground = exports.tableCellSelectedColor = exports.tableCellHoverDeleteIconColor = exports.tableCellHoverDeleteIconBackground = exports.tableCellDeleteColor = exports.tableCellBackgroundColor = exports.tableBorderSelectedColor = exports.tableBorderRadiusSize = exports.tableBorderDeleteColor = exports.tableBorderColor = exports.stickyRowZIndex = exports.stickyRowOffsetTop = exports.stickyHeaderBorderBottomWidth = exports.rowControlsZIndex = exports.resizeLineWidth = exports.resizeHandlerZIndex = exports.resizeHandlerAreaWidth = exports.nativeStickyHeaderZIndex = exports.lineMarkerSize = exports.lineMarkerOffsetFromColumnControls = exports.layoutButtonSize = exports.insertLineWidth = exports.dropTargetsZIndex = exports.dropTargetExtendedWidth = exports.dragTableInsertColumnButtonSize = exports.dragRowControlsWidth = exports.dragMenuDropdownWidth = exports.contextualMenuTriggerSize = exports.contextualMenuDropdownWidthDnD = exports.contextualMenuDropdownWidth = exports.columnResizeHandleZIndex = exports.columnControlsZIndex = exports.columnControlsSelectedZIndex = exports.columnControlsDecorationHeight = exports.colorPalletteColumns = exports.belowNativeStickyHeaderZIndex = exports.aboveNativeStickyHeaderZIndex = exports.TABLE_SNAP_GAP = exports.TABLE_HIGHLIGHT_TOLERANCE = exports.TABLE_HIGHLIGHT_GAP = exports.TABLE_GUIDELINE_VISIBLE_ADJUSTMENT = exports.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT = exports.TABLE_DRAG_MENU_PADDING_TOP = exports.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT = exports.STICKY_HEADER_TOGGLE_TOLERANCE_MS = void 0;
var _styles = require("@atlaskit/editor-common/styles");
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
var _types = require("../types");
/* eslint-disable @atlaskit/editor/no-re-export */
// Entry file in package.json

/**
 * Basic colors added to prevent content overflow in table cells.
 */

// TODO: DSP-4135 - Remove these tokens once the new elevation tokens are available
var tableCellBackgroundColor = exports.tableCellBackgroundColor = "var(--ds-surface, #FFFFFF)";
var tableHeaderCellBackgroundColor = exports.tableHeaderCellBackgroundColor = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
var tableToolbarColor = exports.tableToolbarColor = "var(--ds-background-neutral-subtle, #00000000)";
var tableTextColor = exports.tableTextColor = "var(--ds-text-subtlest, #6B6E76)";
var tableBorderColor = exports.tableBorderColor = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
var tableFloatingControlsColor = exports.tableFloatingControlsColor = "var(--ds-background-neutral, #0515240F)";

// TODO: DSP-4461 - Remove these tokens once the new elevation tokens are available
var tableCellSelectedColor = exports.tableCellSelectedColor = "var(--ds-blanket-selected, #388BFF14)";
var tableHeaderCellSelectedColor = exports.tableHeaderCellSelectedColor = "var(--ds-background-selected-pressed, #8FB8F6)";
var tableToolbarSelectedColor = exports.tableToolbarSelectedColor = "var(--ds-background-selected-pressed, #8FB8F6)";
var tableBorderSelectedColor = exports.tableBorderSelectedColor = "var(--ds-border-focused, #4688EC)";
var tableCellSelectedDeleteIconColor = exports.tableCellSelectedDeleteIconColor = "var(--ds-icon-subtle, #505258)";
var tableCellSelectedDeleteIconBackground = exports.tableCellSelectedDeleteIconBackground = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
var tableCellDeleteColor = exports.tableCellDeleteColor = "var(--ds-blanket-danger, #EF5C4814)";
var tableBorderDeleteColor = exports.tableBorderDeleteColor = "var(--ds-border-danger, #E2483D)";
var tableToolbarDeleteColor = exports.tableToolbarDeleteColor = "var(--ds-background-danger-pressed, #FFB8B2)";
var tableCellHoverDeleteIconColor = exports.tableCellHoverDeleteIconColor = "var(--ds-icon-inverse, #FFFFFF)";
var tableCellHoverDeleteIconBackground = exports.tableCellHoverDeleteIconBackground = "var(--ds-background-danger-bold, #C9372C)";
var tableBorderRadiusSize = exports.tableBorderRadiusSize = 3;
var tablePadding = exports.tablePadding = 8;
var tableScrollbarOffset = exports.tableScrollbarOffset = 15;
var tableMarginFullWidthMode = exports.tableMarginFullWidthMode = 2;
var tableInsertColumnButtonSize = exports.tableInsertColumnButtonSize = 20;
var tableDeleteButtonSize = exports.tableDeleteButtonSize = 16;
var tableDeleteButtonOffset = exports.tableDeleteButtonOffset = 6;
var tableToolbarSize = exports.tableToolbarSize = _editorSharedStyles.akEditorTableToolbarSize;
var tableControlsSpacing = exports.tableControlsSpacing = _styles.tableMarginTop + tablePadding - _styles.tableCellBorderWidth;
var tableInsertColumnButtonOffset = exports.tableInsertColumnButtonOffset = 3;
var layoutButtonSize = exports.layoutButtonSize = 32;
var lineMarkerOffsetFromColumnControls = exports.lineMarkerOffsetFromColumnControls = 13;
var lineMarkerSize = exports.lineMarkerSize = 4;
var columnControlsDecorationHeight = exports.columnControlsDecorationHeight = 25;
var columnControlsZIndex = exports.columnControlsZIndex = _editorSharedStyles.akEditorUnitZIndex * 10;
var columnControlsSelectedZIndex = exports.columnControlsSelectedZIndex = columnControlsZIndex + 1;
var rowControlsZIndex = exports.rowControlsZIndex = _editorSharedStyles.akEditorUnitZIndex * 10;
var columnResizeHandleZIndex = exports.columnResizeHandleZIndex = columnControlsSelectedZIndex + 1;
var insertLineWidth = exports.insertLineWidth = 3;
var resizeHandlerAreaWidth = exports.resizeHandlerAreaWidth = _types.RESIZE_HANDLE_AREA_DECORATION_GAP / 3;
var resizeLineWidth = exports.resizeLineWidth = 2;
var resizeHandlerZIndex = exports.resizeHandlerZIndex = columnControlsZIndex + _editorSharedStyles.akRichMediaResizeZIndex;
var contextualMenuTriggerSize = exports.contextualMenuTriggerSize = 16;
var contextualMenuDropdownWidth = exports.contextualMenuDropdownWidth = 180;
var contextualMenuDropdownWidthDnD = exports.contextualMenuDropdownWidthDnD = 250;
var stickyRowZIndex = exports.stickyRowZIndex = resizeHandlerZIndex + 2;
var stickyRowOffsetTop = exports.stickyRowOffsetTop = 8;
var stickyHeaderBorderBottomWidth = exports.stickyHeaderBorderBottomWidth = 1;
var tableOverflowShadowWidth = exports.tableOverflowShadowWidth = 8;
var tableOverflowShadowWidthWide = exports.tableOverflowShadowWidthWide = 32;
var tablePopupMenuFitHeight = exports.tablePopupMenuFitHeight = 188;
var tableColumnControlsHeight = exports.tableColumnControlsHeight = 24;
var nativeStickyHeaderZIndex = exports.nativeStickyHeaderZIndex = _editorSharedStyles.akEditorTableCellOnStickyHeaderZIndex - 5;
var aboveNativeStickyHeaderZIndex = exports.aboveNativeStickyHeaderZIndex = nativeStickyHeaderZIndex + 1;
var belowNativeStickyHeaderZIndex = exports.belowNativeStickyHeaderZIndex = nativeStickyHeaderZIndex - 1;
var dropTargetsZIndex = exports.dropTargetsZIndex = 14;
var TABLE_SNAP_GAP = exports.TABLE_SNAP_GAP = 9;
var TABLE_HIGHLIGHT_GAP = exports.TABLE_HIGHLIGHT_GAP = 10;
var TABLE_HIGHLIGHT_TOLERANCE = exports.TABLE_HIGHLIGHT_TOLERANCE = 2;
var STICKY_HEADER_TOGGLE_TOLERANCE_MS = exports.STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;
// This adjustment value represents a pixel amount by which the container width needs to be adjusted when determining
// which guidelines are visible and most importantly CAN BE snapped too within the view. This value can be affected by
// table margins and padding. For example a guideline at 1800px and the view at 1860px wide, means the guidelines is visible
// BUT it cannot be snapped to during resize due to padding being applied to the resizer wrapper. This accommodates that difference.
var TABLE_GUIDELINE_VISIBLE_ADJUSTMENT = exports.TABLE_GUIDELINE_VISIBLE_ADJUSTMENT = -68;
var TABLE_DRAG_MENU_SORT_GROUP_HEIGHT = exports.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT = 92;
var TABLE_DRAG_MENU_PADDING_TOP = exports.TABLE_DRAG_MENU_PADDING_TOP = 4;
var TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT = exports.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT = 6;
var dragMenuDropdownWidth = exports.dragMenuDropdownWidth = 250;
var dragTableInsertColumnButtonSize = exports.dragTableInsertColumnButtonSize = 16;
var dropTargetExtendedWidth = exports.dropTargetExtendedWidth = 150;
var dragRowControlsWidth = exports.dragRowControlsWidth = 14;
var colorPalletteColumns = exports.colorPalletteColumns = 7;
var tableResizerWidth = exports.tableResizerWidth = 8;