@atlaskit/editor-plugin-table 38.0.5 → 38.0.6

package/dist/cjs/ui/TableMenu/column/items/AddColumnRightItem.js

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddColumnRightItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _columnAddRightIcon = require("@atlaskit/editor-toolbar/column-add-right-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
+var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _selection = require("../../shared/selection");
@@ -23,7 +25,7 @@ var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightIte
     editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var tableState = states.tableState;
       return {
         isCommentEditor: tableState === null || tableState === void 0 ? void 0 : tableState.isCommentEditor,
@@ -45,19 +47,19 @@ var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightIte
       return;
     }
     var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (isTableFixedColumnWidthsOptionEnabled || isCommentEditor);
-    (0, _commandsWithAnalytics.insertColumnWithAnalytics)(api, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, index)(editorView.state, editorView.dispatch, editorView);
+    (0, _commandsWithAnalytics.insertColumnWithAnalytics)(api, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, index)(editorView.state, editorView.dispatch, editorView);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableColumnAddRightIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_columnAddRightIcon.TableColumnAddRightIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
+    elemAfter: /*#__PURE__*/_react.default.createElement(_toolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint, {
       shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.addColumnAfter)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
-  }, formatMessage(_messages.tableMessages.addColumnRight));
+  }, formatMessage(_table.messages.addColumnRight));
 };

package/dist/cjs/ui/TableMenu/column/items/ColumnBackgroundSection.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ColumnBackgroundSection = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var _HeaderColumnToggleItem = require("./HeaderColumnToggleItem");
 /**
@@ -20,7 +20,7 @@ var ColumnBackgroundSection = exports.ColumnBackgroundSection = function ColumnB
   var api = _ref.api,
     children = _ref.children;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {
         isHeaderColumnAllowed: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.allowHeaderColumn
@@ -32,7 +32,7 @@ var ColumnBackgroundSection = exports.ColumnBackgroundSection = function ColumnB
     isHeaderColumnAllowed: isHeaderColumnAllowed,
     selectedColumnCount: tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedColumnCount
   });
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
     hasSeparator: hasSeparator
   }, children);
 };

package/dist/cjs/ui/TableMenu/column/items/ColumnToggleSection.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ColumnToggleSection = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var _HeaderColumnToggleItem = require("./HeaderColumnToggleItem");
 /**
@@ -19,7 +19,7 @@ var ColumnToggleSection = exports.ColumnToggleSection = function ColumnToggleSec
   var api = _ref.api,
     children = _ref.children;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {
         isHeaderColumnAllowed: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.allowHeaderColumn
@@ -33,5 +33,5 @@ var ColumnToggleSection = exports.ColumnToggleSection = function ColumnToggleSec
   })) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, children);
 };

package/dist/cjs/ui/TableMenu/column/items/DeleteColumnItem.js

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeleteColumnItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _deleteIcon = require("@atlaskit/editor-toolbar/delete-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
+var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _selection = require("../../../../pm-plugins/utils/selection");
@@ -28,7 +30,7 @@ var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref
   var shouldShowShortcut = (tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.surface.key) !== _keys.CELL_MENU.key;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var tableState = states.tableState;
       return {
         isCommentEditor: tableState === null || tableState === void 0 ? void 0 : tableState.isCommentEditor,
@@ -65,25 +67,25 @@ var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref
       return;
     }
     var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (isTableFixedColumnWidthsOptionEnabled || isCommentEditor);
-    (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect)(editorView.state, editorView.dispatch, editorView);
+    (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect)(editorView.state, editorView.dispatch, editorView);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     onFocus: handleMouseEnter,
     onMouseEnter: handleMouseEnter,
     onBlur: handleMouseLeave,
     onMouseLeave: handleMouseLeave,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.DeleteIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_deleteIcon.DeleteIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     }),
-    elemAfter: shouldShowShortcut ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
+    elemAfter: shouldShowShortcut ? /*#__PURE__*/_react.default.createElement(_toolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint, {
       shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.deleteColumn)) !== null && _tooltip !== void 0 ? _tooltip : ''
     }) : undefined
