@atlaskit/editor-plugin-table 2.3.1 → 2.4.0

package/dist/es2019/plugins/table/ui/FloatingContextualButton/FixedButton.js

@@ -1,9 +1,9 @@
 import React, { useEffect, useRef } from 'react';
-import { createPortal } from 'react-dom';
 import rafSchedule from 'raf-schd';
+import { createPortal } from 'react-dom';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
-import { insertColumnButtonOffset } from '../common-styles';
 import { TableCssClassName as ClassName } from '../../types';
+import { insertColumnButtonOffset } from '../common-styles';
 export const BUTTON_WIDTH = 20;
 export const calcLeftPos = ({
   buttonWidth,

package/dist/es2019/plugins/table/ui/FloatingContextualButton/index.js

@@ -3,17 +3,17 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { injectIntl } from 'react-intl-next';
+import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import { Popup } from '@atlaskit/editor-common/ui';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { toggleContextualMenu } from '../../commands';
 import { TableCssClassName as ClassName } from '../../types';
 import messages from '../../ui/messages';
 import FixedButton from './FixedButton';
-import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
-import { tableFloatingCellButtonStyles, tableFloatingCellButtonSelectedStyles } from './styles';
-import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
+import { tableFloatingCellButtonSelectedStyles, tableFloatingCellButtonStyles } from './styles';
 const BUTTON_OFFSET = 3;
 const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
   const {

package/dist/es2019/plugins/table/ui/FloatingContextualButton/styles.js

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
 import { B75, DN0, DN60, N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { contextualMenuTriggerSize } from '../consts';
-import { themed } from '@atlaskit/theme/components';
 export const tableFloatingCellButtonStyles = props => css`
   > div {
     // Sits behind button to provide surface-color background

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -2,27 +2,27 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
-import { splitCell } from '@atlaskit/editor-tables/utils';
 import { defineMessages, injectIntl } from 'react-intl-next';
+import { TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
-import { ColorPalette, backgroundPaletteTooltipMessages, cellBackgroundColorPalette } from '@atlaskit/editor-common/ui-color';
 import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { backgroundPaletteTooltipMessages, cellBackgroundColorPalette, ColorPalette } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import { cellColourPreviewStyles } from './styles';
 import { closestElement } from '@atlaskit/editor-common/utils';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import { splitCell } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, toggleContextualMenu } from '../../commands';
-import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics, distributeColumnsWidthsWithAnalytics } from '../../commands-with-analytics';
+import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../commands-with-analytics';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
+import { getNewResizeStateFromSelectedColumns } from '../../pm-plugins/table-resizing/utils/resize-state';
 import { canMergeCells } from '../../transforms';
 import { TableCssClassName as ClassName } from '../../types';
-import { TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
 import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../utils';
-import tableMessages from '../messages';
 import { contextualMenuDropdownWidth } from '../consts';
-import { getNewResizeStateFromSelectedColumns } from '../../pm-plugins/table-resizing/utils/resize-state';
+import tableMessages from '../messages';
+import { cellColourPreviewStyles } from './styles';
 export const messages = defineMessages({
   cellBackground: {
     id: 'fabric.editor.cellBackground',

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js

@@ -1,14 +1,14 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { findDomRefAtPos } from 'prosemirror-utils';
-import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { pluginKey } from '../../pm-plugins/plugin-key';
 import { contextualMenuDropdownWidth, contextualMenuTriggerSize } from '../consts';
-import { tablePopupStyles } from './styles';
 import ContextualMenu from './ContextualMenu';
+import { tablePopupStyles } from './styles';
 
 // offset of the contextual menu dropdown
 const calculateOffset = (targetCellRef, state) => {

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/styles.js

@@ -1,14 +1,17 @@
 import { css } from '@emotion/react';
 import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
 import { N60A, N90 } from '@atlaskit/theme/colors';
-import { contextualMenuDropdownWidth } from '../consts';
-import { TableCssClassName as ClassName } from '../../types';
 import { borderRadius } from '@atlaskit/theme/constants';
+import { TableCssClassName as ClassName } from '../../types';
+import { contextualMenuDropdownWidth } from '../consts';
 export const cellColourPreviewStyles = selectedColor => css`
   &::before {
     background: ${selectedColor};
   }
 `;
+
+// TODO Delete this comment after verifying space token -> previous value `padding: 8px`
+// TODO Delete this comment after verifying space token -> previous value `margin-left: 4px`
 export const tablePopupStyles = css`
   .${ClassName.CONTEXTUAL_SUBMENU} {
     border-radius: ${borderRadius()}px;
@@ -18,7 +21,7 @@ export const tablePopupStyles = css`
     position: absolute;
     top: 0;
     left: ${contextualMenuDropdownWidth}px;
-    padding: 8px;
+    padding: ${"var(--ds-space-100, 8px)"};
 
     > div {
       padding: 0;
@@ -39,7 +42,7 @@ export const tablePopupStyles = css`
 
     &::after {
       content: '›';
-      margin-left: 4px;
+      margin-left: ${"var(--ds-space-050, 4px)"};
       line-height: 20px;
       color: ${`var(--ds-icon, ${N90})`};
     }

package/dist/es2019/plugins/table/ui/FloatingDeleteButton/index.js

@@ -1,20 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { getSelectionRect, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { createPortal } from 'react-dom';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { Popup } from '@atlaskit/editor-common/ui';
-import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { closestElement } from '@atlaskit/editor-common/utils';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { getSelectionRect, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics } from '../../commands-with-analytics';
 import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-factory';
 import { TableCssClassName as ClassName } from '../../types';
 import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams, getRowHeights } from '../../utils';
-import tableMessages from '../messages';
 import { stickyRowZIndex } from '../consts';
+import tableMessages from '../messages';
 import DeleteButton from './DeleteButton';
 import getPopupOptions from './getPopUpOptions';
 export function getSelectionType(selection) {

package/dist/es2019/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
+import { closestElement } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import Tooltip from '@atlaskit/tooltip';
-import * as keymaps from '@atlaskit/editor-common/keymaps';
-import { closestElement } from '@atlaskit/editor-common/utils';
 import { TableCssClassName as ClassName } from '../../types';
-import tableMessages from '../messages';
 import { tableToolbarSize } from '../consts';
+import tableMessages from '../messages';
 const getInsertLineHeight = (tableRef, hasStickyHeaders) => {
   // The line gets height 100% from the table,
   // but since we have an overflow on the left,

package/dist/es2019/plugins/table/ui/FloatingInsertButton/index.js

@@ -1,20 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findDomRefAtPos } from 'prosemirror-utils';
-import { findTable } from '@atlaskit/editor-tables/utils';
 import { injectIntl } from 'react-intl-next';
+import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { closestElement } from '@atlaskit/editor-common/utils';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { findTable } from '@atlaskit/editor-tables/utils';
 import { insertColumnWithAnalytics, insertRowWithAnalytics } from '../../commands-with-analytics';
 import { TableCssClassName as ClassName } from '../../types';
 import { checkIfNumberColumnEnabled } from '../../utils';
 import getPopupOptions from './getPopupOptions';
 import InsertButton from './InsertButton';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, CONTENT_COMPONENT } from '@atlaskit/editor-common/analytics';
 export class FloatingInsertButton extends React.Component {
   constructor(props) {
     super(props);

package/dist/es2019/plugins/table/ui/LayoutButton/index.js

@@ -1,15 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { createRef } from 'react';
 import classnames from 'classnames';
+import { findDomRefAtPos } from 'prosemirror-utils';
 import { injectIntl } from 'react-intl-next';
+import commonMessages from '@atlaskit/editor-common/messages';
 import { Popup } from '@atlaskit/editor-common/ui';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import commonMessages from '@atlaskit/editor-common/messages';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { toggleTableLayoutWithAnalytics } from '../../commands-with-analytics';
 import { TableCssClassName as ClassName } from '../../types';
-import { findDomRefAtPos } from 'prosemirror-utils';
 const addPopupOffset = pos => ({
   ...pos,
   // add 12 pixels to align y position with

package/dist/es2019/plugins/table/ui/TableFloatingControls/CornerControls/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
-import { defineMessages, injectIntl } from 'react-intl-next';
 import classnames from 'classnames';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverTable } from '../../../commands';

package/dist/es2019/plugins/table/ui/common-styles.js

@@ -1,12 +1,12 @@
 import { css } from '@emotion/react';
 import { tableMarginTop, tableSharedStyle } from '@atlaskit/editor-common/styles';
-import { fontSize } from '@atlaskit/theme/constants';
-import { N40A, B300, N300, N20A, N0, R500 } from '@atlaskit/theme/colors';
-import { SelectionStyle, getSelectionStyles, akEditorSmallZIndex, akEditorTableNumberColumnWidth, akEditorStickyHeaderZIndex, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorSelectedNodeClassName, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { akEditorSelectedNodeClassName, akEditorSmallZIndex, akEditorStickyHeaderZIndex, akEditorTableNumberColumnWidth, akEditorTableToolbarSize, akEditorUnitZIndex, getSelectionStyles, relativeFontSizeToBase16, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
+import { B300, N0, N20A, N300, N40A, R500 } from '@atlaskit/theme/colors';
+import { fontSize } from '@atlaskit/theme/constants';
 import { TableCssClassName as ClassName } from '../types';
-import { tableCellBackgroundColor, tableHeaderCellBackgroundColor, tableBorderColor, tableCellSelectedColor, tableToolbarSelectedColor, tableBorderSelectedColor, tableCellDeleteColor, tableBorderDeleteColor, tableToolbarDeleteColor, tableBorderRadiusSize, tablePadding, tableScrollbarOffset, resizeHandlerAreaWidth, resizeLineWidth, tableToolbarSize, tableInsertColumnButtonSize, tableControlsSpacing, tableTextColor, stickyRowZIndex, columnControlsDecorationHeight, stickyRowOffsetTop, stickyHeaderBorderBottomWidth } from './consts';
-import { HeaderButton, HeaderButtonHover, HeaderButtonDanger, insertColumnButtonWrapper, insertRowButtonWrapper, columnControlsLineMarker, DeleteButton, OverflowShadow, columnControlsDecoration, hoveredDeleteButton, hoveredCell, hoveredWarningCell, resizeHandle, InsertMarker } from './ui-styles';
+import { columnControlsDecorationHeight, resizeHandlerAreaWidth, resizeLineWidth, stickyHeaderBorderBottomWidth, stickyRowOffsetTop, stickyRowZIndex, tableBorderColor, tableBorderDeleteColor, tableBorderRadiusSize, tableBorderSelectedColor, tableCellBackgroundColor, tableCellDeleteColor, tableCellSelectedColor, tableControlsSpacing, tableHeaderCellBackgroundColor, tableInsertColumnButtonSize, tablePadding, tableScrollbarOffset, tableTextColor, tableToolbarDeleteColor, tableToolbarSelectedColor, tableToolbarSize } from './consts';
+import { columnControlsDecoration, columnControlsLineMarker, DeleteButton, HeaderButton, HeaderButtonDanger, HeaderButtonHover, hoveredCell, hoveredDeleteButton, hoveredWarningCell, insertColumnButtonWrapper, InsertMarker, insertRowButtonWrapper, OverflowShadow, resizeHandle } from './ui-styles';
 const cornerControlHeight = tableToolbarSize + 1;
 
 /*

package/dist/es2019/plugins/table/ui/consts.js

@@ -1,8 +1,8 @@
-import { B200, B300, N20, R400, R75, DN400, N200, DN30, N0 } from '@atlaskit/theme/colors';
 import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/styles';
 import { akEditorTableBorder, akEditorTableBorderDark, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarSize, akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
+import { B200, B300, DN30, DN400, N0, N20, N200, R400, R75 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
+import { RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
 
 /**
  * Basic colors added to prevent content overflow in table cells.

package/dist/es2019/plugins/table/ui/ui-styles.js

@@ -1,10 +1,10 @@
 import { css } from '@emotion/react';
 import { tableCellBorderWidth, tableMarginTop, tableMarginTopWithControl } from '@atlaskit/editor-common/styles';
 import { akEditorShadowZIndex, akEditorTableNumberColumnWidth, akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
-import { N40A, B300, N300, R300, N20A, N60A, N0, Y50, Y200 } from '@atlaskit/theme/colors';
-import { tableBorderColor, tableToolbarSelectedColor, tableHeaderCellBackgroundColor, tableBorderSelectedColor, tableCellDeleteColor, tableBorderDeleteColor, tableToolbarDeleteColor, lineMarkerSize, columnControlsDecorationHeight, columnControlsZIndex, columnControlsSelectedZIndex, resizeHandlerAreaWidth, resizeLineWidth, resizeHandlerZIndex, tableToolbarSize, tableInsertColumnButtonSize, tableDeleteButtonSize } from './consts';
-import { TableCssClassName as ClassName } from '../types';
+import { B300, N0, N20A, N300, N40A, N60A, R300, Y200, Y50 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
+import { TableCssClassName as ClassName } from '../types';
+import { columnControlsDecorationHeight, columnControlsSelectedZIndex, columnControlsZIndex, lineMarkerSize, resizeHandlerAreaWidth, resizeHandlerZIndex, resizeLineWidth, tableBorderColor, tableBorderDeleteColor, tableBorderSelectedColor, tableCellDeleteColor, tableDeleteButtonSize, tableHeaderCellBackgroundColor, tableInsertColumnButtonSize, tableToolbarDeleteColor, tableToolbarSelectedColor, tableToolbarSize } from './consts';
 const InsertLine = cssString => css`
   .${ClassName.CONTROLS_INSERT_LINE} {
     background: ${tableBorderSelectedColor};

package/dist/es2019/plugins/table/utils/column-controls.js

@@ -1,8 +1,8 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findDomRefAtPos } from 'prosemirror-utils';
-import { findTable, getCellsInColumn, getSelectionRect, isColumnSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { maphElem } from '@atlaskit/editor-common/utils';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { findTable, getCellsInColumn, getSelectionRect, isColumnSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { TableCssClassName as ClassName } from '../types';
 import { tableDeleteButtonSize } from '../ui/consts';
 export const getColumnsWidths = view => {

package/dist/es2019/plugins/table/utils/decoration.js

@@ -1,9 +1,9 @@
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
-import { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { Decoration } from 'prosemirror-view';
 import { nonNullable } from '@atlaskit/editor-common/utils';
+import { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
+import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 const filterDecorationByKey = (key, decorationSet) => decorationSet.find(undefined, undefined, spec => spec.key.indexOf(key) > -1);
 export const findColumnControlSelectedDecoration = decorationSet => filterDecorationByKey(TableDecorations.COLUMN_SELECTED, decorationSet);

package/dist/es2019/plugins/table/utils/guidelines.js

@@ -1,4 +1,4 @@
 import { createFixedGuidelinesFromLengths } from '@atlaskit/editor-common/guideline';
-import { akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 export const defaultGuidelineWidths = [akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth];
 export const defaultGuidelines = createFixedGuidelinesFromLengths(defaultGuidelineWidths);

package/dist/es2019/plugins/table/utils/nodes.js

@@ -1,5 +1,5 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { hasParentNodeOfType } from 'prosemirror-utils';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { pluginKey } from '../pm-plugins/plugin-key';
 export const isIsolating = node => {

package/dist/es2019/plugins/table/utils/row-controls.js

@@ -1,8 +1,8 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { safeInsert } from 'prosemirror-utils';
-import { findTable, getSelectionRect, isRowSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { parsePx } from '@atlaskit/editor-common/utils';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { findTable, getSelectionRect, isRowSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { TableCssClassName as ClassName } from '../types';
 import { tableDeleteButtonSize } from '../ui/consts';
 export const getRowHeights = tableRef => {

package/dist/es2019/plugins/table/utils/selection.js

@@ -1,5 +1,5 @@
-import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRangeInColumn, getSelectionRangeInRow, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 export const isSelectionUpdated = (oldSelection, newSelection) => !!(!newSelection && oldSelection) || isSelectionType(oldSelection, 'cell') !== isSelectionType(newSelection, 'cell') || isSelectionType(oldSelection, 'cell') && isSelectionType(newSelection, 'cell') && oldSelection.ranges !== newSelection.ranges;
 const isRectangularCellSelection = (selection, rect) => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "2.3.1",
+	"version": "2.4.0",
 	"sideEffects": false
 }

package/dist/esm/plugins/table/commands/clear.js

@@ -1,7 +1,9 @@
 // #region Imports
 import { Selection } from 'prosemirror-state';
-import { findCellClosestToPos, emptyCell, isSelectionType } from '@atlaskit/editor-tables/utils';
+import { emptyCell, findCellClosestToPos, isSelectionType } from '@atlaskit/editor-tables/utils';
+
 // #endregion
+
 // #region Commands
 export var clearMultipleCells = function clearMultipleCells(targetCellPosition) {
   return function (state, dispatch) {

package/dist/esm/plugins/table/commands/go-to-next-cell.js

@@ -1,8 +1,8 @@
 // #region Constants
-import { findTable, goToNextCell as baseGotoNextCell } from '@atlaskit/editor-tables/utils';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { goToNextCell as baseGotoNextCell, findTable } from '@atlaskit/editor-tables/utils';
 import { insertRowWithAnalytics } from '../commands-with-analytics';
 var TAB_FORWARD_DIRECTION = 1;
 var TAB_BACKWARD_DIRECTION = -1;

package/dist/esm/plugins/table/commands/insert.js

@@ -1,12 +1,13 @@
 // #region Imports
 import { Selection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { addColumnAt as addColumnAtPMUtils, addRowAt, createTable as createTableNode, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
 import { safeInsert } from 'prosemirror-utils';
 import { AddColumnStep } from '@atlaskit/adf-schema/steps';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { addColumnAt as addColumnAtPMUtils, addRowAt, createTable as createTableNode, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
+import { rescaleColumns } from '../transforms/column-width';
 import { checkIfHeaderRowEnabled, copyPreviousRow } from '../utils';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
-import { rescaleColumns } from '../transforms/column-width';
+
 // #endregion
 
 function addColumnAtCustomStep(column) {

package/dist/esm/plugins/table/commands/misc.js

@@ -4,17 +4,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // #region Imports
 
 import { TextSelection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { closestElement, isParagraph, isTextSelection, mapSlice } from '@atlaskit/editor-common/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { selectionCell, findCellClosestToPos, findTable, getCellsInColumn, getCellsInRow, getSelectionRect, isSelectionType, removeTable, selectColumn as selectColumnTransform, selectRow as selectRowTransform, setCellAttrs, isTableSelected } from '@atlaskit/editor-tables/utils';
-import { isParagraph, isTextSelection, closestElement, mapSlice } from '@atlaskit/editor-common/utils';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { findCellClosestToPos, findTable, getCellsInColumn, getCellsInRow, getSelectionRect, isSelectionType, isTableSelected, removeTable, selectColumn as selectColumnTransform, selectionCell, selectRow as selectRowTransform, setCellAttrs } from '@atlaskit/editor-tables/utils';
 import { getDecorations } from '../pm-plugins/decorations/plugin';
 import { buildColumnResizingDecorations } from '../pm-plugins/decorations/utils';
 import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { fixAutoSizedTable } from '../transforms';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { createColumnControlsDecoration, createColumnSelectedDecoration } from '../utils/decoration';
-import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
+import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isIsolating } from '../utils/nodes';
 import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations';
 // #endregion
 

package/dist/esm/plugins/table/commands/referentiality.js

@@ -1,5 +1,5 @@
-import { createCommand } from '../pm-plugins/plugin-factory';
 import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
+import { createCommand } from '../pm-plugins/plugin-factory';
 export var removeDescendantNodes = function removeDescendantNodes(sourceNode) {
   return createCommand({
     type: 'UPDATE_STATE',

package/dist/esm/plugins/table/commands/selection.js

@@ -1,8 +1,8 @@
-import { TextSelection, Selection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { Selection, TextSelection } from 'prosemirror-state';
+import { GapCursorSelection, isSelectionAtEndOfNode, isSelectionAtStartOfNode, RelativeSelectionPos, Side } from '@atlaskit/editor-common/selection';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
-import { RelativeSelectionPos, GapCursorSelection, Side, isSelectionAtStartOfNode, isSelectionAtEndOfNode } from '@atlaskit/editor-common/selection';
 export var TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
   TableSelectionDirection["BottomToTop"] = "BottomToTop";

package/dist/esm/plugins/table/commands/sort.js

@@ -1,10 +1,9 @@
 import { Selection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findCellRectClosestToPos } from '@atlaskit/editor-tables/utils';
-import { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows, findTable, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
+import { TableSortOrder as SortOrder, TableSortStep } from '@atlaskit/adf-schema/steps';
 import { createCompareNodes } from '@atlaskit/editor-common/utils';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows, findCellRectClosestToPos, findTable, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
-import { TableSortStep, TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
 var createGetInlineCardTextFromStore = function createGetInlineCardTextFromStore(attrs) {
   var _ref = attrs,
     data = _ref.data;

package/dist/esm/plugins/table/commands/toggle.js

@@ -3,8 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 //#region Imports
 
-import { toggleHeader } from '@atlaskit/editor-tables/utils';
-import { findTable } from '@atlaskit/editor-tables/utils';
+import { findTable, toggleHeader } from '@atlaskit/editor-tables/utils';
 import { createCommand } from '../pm-plugins/plugin-factory';
 //#endregion
 

package/dist/esm/plugins/table/commands-with-analytics.js

@@ -1,19 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { findCellClosestToPos, findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
 import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_BREAKOUT } from '@atlaskit/editor-common/analytics';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { findCellClosestToPos, findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { clearMultipleCells } from './commands/clear';
 import { wrapTableInExpand } from './commands/collapse';
 import { insertColumn, insertRow } from './commands/insert';
-import { deleteTable, setMultipleCellAttrs, deleteTableIfSelected } from './commands/misc';
+import { deleteTable, deleteTableIfSelected, setMultipleCellAttrs } from './commands/misc';
 import { sortByColumn } from './commands/sort';
 import { splitCell } from './commands/split-cell';
 import { getNextLayout, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './commands/toggle';
-import { distributeColumnsWidths } from './pm-plugins/table-resizing/commands';
 import { getPluginState } from './pm-plugins/plugin-factory';
+import { distributeColumnsWidths } from './pm-plugins/table-resizing/commands';
 import { deleteColumns, deleteRows, mergeCells } from './transforms';
 import { checkIfNumberColumnEnabled, getSelectedCellInfo, getSelectedTableInfo } from './utils';
 import { withEditorAnalyticsAPI } from './utils/analytics';

package/dist/esm/plugins/table/event-handlers.js

@@ -1,18 +1,16 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { Selection, TextSelection } from 'prosemirror-state';
+import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { browser, closestElement, isElementInTableCell, isLastItemMediaGroup, setNodeSelection } from '@atlaskit/editor-common/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { cellAround, findCellRectClosestToPos, findTable, getSelectionRect, removeTable } from '@atlaskit/editor-tables/utils';
-import { browser } from '@atlaskit/editor-common/utils';
-import { isElementInTableCell, isLastItemMediaGroup, setNodeSelection } from '@atlaskit/editor-common/utils';
-import { closestElement } from '@atlaskit/editor-common/utils';
-import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { addResizeHandleDecorations, clearHoverSelection, hideInsertColumnOrRowButton, hideResizeHandleLine, hoverColumns, selectColumn, setEditorFocus, showInsertColumnButton, showInsertRowButton, showResizeHandleLine } from './commands';
 import { getPluginState } from './pm-plugins/plugin-factory';
 import { getPluginState as getResizePluginState } from './pm-plugins/table-resizing/plugin-factory';
 import { deleteColumns, deleteRows } from './transforms';
 import { RESIZE_HANDLE_AREA_DECORATION_GAP } from './types';
-import { getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, getSelectedCellInfo, isCell, isColumnControlsDecorations, isCornerButton, isInsertRowButton, isResizeHandleDecoration, isRowControlsButton, isTableControlsButton, isTableContainerOrWrapper, hasResizeHandler } from './utils';
+import { getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, getSelectedCellInfo, hasResizeHandler, isCell, isColumnControlsDecorations, isCornerButton, isInsertRowButton, isResizeHandleDecoration, isRowControlsButton, isTableContainerOrWrapper, isTableControlsButton } from './utils';
 import { getAllowAddColumnCustomStep } from './utils/get-allow-add-column-custom-step';
 var isFocusingCalendar = function isFocusingCalendar(event) {
   return event instanceof FocusEvent && event.relatedTarget instanceof HTMLElement && event.relatedTarget.getAttribute('aria-label') === 'calendar';

package/dist/esm/plugins/table/handlers.js

@@ -2,17 +2,17 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // #region Imports
+
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
 import { findParentNodeOfType } from 'prosemirror-utils';
-import { findTable } from '@atlaskit/editor-tables/utils';
+import { TableSortStep } from '@atlaskit/adf-schema/steps';
 import { isTextInput } from '@atlaskit/editor-common/utils';
-import { isTableCollapsible } from './utils/collapse';
+import { findTable } from '@atlaskit/editor-tables/utils';
 import { defaultTableSelection } from './pm-plugins/default-table-selection';
 import { pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
-import { TableSortStep } from '@atlaskit/adf-schema/steps';
-// #endregion
-import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled } from './utils/nodes';
+import { isTableCollapsible } from './utils/collapse';
+import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled } from './utils/nodes';
 var nextTableSorting = function nextTableSorting(tr, table) {
   var tableSortStep = tr.steps.find(function (step) {
     return step instanceof TableSortStep;