npm - @atlaskit/editor-plugin-table - Versions diffs - 38.0.5 → 38.0.7 - Mend

@atlaskit/editor-plugin-table 38.0.5 → 38.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (512) hide show

package/dist/cjs/ui/TableMenu/row/items/AddRowAboveItem.js CHANGED Viewed

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddRowAboveItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+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 _editorToolbar = require("@atlaskit/editor-toolbar");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
+var _rowAddAboveIcon = require("@atlaskit/editor-toolbar/row-add-above-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 _TableMenuContext = require("../../shared/TableMenuContext");
@@ -27,27 +29,27 @@ var AddRowAboveItem = exports.AddRowAboveItem = function AddRowAboveItem(props)
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _getSelectionRect.getSelectionRect)(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.top;
     if (index === undefined) {
       return;
     }
-    (0, _commandsWithAnalytics.insertRowWithAnalytics)(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, {
+    (0, _commandsWithAnalytics.insertRowWithAnalytics)(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, {
       index: index,
       moveCursorToInsertedRow: true
     })(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();
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowAddAboveIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_rowAddAboveIcon.TableRowAddAboveIcon, {
       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.addRowBefore)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
-  }, formatMessage(_messages.tableMessages.addRowAbove));
+  }, formatMessage(_table.messages.addRowAbove));
 };

package/dist/cjs/ui/TableMenu/row/items/AddRowBelowItem.js CHANGED Viewed

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddRowBelowItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+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 _rowAddBelowIcon = require("@atlaskit/editor-toolbar/row-add-below-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");
@@ -32,22 +34,22 @@ var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props)
     if (index === undefined) {
       return;
     }
-    (0, _commandsWithAnalytics.insertRowWithAnalytics)(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, {
+    (0, _commandsWithAnalytics.insertRowWithAnalytics)(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, {
       index: index,
       moveCursorToInsertedRow: true
     })(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();
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowAddBelowIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_rowAddBelowIcon.TableRowAddBelowIcon, {
       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.addRowAfter)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
-  }, formatMessage(_messages.tableMessages.addRowBelow));
+  }, formatMessage(_table.messages.addRowBelow));
 };

package/dist/cjs/ui/TableMenu/row/items/DeleteRowItem.js CHANGED Viewed

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeleteRowItem = 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");
@@ -24,7 +26,7 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
   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 {
         isHeaderRowRequired: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.isHeaderRowRequired
@@ -60,25 +62,25 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
     if (!selectionRect) {
       return;
     }
-    (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(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, selectionRect, !!isHeaderRowRequired)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(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, selectionRect, !!isHeaderRowRequired)(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();
   };
-  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.deleteRow)) !== null && _tooltip !== void 0 ? _tooltip : ''
     }) : undefined
-  }, formatMessage(_messages.tableMessages.removeRows, {
+  }, formatMessage(_table.messages.removeRows, {
     0: selectedRowCount
   }));
 };

package/dist/cjs/ui/TableMenu/row/items/HeaderRowToggleItem.js CHANGED Viewed

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderRowToggleItem = 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");
@@ -26,7 +26,7 @@ var HeaderRowToggleItem = exports.HeaderRowToggleItem = function HeaderRowToggle
   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 {
         isHeaderRowAllowed: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.allowHeaderRow,
@@ -38,7 +38,7 @@ var HeaderRowToggleItem = exports.HeaderRowToggleItem = function HeaderRowToggle
   var selectedRowCount = (_tableMenuContext$sel = tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedRowCount) !== null && _tableMenuContext$sel !== void 0 ? _tableMenuContext$sel : 0;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var label = formatMessage(_messages.tableMessages.headerRow);
+  var label = formatMessage(_table.messages.headerRow);
   var handleClick = function handleClick() {
     var _api$analytics;
     if (!editorView) {
@@ -53,7 +53,7 @@ var HeaderRowToggleItem = exports.HeaderRowToggleItem = function HeaderRowToggle
   })) {
     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/row/items/MoveRowDownItem.js CHANGED Viewed

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveRowDownItem = 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 _rowMoveDownIcon = require("@atlaskit/editor-toolbar/row-move-down-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
@@ -33,7 +33,7 @@ var MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem(props)
   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 MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem(props)
     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_ROW, (0, _selection.getSelectedRowIndexes)(selectionRect), selectionRect.bottom)(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_ROW, (0, _selection.getSelectedRowIndexes)(selectionRect), selectionRect.bottom)(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 || !shouldShowMoveRowDown(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isLastRow)) {
     return null;
   }
-  var label = formatMessage(_messages.tableMessages.moveRowDown, {
+  var label = formatMessage(_table.messages.moveRowDown, {
     0: selectedRowCount
   });
   if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowDown)) {
@@ -70,7 +70,7 @@ var MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem(props)
         size: "small"
       }),
       elemAfter: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        content: formatMessage(_messages.tableMessages.canNotMoveRowDownWithMergedCells),