-  }, formatMessage(_messages.tableMessages.removeColumns, {
+  }, formatMessage(_table.messages.removeColumns, {
     0: selectedColumnCount
   }));
 };

package/dist/cjs/ui/TableMenu/column/items/DistributeColumnsItem.js

@@ -7,10 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.DistributeColumnsItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _columnsDistributeIcon = require("@atlaskit/editor-toolbar/columns-distribute-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _resizeState = require("../../../../pm-plugins/table-resizing/utils/resize-state");
@@ -27,7 +28,7 @@ var DistributeColumnsItem = exports.DistributeColumnsItem = function DistributeC
     editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var tableState = states.tableState;
       return {
         isCommentEditor: tableState === null || tableState === void 0 ? void 0 : tableState.isCommentEditor,
@@ -54,19 +55,19 @@ var DistributeColumnsItem = exports.DistributeColumnsItem = function DistributeC
     if (!newResizeState) {
       return;
     }
-    (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(editorView.state, editorView.dispatch);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
   if (!shouldShowDistributeColumns(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedColumnCount)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableColumnsDistributeIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_columnsDistributeIcon.TableColumnsDistributeIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     })
-  }, formatMessage(_messages.tableMessages.distributeColumns));
+  }, formatMessage(_table.messages.distributeColumns));
 };

package/dist/cjs/ui/TableMenu/column/items/HeaderColumnToggleItem.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.shouldShowHeaderColumnToggle = exports.HeaderColumnToggleItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
@@ -32,7 +32,7 @@ var HeaderColumnToggleItem = exports.HeaderColumnToggleItem = function HeaderCol
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
   var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
     editorView = _ref2.editorView;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {
         isHeaderColumnAllowed: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.allowHeaderColumn,
@@ -43,7 +43,7 @@ var HeaderColumnToggleItem = exports.HeaderColumnToggleItem = function HeaderCol
     isHeaderColumnEnabled = _useSharedPluginState.isHeaderColumnEnabled;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var label = formatMessage(_messages.tableMessages.headerColumn);
+  var label = formatMessage(_table.messages.headerColumn);
   var handleClick = function handleClick() {
     var _api$analytics;
     if (!editorView) {
@@ -58,7 +58,7 @@ var HeaderColumnToggleItem = exports.HeaderColumnToggleItem = function HeaderCol
   })) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     elemAfter: /*#__PURE__*/_react.default.createElement(_toggle.default, {
       label: label,

package/dist/cjs/ui/TableMenu/column/items/MoveColumnLeftItem.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveColumnLeftItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
 var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
@@ -33,7 +33,7 @@ var MoveColumnLeftItem = exports.MoveColumnLeftItem = function MoveColumnLeftIte
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
   var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
     editorView = _ref.editorView;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {
         tableNode: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.tableNode
@@ -48,18 +48,18 @@ var MoveColumnLeftItem = exports.MoveColumnLeftItem = function MoveColumnLeftIte
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _getSelectionRect.getSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
-    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_COLUMN, (0, _selection.getSelectedColumnIndexes)(selectionRect), selectionRect.left - 1)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_COLUMN, (0, _selection.getSelectedColumnIndexes)(selectionRect), selectionRect.left - 1)(editorView.state, editorView.dispatch);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
   if (!tableNode || !shouldShowMoveColumnLeft(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isFirstColumn)) {
     return null;
   }
-  var label = formatMessage(_messages.tableMessages.moveColumnLeft, {
+  var label = formatMessage(_table.messages.moveColumnLeft, {
     0: selectedColumnCount
   });
   if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveColumnLeft)) {
@@ -70,7 +70,7 @@ var MoveColumnLeftItem = exports.MoveColumnLeftItem = function MoveColumnLeftIte
         size: "small"
       }),
       elemAfter: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        content: formatMessage(_messages.tableMessages.canNotMoveColumnLeftWithMergedCells),
