@atlaskit/editor-plugin-table 38.0.5 → 38.0.6

package/dist/cjs/ui/FloatingContextualMenu/CellMenuPopup.js

@@ -9,9 +9,10 @@ exports.CellMenuPopup = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _ui = require("@atlaskit/editor-common/ui");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _userIntent = require("@atlaskit/editor-common/user-intent");
+var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
+var _UserIntentPopupWrapper = require("@atlaskit/editor-common/UserIntentPopupWrapper");
 var _commands = require("../../pm-plugins/commands");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _types = require("../../types");
@@ -22,7 +23,7 @@ var _TableMenu = require("../TableMenu/shared/TableMenu");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
+var PopupWithListeners = (0, _withReactEditorViewOuterListeners.default)(_Popup.default);
 var NESTED_DROPDOWN_SELECTOR = '[data-toolbar-nested-dropdown-menu]';
 var CELL_MENU_TRIGGER_SELECTOR = ".".concat(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON);
 var CELL_MENU_TRIGGER_CLEARANCE = [6, 0];
@@ -108,7 +109,7 @@ var CellMenuPopup = exports.CellMenuPopup = function CellMenuPopup(_ref) {
     handleEscapeKeydown: closeCellMenu
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: handlePopupRef
-  }, /*#__PURE__*/_react.default.createElement(_userIntent.UserIntentPopupWrapper, {
+  }, /*#__PURE__*/_react.default.createElement(_UserIntentPopupWrapper.UserIntentPopupWrapper, {
     api: api,
     userIntent: "tableContextualMenuPopupOpen"
   }, /*#__PURE__*/_react.default.createElement(_TableMenu.TableMenu, {

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -17,18 +17,24 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntl = require("react-intl");
-var _customSteps = require("@atlaskit/custom-steps");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _constants = require("@atlaskit/custom-steps/constants");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _styles = require("@atlaskit/editor-common/styles");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _dropdownMenu = require("@atlaskit/editor-common/styles/dropdown-menu");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _userIntent = require("@atlaskit/editor-common/user-intent");
-var _utils = require("@atlaskit/editor-common/utils");
-var _editorPalette = require("@atlaskit/editor-palette");
-var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
-var _utils2 = require("@atlaskit/editor-tables/utils");
+var _ColorPalette = _interopRequireDefault(require("@atlaskit/editor-common/ui-color/ColorPalette"));
+var _cellBackgroundColorPalette = _interopRequireDefault(require("@atlaskit/editor-common/ui-color/ColorPalette/cellBackgroundColorPalette"));
+var _paletteMessagesTokenModeNames = require("@atlaskit/editor-common/ui-color/ColorPalette/paletteMessagesTokenModeNames");
+var _utils = require("@atlaskit/editor-common/ui-color/ColorPalette/utils");
+var _ArrowKeyNavigationProvider = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownMenu = _interopRequireDefault(require("@atlaskit/editor-common/ui-menu/DropdownMenu"));
+var _UserIntentPopupWrapper = require("@atlaskit/editor-common/UserIntentPopupWrapper");
+var _dom = require("@atlaskit/editor-common/utils/dom");
+var _background = require("@atlaskit/editor-palette/background");
+var _main = require("@atlaskit/editor-shared-styles/shortcut/main");
+var _splitCell = require("@atlaskit/editor-tables/utils/split-cell");
 var _paintBucket = _interopRequireDefault(require("@atlaskit/icon/core/paint-bucket"));
 var _tableCellClear = _interopRequireDefault(require("@atlaskit/icon/core/table-cell-clear"));
 var _tableCellMerge = _interopRequireDefault(require("@atlaskit/icon/core/table-cell-merge"));
@@ -48,10 +54,10 @@ var _pluginKey = require("../../pm-plugins/plugin-key");
 var _resizeState = require("../../pm-plugins/table-resizing/utils/resize-state");
 var _merge = require("../../pm-plugins/transforms/merge");
 var _selection = require("../../pm-plugins/utils/selection");
-var _table = require("../../pm-plugins/utils/table");
-var _types = require("../../types");
+var _table2 = require("../../pm-plugins/utils/table");
+var _types2 = require("../../types");
 var _consts = require("../consts");
-var _styles2 = require("./styles");
+var _styles = require("./styles");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -89,7 +95,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       var dom = _this.props.editorView.dom;
-      var parent = (0, _utils.closestElement)(dom, '.fabric-editor-popup-scroll-parent') || (0, _utils.closestElement)(dom, '.ak-editor-content-area');
+      var parent = (0, _dom.closestElement)(dom, '.fabric-editor-popup-scroll-parent') || (0, _dom.closestElement)(dom, '.ak-editor-content-area');
       if (!(parent && ref)) {
         return;
       }
@@ -132,18 +138,18 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       if (allowBackgroundColor) {
         var _node$attrs, _node$attrs2;
         var node = isOpen && targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
-        var background = (0, _editorPalette.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
+        var background = (0, _background.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
         var isMoreColorsEnabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true);
-        var activePalette = isMoreColorsEnabled ? _uiColor.cellBackgroundColorPaletteNew : _uiColor.cellBackgroundColorPalette;
+        var activePalette = isMoreColorsEnabled ? _uiColor.cellBackgroundColorPaletteNew : _cellBackgroundColorPalette.default;
         var activeCols = isMoreColorsEnabled ? _consts.colorPaletteColumns : _consts.colorPalletteColumns;
-        var selectedRowAndColumnFromPalette = (0, _uiColor.getSelectedRowAndColumnFromPalette)(activePalette,
+        var selectedRowAndColumnFromPalette = (0, _utils.getSelectedRowAndColumnFromPalette)(activePalette,
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         background, activeCols);
         var selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
         var selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
         return {
-          content: formatMessage(_messages.tableMessages.backgroundColor),
+          content: formatMessage(_table.messages.backgroundColor),
           value: {
             name: 'background'
           },
@@ -152,24 +158,24 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           }, (0, _react2.jsx)(_paintBucket.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_messages.tableMessages.backgroundColor)
+            label: formatMessage(_table.messages.backgroundColor)
           })),
           elemAfter:
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           (0, _react2.jsx)("div", {
-            className: _styles.DropdownMenuSharedCssClassName.SUBMENU
+            className: _dropdownMenu.DropdownMenuSharedCssClassName.SUBMENU
           }, (0, _react2.jsx)("div", {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-            css: (0, _styles2.cellColourPreviewStyles)(background)
+            css: (0, _styles.cellColourPreviewStyles)(background)
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             ,
-            className: _types.TableCssClassName.CONTEXTUAL_MENU_ICON_SMALL
+            className: _types2.TableCssClassName.CONTEXTUAL_MENU_ICON_SMALL
           }), isSubmenuOpen && (0, _react2.jsx)("div", {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-            className: _types.TableCssClassName.CONTEXTUAL_SUBMENU,
+            className: _types2.TableCssClassName.CONTEXTUAL_SUBMENU,
             ref: _this.handleSubMenuRef
-          }, (0, _react2.jsx)(_uiMenu.ArrowKeyNavigationProvider, {
-            type: _uiMenu.ArrowKeyNavigationType.COLOR,
+          }, (0, _react2.jsx)(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
+            type: _types.ArrowKeyNavigationType.COLOR,
             selectedRowIndex: selectedRowIndex || 0,
             selectedColumnIndex: selectedColumnIndex || 0
             // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
@@ -190,7 +196,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             ,
             isOpenedByKeyboard: isCellMenuOpenByKeyboard
-          }, (0, _react2.jsx)(_uiColor.ColorPalette, {
+          }, (0, _react2.jsx)(_ColorPalette.default, {
             cols: activeCols,
             onClick: _this.setColor,
             selectedColor: (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff'
@@ -198,8 +204,8 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
             ,
             paletteOptions: {
               palette: activePalette,
-              paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages,
-              hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor
+              paletteColorTooltipMessages: _paletteMessagesTokenModeNames.backgroundPaletteTooltipMessages,
+              hexToPaletteColor: _background.hexToEditorBackgroundPaletteColor
             }
           })))),
           'aria-expanded': isSubmenuOpen
@@ -215,7 +221,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }, (0, _react2.jsx)(_tableColumnsDistribute.default, {
           color: "currentColor",
           spacing: "spacious",
-          label: formatMessage(_messages.tableMessages.distributeColumns)
+          label: formatMessage(_table.messages.distributeColumns)
         }))
       });
     });
