@atlaskit/editor-plugin-table 38.0.5 → 38.0.7

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -11,17 +11,24 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _styles = require("@atlaskit/editor-common/styles");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+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 _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 _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 _tableMap = require("@atlaskit/editor-tables/table-map");
 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 _paintBucket = _interopRequireDefault(require("@atlaskit/icon/core/paint-bucket"));
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -34,10 +41,10 @@ var _pluginFactory2 = require("../../pm-plugins/plugin-factory");
 var _dragMenu = require("../../pm-plugins/utils/drag-menu");
 var _nodes = require("../../pm-plugins/utils/nodes");
 var _selection = require("../../pm-plugins/utils/selection");
-var _types = require("../../types");
+var _types2 = require("../../types");
 var _consts = require("../consts");
 var _DropdownMenu = require("./DropdownMenu");
-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); }
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /**
@@ -52,59 +59,59 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 var MapDragMenuOptionIdToMessage = {
   add_row_above: {
-    message: _messages.tableMessages.addRowAbove,
+    message: _table.messages.addRowAbove,
     plural: null
   },
   add_row_below: {
-    message: _messages.tableMessages.addRowBelow,
+    message: _table.messages.addRowBelow,
     plural: null
   },
   add_column_left: {
-    message: _messages.tableMessages.addColumnLeft,
+    message: _table.messages.addColumnLeft,
     plural: null
   },
   add_column_right: {
-    message: _messages.tableMessages.addColumnRight,
+    message: _table.messages.addColumnRight,
     plural: null
   },
   distribute_columns: {
-    message: _messages.tableMessages.distributeColumns,
+    message: _table.messages.distributeColumns,
     plural: 'noOfCols'
   },
   clear_cells: {
-    message: _messages.tableMessages.clearCells,
+    message: _table.messages.clearCells,
     plural: 'noOfCells'
   },
   delete_row: {
-    message: _messages.tableMessages.removeRows,
+    message: _table.messages.removeRows,
     plural: 'noOfRows'
   },
   delete_column: {
-    message: _messages.tableMessages.removeColumns,
+    message: _table.messages.removeColumns,
     plural: 'noOfCols'
   },
   move_column_left: {
-    message: _messages.tableMessages.moveColumnLeft,
+    message: _table.messages.moveColumnLeft,
     plural: 'noOfCols'
   },
   move_column_right: {
-    message: _messages.tableMessages.moveColumnRight,
+    message: _table.messages.moveColumnRight,
     plural: 'noOfCols'
   },
   move_row_up: {
-    message: _messages.tableMessages.moveRowUp,
+    message: _table.messages.moveRowUp,
     plural: 'noOfRows'
   },
   move_row_down: {
-    message: _messages.tableMessages.moveRowDown,
+    message: _table.messages.moveRowDown,
     plural: 'noOfRows'
   },
   sort_column_asc: {
-    message: _messages.tableMessages.sortColumnIncreasing,
+    message: _table.messages.sortColumnIncreasing,
     plural: null
   },
   sort_column_desc: {
-    message: _messages.tableMessages.sortColumnDecreasing,
+    message: _table.messages.sortColumnDecreasing,
     plural: null
   }
 };
@@ -176,7 +183,7 @@ var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig, for
       })) : undefined,
       // 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: item.keymap ? (0, _react2.jsx)("div", {
-        css: _shortcut.shortcutStyle
+        css: _main.shortcutStyle
       }, item.keymap) : undefined
     });
     item.onClick && (menuCallback[item.id] = item.onClick);
@@ -227,10 +234,10 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     setIsSubmenuOpen = _useState2[1];
   var _getPluginState = (0, _pluginFactory.getPluginState)(state),
     isKeyboardModeActive = _getPluginState.isKeyboardModeActive;
-  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);
   var hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
   var dragMenuConfig = (0, _dragMenu.getDragMenuConfig)(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, ariaNotifyPlugin, isCommentEditor, (_pluginConfig$allowCo = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowColumnSorting) !== null && _pluginConfig$allowCo !== void 0 ? _pluginConfig$allowCo : true);
@@ -241,7 +248,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     var dom = 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;
     }
@@ -273,7 +280,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
   var setColor = function setColor(color) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
-    (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
+    (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
     closeMenu();
     setIsSubmenuOpen(false);
   };
@@ -282,16 +289,16 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     var _getTablePluginState = (0, _pluginFactory2.getPluginState)(editorView.state),
       targetCellPosition = _getTablePluginState.targetCellPosition;
     var node = 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 _getSelectedRowAndCol = (0, _uiColor.getSelectedRowAndColumnFromPalette)(activePalette, background, activeCols),
+    var _getSelectedRowAndCol = (0, _utils.getSelectedRowAndColumnFromPalette)(activePalette, background, activeCols),
       selectedRowIndex = _getSelectedRowAndCol.selectedRowIndex,
       selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
     return {
       key: 'background',
-      content: formatMessage(_messages.tableMessages.backgroundColor),
+      content: formatMessage(_table.messages.backgroundColor),
       value: {
         name: 'background'
       },
@@ -300,27 +307,27 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
       }, (0, _react2.jsx)(_paintBucket.default, {
         color: "currentColor",
         spacing: "spacious",
-        label: formatMessage(_messages.tableMessages.backgroundColor)
+        label: formatMessage(_table.messages.backgroundColor)
       })),
       elemAfter: (0, _react2.jsx)("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: _styles.DropdownMenuSharedCssClassName.SUBMENU
+        className: _dropdownMenu.DropdownMenuSharedCssClassName.SUBMENU
         // 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.dragMenuBackgroundColorStyles)()
+        css: (0, _styles.dragMenuBackgroundColorStyles)()
       }, (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.DRAG_SUBMENU_ICON
+        className: _types2.TableCssClassName.DRAG_SUBMENU_ICON
       }), isSubmenuOpen &&
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       (0, _react2.jsx)("div", {
-        className: _types.TableCssClassName.DRAG_SUBMENU,
+        className: _types2.TableCssClassName.DRAG_SUBMENU,
         ref: handleSubMenuRef
-      }, (0, _react2.jsx)(_uiMenu.ArrowKeyNavigationProvider, {
-        type: _uiMenu.ArrowKeyNavigationType.COLOR,
+      }, (0, _react2.jsx)(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
+        type: _types.ArrowKeyNavigationType.COLOR,
         selectedRowIndex: selectedRowIndex,
         selectedColumnIndex: selectedColumnIndex
         // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
@@ -338,7 +345,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
         },
         isPopupPositioned: true,
         isOpenedByKeyboard: isKeyboardModeActive
-      }, (0, _react2.jsx)(_uiColor.ColorPalette, {
+      }, (0, _react2.jsx)(_ColorPalette.default, {
         cols: activeCols
         // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
@@ -350,8 +357,8 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
         ,
         paletteOptions: {
           palette: activePalette,
-          paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages,
-          hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor
+          paletteColorTooltipMessages: _paletteMessagesTokenModeNames.backgroundPaletteTooltipMessages,
+          hexToPaletteColor: _background.hexToEditorBackgroundPaletteColor
         }
       }))))
     };
@@ -369,10 +376,10 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     return (
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       (0, _react2.jsx)("div", {
-        css: _styles2.toggleStyles
+        css: _styles.toggleStyles
       }, (0, _react2.jsx)(_toggle.default, {
         id: "toggle-header-column",
-        label: formatMessage(_messages.tableMessages.headerColumn),
+        label: formatMessage(_table.messages.headerColumn),
         onChange: toggleHeaderColumn,
         isChecked: (0, _nodes.checkIfHeaderColumnEnabled)(selection)
       }))
@@ -382,10 +389,10 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     return (
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       (0, _react2.jsx)("div", {
-        css: _styles2.toggleStyles
+        css: _styles.toggleStyles
       }, (0, _react2.jsx)(_toggle.default, {
         id: "toggle-header-row",
-        label: formatMessage(_messages.tableMessages.headerRow),
+        label: formatMessage(_table.messages.headerRow),
         onChange: toggleHeaderRow,
         isChecked: (0, _nodes.checkIfHeaderRowEnabled)(selection)
       }))
@@ -395,7 +402,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     if (direction === 'column' && (pluginConfig !== null && pluginConfig !== void 0 && pluginConfig.advanced || pluginConfig !== null && pluginConfig !== void 0 && pluginConfig.allowHeaderColumn)) {
       return {
         key: 'header_column',
-        content: formatMessage(_messages.tableMessages.headerColumn),
+        content: formatMessage(_table.messages.headerColumn),
         value: {
           name: 'header_column'
         },
@@ -405,7 +412,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     if (direction === 'row' && (pluginConfig !== null && pluginConfig !== void 0 && pluginConfig.advanced || pluginConfig !== null && pluginConfig !== void 0 && pluginConfig.allowHeaderRow)) {
       return {
         key: 'header_row',
-        content: formatMessage(_messages.tableMessages.headerRow),
+        content: formatMessage(_table.messages.headerRow),
         value: {
           name: 'header_row'
         },
@@ -416,17 +423,17 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
   var createRowNumbersMenuItem = function createRowNumbersMenuItem() {
     return {
       key: 'row_numbers',
-      content: formatMessage(_messages.tableMessages.numberedRows),
+      content: formatMessage(_table.messages.numberedRows),
       value: {
         name: 'row_numbers'
       },
       elemAfter:
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       (0, _react2.jsx)("div", {
-        css: _styles2.toggleStyles
+        css: _styles.toggleStyles
       }, (0, _react2.jsx)(_toggle.default, {
         id: "toggle-row-numbers",
-        label: formatMessage(_messages.tableMessages.numberedRows),
+        label: formatMessage(_table.messages.numberedRows),
         onChange: toggleRowNumbers,
         isChecked: (0, _nodes.checkIfNumberColumnEnabled)(selection)
       }))
@@ -552,7 +559,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
       items: [createRowNumbersMenuItem()]
     });
   }
-  return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+  return (0, _react2.jsx)(_UserIntentPopupWrapper.UserIntentPopupWrapper, {
     api: api,
     userIntent: "tableDragMenuPopupOpen"
   }, (0, _react2.jsx)(_DropdownMenu.DropdownMenu, {

package/dist/cjs/ui/FloatingDragMenu/DropdownMenu.js

@@ -9,10 +9,14 @@ exports.DropdownMenu = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _DropList = _interopRequireDefault(require("@atlaskit/editor-common/DropList"));
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _ArrowKeyNavigationProvider = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownMenu = require("@atlaskit/editor-common/ui-menu/DropdownMenu");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
 var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
 var _consts = require("../consts");
@@ -23,11 +27,11 @@ var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetR
   var setOutsideClickTargetRef = _react.default.useContext(_uiReact.OutsideClickTargetRefContext);
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/_react.default.createElement(_ui.DropList, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_DropList.default, (0, _extends2.default)({
     onDroplistRef: setOutsideClickTargetRef
   }, props));
 };
-var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(DropListWithOutsideClickTargetRef);
+var DropListWithOutsideListeners = (0, _withReactEditorViewOuterListeners.default)(DropListWithOutsideClickTargetRef);
 var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
   var items = _ref.items,
     section = _ref.section,
@@ -100,7 +104,7 @@ var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
         key: index
       }, group.items.map(function (item) {
         var _item$key;
-        return /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenuItem, {
+        return /*#__PURE__*/_react.default.createElement(_DropdownMenu.DropdownMenuItem, {
           shouldUseDefaultRole: false,
           key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
           item: item,
@@ -164,7 +168,7 @@ var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "drag-dropdown-menu-popup-ref",
       ref: handleRef
-    }), /*#__PURE__*/_react.default.createElement(_ui.Popup
+    }), /*#__PURE__*/_react.default.createElement(_Popup.default
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     , {
@@ -179,14 +183,14 @@ var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
       },
       fitHeight: fitHeight,
       fitWidth: fitWidth,
-      zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex
+      zIndex: _constants.akEditorFloatingPanelZIndex
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       offset: [offsetX, offsetY],
       allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
-    }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
+    }, /*#__PURE__*/_react.default.createElement(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
       closeOnTab: !disableKeyboardHandling,
-      type: _uiMenu.ArrowKeyNavigationType.MENU,
+      type: _types.ArrowKeyNavigationType.MENU,
       handleClose: onClose,
       onSelection: onSelection
       // disableKeyboardHandling is linked with isSubmenuOpen in DragMenu

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _types = require("../../types");
 var _consts = require("../consts");
@@ -45,7 +45,7 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     _ref2$tableWithFixedC = _ref2.tableWithFixedColumnWidthsOption,
     tableWithFixedColumnWidthsOption = _ref2$tableWithFixedC === void 0 ? false : _ref2$tableWithFixedC;
   var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
-  return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+  return /*#__PURE__*/_react.default.createElement(_Popup.default, {
     alignX: direction === 'row' ? 'right' : undefined,
     alignY: direction === 'row' ? 'start' : undefined
     // Ignored via go/ees005
@@ -61,7 +61,7 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     // in table, but below floating dialogs like typeaheads, pickers, etc.
     // In sticky mode, we want to show the menu above the sticky header
     ,
-    zIndex: inStickyMode ? _editorSharedStyles.akEditorFloatingDialogZIndex : _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+    zIndex: inStickyMode ? _constants.akEditorFloatingDialogZIndex : _constants.akEditorFloatingOverlapPanelZIndex,
     forcePlacement: true,
     offset: direction === 'row' ? [-9, 0] : [0, -7],
     stick: true

package/dist/cjs/ui/FloatingInsertButton/InsertButton.js

@@ -10,10 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _reactIntl = require("react-intl");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _styles = require("@atlaskit/editor-common/styles");
-var _utils = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _table2 = require("@atlaskit/editor-common/styles/table");
+var _dom = require("@atlaskit/editor-common/utils/dom");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _types = require("../../types");
 var _consts = require("../consts");
@@ -24,13 +24,13 @@ var getInsertLineHeight = function getInsertLineHeight(tableRef, hasStickyHeader
   // but since we have an overflow on the left,
   // we should add an offset to make up for it.
   var LINE_OFFSET = 3;
-  var ADDITIONAL_HEIGHT = hasStickyHeaders ? tableRef.getBoundingClientRect().top - _styles.tableMarginTop * 3 - LINE_OFFSET : _consts.tableToolbarSize + LINE_OFFSET;
+  var ADDITIONAL_HEIGHT = hasStickyHeaders ? tableRef.getBoundingClientRect().top - _table2.tableMarginTop * 3 - LINE_OFFSET : _consts.tableToolbarSize + LINE_OFFSET;
   return tableRef.offsetHeight + ADDITIONAL_HEIGHT;
 };
 var getNumberColumnWidth = function getNumberColumnWidth(tableRef) {
-  var parent = (0, _utils.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
+  var parent = (0, _dom.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
   if (parent) {
-    return parent.querySelector(".".concat(_types.TableCssClassName.NUMBERED_COLUMN)) ? _editorSharedStyles.akEditorTableNumberColumnWidth - 1 : 0;
+    return parent.querySelector(".".concat(_types.TableCssClassName.NUMBERED_COLUMN)) ? _constants.akEditorTableNumberColumnWidth - 1 : 0;
   }
   return 0;
 };
@@ -52,7 +52,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isChromelessEdito
   return Math.min(offsetWidth, parentOffsetWidth - Math.max(scrollLeft - diff, 0)) + DRAG_LINE_OFFSET + getNumberColumnWidth(tableRef);
 };
 var tooltipMessageByType = function tooltipMessageByType(type) {
-  return type === 'row' ? _messages.tableMessages.insertRow : _messages.tableMessages.insertColumn;
+  return type === 'row' ? _table.messages.insertRow : _table.messages.insertColumn;
 };
 var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
   var onMouseDown = _ref2.onMouseDown,
@@ -64,7 +64,7 @@ var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
   var isRow = type === 'row';
   var content = /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
-      description: formatMessage(isRow ? _messages.tableMessages.insertRowDrag : _messages.tableMessages.insertColumnDrag),
+      description: formatMessage(isRow ? _table.messages.insertRowDrag : _table.messages.insertColumnDrag),
       keymap: isRow ? _keymaps.addRowAfter : _keymaps.addColumnAfter
     }),
     position: "top"

package/dist/cjs/ui/FloatingInsertButton/getPopupOptions.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _consts = require("../consts");
 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 HORIZONTAL_ALIGN_COLUMN_BUTTON = -(_consts.tableInsertColumnButtonSize / 2);
-var HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON = HORIZONTAL_ALIGN_COLUMN_BUTTON + _editorSharedStyles.akEditorTableNumberColumnWidth;
+var HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON = HORIZONTAL_ALIGN_COLUMN_BUTTON + _constants.akEditorTableNumberColumnWidth;
 var VERTICAL_ALIGN_COLUMN_BUTTON_DRAG = _consts.tableInsertColumnButtonOffset;
 var HORIZONTAL_ALIGN_ROW_BUTTON_DRAG = -18;
 var VERTICAL_ALIGN_ROW_BUTTON = _consts.tableInsertColumnButtonSize / 2;

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

@@ -14,13 +14,13 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-common/utils");
-var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _dom = require("@atlaskit/editor-common/utils/dom");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils3 = require("@atlaskit/editor-tables/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
@@ -83,7 +83,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
           return null;
         }
       }
-      var tablePos = (0, _utils3.findTable)(tr.selection);
+      var tablePos = (0, _utils2.findTable)(tr.selection);
       if (!tablePos) {
         return null;
       }
@@ -98,17 +98,17 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
       var pos = cellPosition + tablePos.start + 1;
       var target;
       try {
-        target = (0, _utils2.findDomRefAtPos)(pos, domAtPos);
+        target = (0, _utils.findDomRefAtPos)(pos, domAtPos);
       } catch (error) {
         // eslint-disable-next-line no-console
         console.warn(error);
         if (dispatchAnalyticsEvent) {
           var payload = {
-            action: _analytics.ACTION.ERRORED,
-            actionSubject: _analytics.ACTION_SUBJECT.CONTENT_COMPONENT,
-            eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+            action: _enums.ACTION.ERRORED,
+            actionSubject: _enums.ACTION_SUBJECT.CONTENT_COMPONENT,
+            eventType: _enums.EVENT_TYPE.OPERATIONAL,
             attributes: {
-              component: _analytics.CONTENT_COMPONENT.FLOATING_INSERT_BUTTON,
+              component: _enums.CONTENT_COMPONENT.FLOATING_INSERT_BUTTON,
               selection: editorView.state.selection.toJSON(),
               position: pos,
               docSize: editorView.state.doc.nodeSize,
@@ -123,12 +123,12 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
       if (!target || !(target instanceof HTMLElement)) {
         return null;
       }
-      var targetCellRef = type === 'row' ? (0, _utils.closestElement)(target, 'tr') : (0, _utils.closestElement)(target, 'td, th');
+      var targetCellRef = type === 'row' ? (0, _dom.closestElement)(target, 'tr') : (0, _dom.closestElement)(target, 'td, th');
       if (!targetCellRef) {
         return null;
       }
-      var tableContainerWrapper = (0, _utils.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
-      var tableWrapper = (0, _utils.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
+      var tableContainerWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
+      var tableWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -152,7 +152,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
       } else if ((0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') || type === 'column') {
         zIndex = (0, _stickyHeaderZIndex.getTableZIndexes)().headerButton;
       }
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_Popup.default, (0, _extends2.default)({
         target: targetCellRef,
         mountTo: tableContainerWrapper || mountPoint,
         boundariesElement: tableContainerWrapper || boundariesElement
@@ -234,7 +234,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
         event.preventDefault();
         var state = editorView.state,
           dispatch = editorView.dispatch;
-        (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.BUTTON, {
+        (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_enums.INPUT_METHOD.BUTTON, {
           index: insertRowButtonIndex,
           moveCursorToInsertedRow: true
         })(state, dispatch);
@@ -258,7 +258,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
         var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
         var state = editorView.state,
           dispatch = editorView.dispatch;
-        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
+        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_enums.INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
       }
     }
   }]);

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

@@ -1,15 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = require("@atlaskit/editor-common/ui");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _toolbarKeyboardNavigationProvider = require("@atlaskit/editor-toolbar/toolbar-keyboard-navigation-provider");
@@ -21,7 +23,7 @@ var _keys2 = require("../TableMenu/row/keys");
 var _consts2 = require("../TableMenu/shared/consts");
 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); }
-var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
+var PopupWithListeners = (0, _withReactEditorViewOuterListeners.default)(_Popup.default);
 
 // Defer drag-handle clicks to the drag handle's own toggle/select handlers — those own
 // the open/switch/close semantics for moving between rows/columns.
@@ -47,7 +49,7 @@ var FloatingTableMenu = function FloatingTableMenu(_ref) {
     stickyHeaders = _ref.stickyHeaders,
     tableWrapper = _ref.tableWrapper,
     targetCellPosition = _ref.targetCellPosition;
-  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
@@ -153,7 +155,7 @@ var FloatingTableMenu = function FloatingTableMenu(_ref) {
     // in table, but below floating dialogs like typeaheads, pickers, etc.
     // In sticky mode, we want to show the menu above the sticky header
     ,
-    zIndex: inStickyMode ? _editorSharedStyles.akEditorFloatingDialogZIndex : _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+    zIndex: inStickyMode ? _constants.akEditorFloatingDialogZIndex : _constants.akEditorFloatingOverlapPanelZIndex,
     forcePlacement: true,
     preventOverflow: dragMenuDirection === 'row',
     offset: POPUP_OFFSET,