+        content: formatMessage(_table.messages.canNotMoveRowDownWithMergedCells),
         position: "top"
       }, function (tooltipProps) {
         return (

package/dist/cjs/ui/TableMenu/row/items/MoveRowUpItem.js CHANGED Viewed

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveRowUpItem = 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 _rowMoveUpIcon = require("@atlaskit/editor-toolbar/row-move-up-icon");
 var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
@@ -33,7 +33,7 @@ var MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem(props) {
   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 MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem(props) {
     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_ROW, (0, _selection.getSelectedRowIndexes)(selectionRect), selectionRect.top - 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_ROW, (0, _selection.getSelectedRowIndexes)(selectionRect), selectionRect.top - 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 || !shouldShowMoveRowUp(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isFirstRow)) {
     return null;
   }
-  var label = formatMessage(_messages.tableMessages.moveRowUp, {
+  var label = formatMessage(_table.messages.moveRowUp, {
     0: selectedRowCount
   });
   if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowUp)) {
@@ -70,7 +70,7 @@ var MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem(props) {
         size: "small"
       }),
       elemAfter: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        content: formatMessage(_messages.tableMessages.canNotMoveRowUpWithMergedCells),
+        content: formatMessage(_table.messages.canNotMoveRowUpWithMergedCells),
         position: "top"
       }, function (tooltipProps) {
         return (

package/dist/cjs/ui/TableMenu/row/items/NumberedRowsToggleItem.js CHANGED Viewed

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.NumberedRowsToggleItem = 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");
@@ -18,7 +18,7 @@ var NumberedRowsToggleItem = exports.NumberedRowsToggleItem = function NumberedR
   var api = props.api;
   var _ref = (_useTableMenuContext = (0, _TableMenuContext.useTableMenuContext)()) !== null && _useTableMenuContext !== void 0 ? _useTableMenuContext : {},
     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, _states$tableState2;
       return {
         isNumberColumnAllowed: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.allowNumberColumn,
@@ -29,7 +29,7 @@ var NumberedRowsToggleItem = exports.NumberedRowsToggleItem = function NumberedR
     isNumberColumnEnabled = _useSharedPluginState.isNumberColumnEnabled;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var label = formatMessage(_messages.tableMessages.numberedRows);
+  var label = formatMessage(_table.messages.numberedRows);
   var handleClick = function handleClick() {
     var _api$analytics;
     if (!editorView) {
@@ -40,7 +40,7 @@ var NumberedRowsToggleItem = exports.NumberedRowsToggleItem = function NumberedR
   if (!isNumberColumnAllowed) {
     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/shared/TableMenu.js CHANGED Viewed

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableMenu = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils = require("@atlaskit/editor-tables/utils");
+var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
 var _toolbarMenuContainer = require("@atlaskit/editor-toolbar/toolbar-menu-container");
-var _editorUiControlModel = require("@atlaskit/editor-ui-control-model");
+var _surfaceRenderer = require("@atlaskit/editor-ui-control-model/surface-renderer");
 var _splitCell = require("../../../pm-plugins/commands/split-cell");
 var _merge = require("../../../pm-plugins/transforms/merge");
 var _dragMenu = require("../../../pm-plugins/utils/drag-menu");
@@ -28,7 +28,7 @@ var TableMenu = exports.TableMenu = /*#__PURE__*/(0, _react.memo)(function (_ref
     var _api$uiControlRegistr, _api$uiControlRegistr2;
     return (_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(surface.key)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [];
   }, [api, surface.key]);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table', 'selection'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table', 'selection'], function (states) {
       var _states$tableState, _states$selectionStat;
       return {
         tableNode: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.tableNode,
@@ -44,7 +44,7 @@ var TableMenu = exports.TableMenu = /*#__PURE__*/(0, _react.memo)(function (_ref
       return undefined;
     }
     var tableMap = _tableMap.TableMap.get(tableNode);
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _getSelectionRect.getSelectionRect)(editorView.state.selection);
     var cellOps = {
       editorView: editorView,
       surface: surface,
@@ -73,7 +73,7 @@ var TableMenu = exports.TableMenu = /*#__PURE__*/(0, _react.memo)(function (_ref
   }
   return /*#__PURE__*/_react.default.createElement(_TableMenuContext.TableMenuProvider, {
     value: tableMenuContext
-  }, /*#__PURE__*/_react.default.createElement(_toolbarMenuContainer.ToolbarMenuContainer, null, /*#__PURE__*/_react.default.createElement(_editorUiControlModel.SurfaceRenderer, {
+  }, /*#__PURE__*/_react.default.createElement(_toolbarMenuContainer.ToolbarMenuContainer, null, /*#__PURE__*/_react.default.createElement(_surfaceRenderer.SurfaceRenderer, {
     surface: surface,
     components: components
   })));

package/dist/cjs/ui/TableMenu/shared/items/BackgroundColorItem.js CHANGED Viewed

@@ -1,6 +1,7 @@
 /* BackgroundColorItem.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,11 +11,16 @@ require("./BackgroundColorItem.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _table = require("@atlaskit/editor-common/messages/table");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _editorPalette = require("@atlaskit/editor-palette");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+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 _background = require("@atlaskit/editor-palette/background");
+var _nestedDropdownRightIcon = require("@atlaskit/editor-toolbar/nested-dropdown-right-icon");
+var _paintBucketIcon = require("@atlaskit/editor-toolbar/paint-bucket-icon");
+var _toolbarNestedDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../../../pm-plugins/commands");
@@ -47,7 +53,7 @@ var BackgroundColorItem = exports.BackgroundColorItem = function BackgroundColor
         targetCellPosition = _getPluginState.targetCellPosition;
       var node = targetCellPosition ? editorView.state.doc.nodeAt(targetCellPosition) : null;
       return {
-        selectedColor: (0, _editorPalette.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff'),
+        selectedColor: (0, _background.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff'),
         selectedColorRaw: (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.background) || '#ffffff'
       };
     }, [editorView]),
@@ -58,7 +64,7 @@ var BackgroundColorItem = exports.BackgroundColorItem = function BackgroundColor
     if (!editorView) {
       return;
     }
-    (0, _commandsWithAnalytics.setColorWithAnalytics)(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, color, editorView)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.setColorWithAnalytics)(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, color, editorView)(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();
   }, [api, editorView]);
@@ -69,17 +75,17 @@ var BackgroundColorItem = exports.BackgroundColorItem = function BackgroundColor
     };
   }, [selectedColor]);
   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 paletteOptions = (0, _react.useMemo)(function () {
     return {
       palette: activePalette,
-      paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages,
-      hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor
+      paletteColorTooltipMessages: _paletteMessagesTokenModeNames.backgroundPaletteTooltipMessages,
+      hexToPaletteColor: _background.hexToEditorBackgroundPaletteColor
     };
   }, [activePalette]);
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.PaintBucketIcon, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarNestedDropdownMenu.ToolbarNestedDropdownMenu, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_paintBucketIcon.PaintBucketIcon, {
       color: "currentColor",
       label: "",
       size: "small"
@@ -89,14 +95,14 @@ var BackgroundColorItem = exports.BackgroundColorItem = function BackgroundColor
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: colorPreviewStyle,
       className: (0, _runtime.ax)([colorPaletteStyles.colorPreview])
-    }), /*#__PURE__*/_react.default.createElement(_editorToolbar.NestedDropdownRightIcon, {
+    }), /*#__PURE__*/_react.default.createElement(_nestedDropdownRightIcon.NestedDropdownRightIcon, {
       label: "",
       size: "small"
     })),
-    text: formatMessage(_messages.tableMessages.backgroundColor)
+    text: formatMessage(_table.messages.backgroundColor)
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: colorPaletteStyles.container
-  }, /*#__PURE__*/_react.default.createElement(_uiColor.ColorPalette, {
+  }, /*#__PURE__*/_react.default.createElement(_ColorPalette.default, {
     cols: activeCols,
     onClick: onClick,
     selectedColor: selectedColorRaw,

package/dist/cjs/ui/TableMenu/shared/items/ClearCellsItem.js CHANGED Viewed

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.ClearCellsItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+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 _crossIcon = require("@atlaskit/editor-toolbar/cross-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 _pluginFactory = require("../../../../pm-plugins/plugin-factory");
@@ -33,21 +35,21 @@ var ClearCellsItem = exports.ClearCellsItem = function ClearCellsItem(_ref) {
     }
     var _getPluginState = (0, _pluginFactory.getPluginState)(editorView.state),
       targetCellPosition = _getPluginState.targetCellPosition;
-    (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(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, targetCellPosition)(editorView.state, editorView.dispatch);
+    (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(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, targetCellPosition)(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();
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.CrossIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_crossIcon.CrossIcon, {
       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.backspace)) !== null && _tooltip !== void 0 ? _tooltip : ''
     }) : undefined
-  }, formatMessage(_messages.tableMessages.clearCells, {
+  }, formatMessage(_table.messages.clearCells, {
     0: selectedCellCount
   }));
 };

package/dist/cjs/ui/TableMenu/shared/selection.js CHANGED Viewed

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMenuSelectionRect = void 0;
 var _utils = 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 _fg = require("@atlaskit/platform-feature-flags/fg");
 /**
  * Resolve the table `Rect` for the current selection. Falls back to the closest cell's rect
@@ -13,7 +15,7 @@ var _fg = require("@atlaskit/platform-feature-flags/fg");
  */
 var getMenuSelectionRect = exports.getMenuSelectionRect = function getMenuSelectionRect(selection) {
   if (!(0, _fg.fg)('platform_editor_table_cell_menu_update')) {
-    return (0, _utils.getSelectionRect)(selection);
+    return (0, _getSelectionRect.getSelectionRect)(selection);
   }
-  return (0, _utils.isSelectionType)(selection, 'cell') ? (0, _utils.getSelectionRect)(selection) : (0, _utils.findCellRectClosestToPos)(selection.$from);
+  return (0, _isSelectionType.isSelectionType)(selection, 'cell') ? (0, _getSelectionRect.getSelectionRect)(selection) : (0, _utils.findCellRectClosestToPos)(selection.$from);
 };