@@ -226,7 +232,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         formatMessage = _this$props2.intl.formatMessage;
       if (allowMergeCells) {
         return [{
-          content: formatMessage(_messages.tableMessages.mergeCells),
+          content: formatMessage(_table.messages.mergeCells),
           value: {
             name: 'merge'
           },
@@ -236,20 +242,20 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           }, (0, _react2.jsx)(_tableCellMerge.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_messages.tableMessages.mergeCells)
+            label: formatMessage(_table.messages.mergeCells)
           }))
         }, {
-          content: formatMessage(_messages.tableMessages.splitCell),
+          content: formatMessage(_table.messages.splitCell),
           value: {
             name: 'split'
           },
-          isDisabled: !(0, _utils2.splitCell)(state),
+          isDisabled: !(0, _splitCell.splitCell)(state),
           elemBefore: (0, _react2.jsx)(_primitives.Box, {
             xcss: elementBeforeIconStyles
           }, (0, _react2.jsx)(_tableCellSplit.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_messages.tableMessages.splitCell)
+            label: formatMessage(_table.messages.splitCell)
           }))
         }];
       }
@@ -257,7 +263,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
     });
     (0, _defineProperty2.default)(_this, "createInsertColumnItem", function () {
       var formatMessage = _this.props.intl.formatMessage;
-      var content = formatMessage(_messages.tableMessages.addColumnRight);
+      var content = formatMessage(_table.messages.addColumnRight);
       return {
         content: content,
         value: {
@@ -265,7 +271,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         },
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         elemAfter: (0, _react2.jsx)("div", {
-          css: _shortcut.shortcutStyle
+          css: _main.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter)),
         elemBefore:
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -274,14 +280,14 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }, (0, _react2.jsx)(_tableColumnAddRight.default, {
           color: "currentColor",
           spacing: "spacious",
-          label: formatMessage(_messages.tableMessages.addColumnRight)
+          label: formatMessage(_table.messages.addColumnRight)
         })),
         'aria-label': (0, _keymaps.tooltip)(_keymaps.addColumnAfter, String(content))
       };
     });
     (0, _defineProperty2.default)(_this, "createInsertRowItem", function () {
       var formatMessage = _this.props.intl.formatMessage;
-      var content = formatMessage(_messages.tableMessages.addRowBelow);
+      var content = formatMessage(_table.messages.addRowBelow);
       return {
         content: content,
         value: {
@@ -289,14 +295,14 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         },
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         elemAfter: (0, _react2.jsx)("div", {
-          css: _shortcut.shortcutStyle
+          css: _main.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.addRowAfter)),
         elemBefore: (0, _react2.jsx)(_primitives.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableRowAddBelow.default, {
           color: "currentColor",
           spacing: "spacious",
-          label: formatMessage(_messages.tableMessages.addRowBelow)
+          label: formatMessage(_table.messages.addRowBelow)
         })),
         'aria-label': (0, _keymaps.tooltip)(_keymaps.addRowAfter, String(content))
       };
@@ -311,7 +317,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         left = selectionRect.left;
       var noOfColumns = right - left;
       var noOfRows = bottom - top;
-      var content = formatMessage(_messages.tableMessages.clearCells, {
+      var content = formatMessage(_table.messages.clearCells, {
         0: Math.max(noOfColumns, noOfRows)
       });
       return {
@@ -321,14 +327,14 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         },
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         elemAfter: (0, _react2.jsx)("div", {
-          css: _shortcut.shortcutStyle
+          css: _main.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.backspace)),
         elemBefore: (0, _react2.jsx)(_primitives.Box, {
           xcss: elementBeforeIconStyles
         }, (0, _react2.jsx)(_tableCellClear.default, {
           color: "currentColor",
           spacing: "spacious",
-          label: formatMessage(_messages.tableMessages.clearCells, {
+          label: formatMessage(_table.messages.clearCells, {
             0: Math.max(noOfColumns, noOfRows)
           })
         })),
@@ -343,7 +349,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         left = selectionRect.left;
       var noOfColumns = right - left;
       return {
-        content: formatMessage(_messages.tableMessages.removeColumns, {
+        content: formatMessage(_table.messages.removeColumns, {
           0: noOfColumns
         }),
         value: {
@@ -354,7 +360,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }, (0, _react2.jsx)(_tableColumnDelete.default, {
           color: "currentColor",
           spacing: "spacious",
-          label: formatMessage(_messages.tableMessages.removeColumns, {
+          label: formatMessage(_table.messages.removeColumns, {
             0: noOfColumns
           })
         }))
@@ -368,7 +374,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         top = selectionRect.top;
       var noOfRows = bottom - top;
       return {
-        content: formatMessage(_messages.tableMessages.removeRows, {
+        content: formatMessage(_table.messages.removeRows, {
           0: noOfRows
         }),
         value: {
@@ -379,7 +385,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }, (0, _react2.jsx)(_tableRowDelete.default, {
           color: "currentColor",
           spacing: "spacious",
-          label: formatMessage(_messages.tableMessages.removeRows, {
+          label: formatMessage(_table.messages.removeRows, {
             0: noOfRows
           })
         }))
@@ -402,7 +408,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var newResizeState = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionRect, editorView.state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, tableWithFixedColumnWidthsOption);
       var wouldChange = (_newResizeState$chang = newResizeState === null || newResizeState === void 0 ? void 0 : newResizeState.changed) !== null && _newResizeState$chang !== void 0 ? _newResizeState$chang : false;
       return _objectSpread({
-        content: formatMessage(_messages.tableMessages.distributeColumns),
+        content: formatMessage(_table.messages.distributeColumns),
         value: {
           name: 'distribute_columns'
         },
@@ -475,51 +481,51 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       isCommentEditor);
       switch (item.value.name) {
         case 'sort_column_desc':
-          (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, selectionRect.left, _customSteps.TableSortOrder.DESC)(state, dispatch);
+          (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, selectionRect.left, _constants.TableSortOrder.DESC)(state, dispatch);
           _this.toggleOpen();
           break;
         case 'sort_column_asc':
-          (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, selectionRect.left, _customSteps.TableSortOrder.ASC)(state, dispatch);
+          (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, selectionRect.left, _constants.TableSortOrder.ASC)(state, dispatch);
           _this.toggleOpen();
           break;
         case 'merge':
-          (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
+          (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
           _this.toggleOpen();
           break;
         case 'split':
-          (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
+          (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
           _this.toggleOpen();
           break;
         case 'distribute_columns':
           var newResizeStateWithAnalytics = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, tableWithFixedColumnWidthsOption, isCommentEditor);
           if (newResizeStateWithAnalytics) {
-            (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI, _this.props.api)(_analytics.INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
+            (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI, _this.props.api)(_enums.INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
             _this.toggleOpen();
           }
           break;
         case 'clear':
-          (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, targetCellPosition)(state, dispatch);
+          (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, targetCellPosition)(state, dispatch);
           _this.toggleOpen();
           break;
         case 'insert_column':
-          (0, _commandsWithAnalytics.insertColumnWithAnalytics)(_this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
+          (0, _commandsWithAnalytics.insertColumnWithAnalytics)(_this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_enums.INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
           _this.toggleOpen();
           break;
         case 'insert_row':
-          (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, {
+          (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, {
             index: selectionRect.bottom,
             moveCursorToInsertedRow: true
           })(state, dispatch);
           _this.toggleOpen();
           break;
         case 'delete_column':
-          (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, _this.props.api, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch, editorView);
+          (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, _this.props.api, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_enums.INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch, editorView);
           _this.toggleOpen();
           break;
         case 'delete_row':
           var _getPluginState4 = (0, _pluginFactory.getPluginState)(state),
             isHeaderRowRequired = _getPluginState4.pluginConfig.isHeaderRowRequired;
-          (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(state, dispatch);
+          (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(state, dispatch);
           _this.toggleOpen();
           break;
         case 'background':
@@ -619,7 +625,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       if (item.value.name === 'delete_row') {
         (0, _commands.hoverRows)((0, _selection.getSelectedRowIndexes)(selectionRect), true)(state, dispatch);
       }
-      if (['sort_column_asc', 'sort_column_desc'].indexOf(item.value.name) > -1 && (0, _table.getMergedCellsPositions)(state.tr).length !== 0) {
+      if (['sort_column_asc', 'sort_column_desc'].indexOf(item.value.name) > -1 && (0, _table2.getMergedCellsPositions)(state.tr).length !== 0) {
         (0, _commands.hoverMergedCells)()(state, dispatch);
       }
     });
@@ -654,7 +660,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var state = editorView.state,
         dispatch = editorView.dispatch,
         dom = editorView.dom;
-      (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
+      (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
       if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         _this.toggleOpen();
       } else {
@@ -703,20 +709,20 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var items = this.createContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
-      return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+      return (0, _react2.jsx)(_UserIntentPopupWrapper.UserIntentPopupWrapper, {
         userIntent: "tableContextualMenuPopupOpen",
         api: api
       }, (0, _react2.jsx)("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: (0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : this.closeSubmenu,
         ref: this.dropdownMenuRef
-      }, (0, _react2.jsx)(_uiMenu.DropdownMenu
+      }, (0, _react2.jsx)(_DropdownMenu.default
       //This needs be removed when the a11y is completely handled
       //Disabling key navigation now as it works only partially
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         arrowKeyNavigationProviderOptions: {
-          type: _uiMenu.ArrowKeyNavigationType.MENU,
+          type: _types.ArrowKeyNavigationType.MENU,
           disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
         },
         items: items,

package/dist/cjs/ui/FloatingContextualMenu/index.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = require("@atlaskit/editor-common/ui");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _utils2 = require("@atlaskit/editor-tables/utils");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
+var _isSelectionType = require("@atlaskit/editor-tables/utils/is-selection-type");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _consts = require("../consts");
@@ -40,7 +42,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCommentEditor = _ref.isCommentEditor,
     api = _ref.api,
     isDragMenuOpen = _ref.isDragMenuOpen;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['table'], function (states) {
       var _states$tableState;
       return {
         activeTableMenu: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.activeTableMenu
@@ -59,10 +61,10 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     return null;
   }
   var selection = editorView.state.selection;
-  var selectionRect = (0, _utils2.isSelectionType)(selection, 'cell') ?
+  var selectionRect = (0, _isSelectionType.isSelectionType)(selection, 'cell') ?
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (0, _utils2.getSelectionRect)(selection) : (0, _utils2.findCellRectClosestToPos)(selection.$from);
+  (0, _getSelectionRect.getSelectionRect)(selection) : (0, _utils2.findCellRectClosestToPos)(selection.$from);
   if (!selectionRect) {
     return null;
   }
@@ -83,10 +85,10 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
       mountPoint: mountPoint,
       scrollableElement: scrollableElement,
       target: targetCellRef,
-      zIndex: parentSticky ? _editorSharedStyles.akEditorFloatingDialogZIndex : _editorSharedStyles.akEditorFloatingOverlapPanelZIndex
+      zIndex: parentSticky ? _constants.akEditorFloatingDialogZIndex : _constants.akEditorFloatingOverlapPanelZIndex
     });
   }
-  return (0, _react.jsx)(_ui.Popup, {
+  return (0, _react.jsx)(_Popup.default, {
     alignX: "right",
     alignY: "top"
     // Ignored via go/ees005
@@ -101,7 +103,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     // z-index value below is to ensure that this menu is above other floating menu
     // in table, but below floating dialogs like typeaheads, pickers, etc.
     ,
-    zIndex: parentSticky ? _editorSharedStyles.akEditorFloatingDialogZIndex : _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+    zIndex: parentSticky ? _constants.akEditorFloatingDialogZIndex : _constants.akEditorFloatingOverlapPanelZIndex,
     forcePlacement: true
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

package/dist/cjs/ui/FloatingDeleteButton/index.js

@@ -15,13 +15,14 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _dom = require("@atlaskit/editor-common/utils/dom");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-var _utils2 = require("@atlaskit/editor-tables/utils");
+var _utils = require("@atlaskit/editor-tables/utils");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
@@ -37,7 +38,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function getSelectionType(selection) {
-  if (!(0, _utils2.isTableSelected)(selection) && selection instanceof _cellSelection.CellSelection) {
+  if (!(0, _utils.isTableSelected)(selection) && selection instanceof _cellSelection.CellSelection) {
     if (selection.isRowSelection()) {
       return 'row';
     }
@@ -57,7 +58,7 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
     _this = _callSuper(this, FloatingDeleteButton, [props]);
     (0, _defineProperty2.default)(_this, "wrapper", null);
     (0, _defineProperty2.default)(_this, "updateWrapper", function () {
-      var tableWrapper = (0, _utils.closestElement)(_this.props.tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
+      var tableWrapper = (0, _dom.closestElement)(_this.props.tableRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
       if (tableWrapper) {
         _this.wrapper = tableWrapper;
         // Ignored via go/ees005
@@ -129,17 +130,17 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
         dispatch = _this$props$editorVie3.dispatch;
       var _getTablePluginState = (0, _pluginFactory.getPluginState)(state),
         isHeaderRowRequired = _getTablePluginState.pluginConfig.isHeaderRowRequired;
-      var rect = (0, _utils2.getSelectionRect)(state.selection);
+      var rect = (0, _getSelectionRect.getSelectionRect)(state.selection);
       if (rect) {
         switch (_this.state.selectionType) {
           case 'column':
             {
-              (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, _this.props.api)(_analytics.INPUT_METHOD.BUTTON, rect)(state, dispatch, _this.props.editorView);
+              (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, _this.props.api)(_enums.INPUT_METHOD.BUTTON, rect)(state, dispatch, _this.props.editorView);
               return;
             }
           case 'row':
             {
-              (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.BUTTON, rect, !!isHeaderRowRequired)(state, dispatch);
+              (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.BUTTON, rect, !!isHeaderRowRequired)(state, dispatch);
               return;
             }
         }
@@ -194,9 +195,9 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
       if (!selectionType || !tableRef) {
         return null;
       }
-      var tableContainerWrapper = (0, _utils.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
+      var tableContainerWrapper = (0, _dom.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
       var button = /*#__PURE__*/_react.default.createElement(_DeleteButton.default, {
-        removeLabel: selectionType === 'column' ? _messages.tableMessages.removeColumns : _messages.tableMessages.removeRows,
+        removeLabel: selectionType === 'column' ? _table.messages.removeColumns : _table.messages.removeRows,
         onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave
@@ -232,12 +233,12 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
               left: rect.left + (pos.left || 0) - (this.state.selectionType === 'column' ? this.state.scrollLeft : 0) - (
               // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-              this.props.isNumberColumnEnabled ? _editorSharedStyles.akEditorTableNumberColumnWidth : 0)
+              this.props.isNumberColumnEnabled ? _constants.akEditorTableNumberColumnWidth : 0)
             }
           }, button), mountTo);
         }
       }
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_Popup.default, (0, _extends2.default)({
         target: tableRef,
         mountTo: mountTo,
         boundariesElement: tableContainerWrapper || boundariesElement,
@@ -259,7 +260,7 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
     function getDerivedStateFromProps(nextProps, prevState) {
       var selectionType = getSelectionType(nextProps.selection);
       var inStickyMode = nextProps.stickyHeaders && nextProps.stickyHeaders.sticky;
-      var rect = (0, _utils2.getSelectionRect)(nextProps.selection);
+      var rect = (0, _getSelectionRect.getSelectionRect)(nextProps.selection);
 
       // only tie row delete to sticky header if it's the only thing
       // in the selection, otherwise the row delete will hover around