+        content: formatMessage(_table.messages.canNotMoveColumnLeftWithMergedCells),
         position: "top"
       }, function (tooltipProps) {
         return (

package/dist/cjs/ui/TableMenu/column/items/MoveColumnRightItem.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveColumnRightItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
 var _columnMoveRightIcon = require("@atlaskit/editor-toolbar/column-move-right-icon");
 var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
@@ -33,7 +33,7 @@ var MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRight
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
   var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
     editorView = _ref.editorView;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {
         tableNode: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.tableNode
@@ -48,18 +48,18 @@ var MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRight
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _getSelectionRect.getSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
-    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_COLUMN, (0, _selection.getSelectedColumnIndexes)(selectionRect), selectionRect.right)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_COLUMN, (0, _selection.getSelectedColumnIndexes)(selectionRect), selectionRect.right)(editorView.state, editorView.dispatch);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
   if (!tableNode || !shouldShowMoveColumnRight(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isLastColumn)) {
     return null;
   }
-  var label = formatMessage(_messages.tableMessages.moveColumnRight, {
+  var label = formatMessage(_table.messages.moveColumnRight, {
     0: selectedColumnCount
   });
   if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveColumnRight)) {
@@ -70,7 +70,7 @@ var MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRight
         size: "small"
       }),
       elemAfter: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        content: formatMessage(_messages.tableMessages.canNotMoveColumnRightWithMergedCells),
+        content: formatMessage(_table.messages.canNotMoveColumnRightWithMergedCells),
         position: "top"
       }, function (tooltipProps) {
         return (

package/dist/cjs/ui/TableMenu/column/items/SortDecreasingItem.js

@@ -11,11 +11,13 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _customSteps = require("@atlaskit/custom-steps");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _constants = require("@atlaskit/custom-steps/constants");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
+var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
+var _sortDescendingIcon = require("@atlaskit/editor-toolbar/sort-descending-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -38,12 +40,12 @@ var SortDecreasingItem = exports.SortDecreasingItem = function SortDecreasingIte
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _getSelectionRect.getSelectionRect)(editorView.state.selection);
     var columnIndex = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.left;
     if (columnIndex === undefined) {
       return;
     }
-    (0, _commandsWithAnalytics.sortColumnWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, _customSteps.TableSortOrder.DESC)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.sortColumnWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, _constants.TableSortOrder.DESC)(editorView.state, editorView.dispatch);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
@@ -52,20 +54,20 @@ var SortDecreasingItem = exports.SortDecreasingItem = function SortDecreasingIte
   // with a disabled-looking label and leading icon, alongside an enabled info icon
   // that surfaces why sorting is unavailable.
   if (hasMergedCellsInTable && (0, _fg.fg)('platform_editor_table_menu_updates_patch_1')) {
-    return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-      elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SortDescendingIcon, {
+    return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
+      elemBefore: /*#__PURE__*/_react.default.createElement(_sortDescendingIcon.SortDescendingIcon, {
         label: "",
         size: "small",
         color: "var(--ds-text-disabled, #080F214A)"
       }),
       elemAfter: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        content: formatMessage(_messages.tableMessages.canNotSortTableNoIcon),
+        content: formatMessage(_table.messages.canNotSortTableNoIcon),
         position: "top"
       }, function (tooltipProps) {
         return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
           as: "span",
           xcss: styles.infoIconTrigger
-        }, tooltipProps), /*#__PURE__*/_react.default.createElement(_editorToolbar.InformationCircleIcon, {
+        }, tooltipProps), /*#__PURE__*/_react.default.createElement(_informationCircleIcon.InformationCircleIcon, {
           label: "",
           size: "small",
           color: "var(--ds-icon, #292A2E)"
@@ -73,14 +75,14 @@ var SortDecreasingItem = exports.SortDecreasingItem = function SortDecreasingIte
       })
     }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       color: "color.text.disabled"
-    }, formatMessage(_messages.tableMessages.sortColumnDecreasing)));
+    }, formatMessage(_table.messages.sortColumnDecreasing)));
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     isDisabled: Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.hasMergedCellsInTable),
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SortDescendingIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_sortDescendingIcon.SortDescendingIcon, {
       label: "",
       size: "small"
     })
-  }, formatMessage(_messages.tableMessages.sortColumnDecreasing));
+  }, formatMessage(_table.messages.sortColumnDecreasing));
 };

package/dist/cjs/ui/TableMenu/column/items/SortIncreasingItem.js

@@ -11,11 +11,13 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _customSteps = require("@atlaskit/custom-steps");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _constants = require("@atlaskit/custom-steps/constants");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
+var _informationCircleIcon = require("@atlaskit/editor-toolbar/information-circle-icon");
+var _sortAscendingIcon = require("@atlaskit/editor-toolbar/sort-ascending-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -38,12 +40,12 @@ var SortIncreasingItem = exports.SortIncreasingItem = function SortIncreasingIte
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _getSelectionRect.getSelectionRect)(editorView.state.selection);
     var columnIndex = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.left;
     if (columnIndex === undefined) {
       return;
     }
-    (0, _commandsWithAnalytics.sortColumnWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, _customSteps.TableSortOrder.ASC)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.sortColumnWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_enums.INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, _constants.TableSortOrder.ASC)(editorView.state, editorView.dispatch);
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
     api === null || api === void 0 || api.core.actions.focus();
   };
@@ -52,20 +54,20 @@ var SortIncreasingItem = exports.SortIncreasingItem = function SortIncreasingIte
   // with a disabled-looking label and leading icon, alongside an enabled info icon
   // that surfaces why sorting is unavailable.
   if (hasMergedCellsInTable && (0, _fg.fg)('platform_editor_table_menu_updates_patch_1')) {
-    return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-      elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SortAscendingIcon, {
+    return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
+      elemBefore: /*#__PURE__*/_react.default.createElement(_sortAscendingIcon.SortAscendingIcon, {
         label: "",
         size: "small",
         color: "var(--ds-text-disabled, #080F214A)"
       }),
       elemAfter: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        content: formatMessage(_messages.tableMessages.canNotSortTableNoIcon),
+        content: formatMessage(_table.messages.canNotSortTableNoIcon),
         position: "top"
       }, function (tooltipProps) {
         return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
           as: "span",
           xcss: styles.infoIconTrigger
-        }, tooltipProps), /*#__PURE__*/_react.default.createElement(_editorToolbar.InformationCircleIcon, {
+        }, tooltipProps), /*#__PURE__*/_react.default.createElement(_informationCircleIcon.InformationCircleIcon, {
           label: "",
           size: "small",
           color: "var(--ds-icon, #292A2E)"
@@ -73,14 +75,14 @@ var SortIncreasingItem = exports.SortIncreasingItem = function SortIncreasingIte
       })
     }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       color: "color.text.disabled"
-    }, formatMessage(_messages.tableMessages.sortColumnIncreasing)));
+    }, formatMessage(_table.messages.sortColumnIncreasing)));
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     isDisabled: Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.hasMergedCellsInTable),
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SortAscendingIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_sortAscendingIcon.SortAscendingIcon, {
       label: "",
       size: "small"
     })
-  }, formatMessage(_messages.tableMessages.sortColumnIncreasing));
+  }, formatMessage(_table.messages.sortColumnIncreasing));
 };

package/dist/cjs/ui/TableMenu/row/getRowMenuComponents.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getRowMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _AddRowAboveItem = require("./items/AddRowAboveItem");
 var _AddRowBelowItem = require("./items/AddRowBelowItem");
@@ -38,7 +38,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_TOGGLE_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, props.children);
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, props.children);
     }
   }, {
     type: _keys.HEADER_ROW_TOGGLE_ITEM.type,
@@ -77,7 +77,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_BACKGROUND_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, props.children);
     }
@@ -92,7 +92,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_ADD_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, props.children);
     }
@@ -146,7 +146,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_DANGER_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, props.children);
     }
@@ -168,7 +168,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_TOGGLE_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, props.children);
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, props.children);
     }
   }, {
     type: _keys.HEADER_ROW_TOGGLE_ITEM.type,
@@ -207,7 +207,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_BACKGROUND_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, props.children);
     }
@@ -222,7 +222,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_ADD_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, props.children);
     }
@@ -289,7 +289,7 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_DANGER_SECTION.key]
     }],
     component: function component(props) {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, props.children);
     }