@atlaskit/editor-plugin-table 38.0.5 → 38.0.7

package/dist/cjs/pm-plugins/utils/snapping.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.findClosestSnap = exports.defaultTablePreserveSnappingWidths = exports.defaultSnappingWidths = exports.calculateDefaultTablePreserveSnappings = exports.calculateDefaultSnappings = exports.PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _guideline = require("@atlaskit/editor-common/guideline");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _utils = require("@atlaskit/editor-common/guideline/utils");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var numberOfLanesInDefaultLayoutWidth = 12;
 var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes, totalWidth) {
@@ -17,32 +17,32 @@ var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes,
 };
 var calculateDefaultSnappings = exports.calculateDefaultSnappings = function calculateDefaultSnappings() {
   var lengthOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return [].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset)), [_editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset, _editorSharedStyles.akEditorCalculatedWideLayoutWidth + lengthOffset, _editorSharedStyles.akEditorFullWidthLayoutWidth + lengthOffset]);
+  return [].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _constants.akEditorDefaultLayoutWidth + lengthOffset)), [_constants.akEditorDefaultLayoutWidth + lengthOffset, _constants.akEditorCalculatedWideLayoutWidth + lengthOffset, _constants.akEditorFullWidthLayoutWidth + lengthOffset]);
 };
 var getPadding = function getPadding(editorContainerWidth) {
-  return editorContainerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+  return editorContainerWidth <= _constants.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
-  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  }) ? _constants.akEditorGutterPaddingReduced : (0, _constants.akEditorGutterPaddingDynamic)();
 };
 
 // FF TablePreserve for calculateDefaultSnappings
 var calculateDefaultTablePreserveSnappings = exports.calculateDefaultTablePreserveSnappings = function calculateDefaultTablePreserveSnappings() {
   var lengthOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  var editorContainerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _editorSharedStyles.akEditorFullWidthLayoutWidth;
+  var editorContainerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.akEditorFullWidthLayoutWidth;
   var exclude = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
     innerGuidelines: false,
     breakoutPoints: false
   };
   var padding = getPadding(editorContainerWidth);
-  var dynamicFullWidthLine = editorContainerWidth - padding * 2 >= _editorSharedStyles.akEditorFullWidthLayoutWidth ? _editorSharedStyles.akEditorFullWidthLayoutWidth : editorContainerWidth - padding * 2;
-  var dynamicMaxWidthLine = editorContainerWidth - padding * 2 >= _editorSharedStyles.akEditorMaxWidthLayoutWidth ? _editorSharedStyles.akEditorMaxWidthLayoutWidth : editorContainerWidth - padding * 2;
+  var dynamicFullWidthLine = editorContainerWidth - padding * 2 >= _constants.akEditorFullWidthLayoutWidth ? _constants.akEditorFullWidthLayoutWidth : editorContainerWidth - padding * 2;
+  var dynamicMaxWidthLine = editorContainerWidth - padding * 2 >= _constants.akEditorMaxWidthLayoutWidth ? _constants.akEditorMaxWidthLayoutWidth : editorContainerWidth - padding * 2;
   var guides = [dynamicFullWidthLine - lengthOffset];
   guides.push(dynamicMaxWidthLine - lengthOffset);
   if (!exclude.breakoutPoints) {
-    guides.unshift(_editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset, _editorSharedStyles.akEditorCalculatedWideLayoutWidth + lengthOffset);
+    guides.unshift(_constants.akEditorDefaultLayoutWidth + lengthOffset, _constants.akEditorCalculatedWideLayoutWidth + lengthOffset);
   }
   if (!exclude.innerGuidelines) {
-    guides.unshift.apply(guides, [0].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset))));
+    guides.unshift.apply(guides, [0].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _constants.akEditorDefaultLayoutWidth + lengthOffset))));
   }
   return guides;
 };
@@ -55,7 +55,7 @@ var defaultTablePreserveSnappingWidths = exports.defaultTablePreserveSnappingWid
     breakoutPoints: false
   };
   var padding = getPadding(editorContainerWidth);
-  return editorContainerWidth - padding * 2 > _editorSharedStyles.akEditorFullWidthLayoutWidth ? calculateDefaultSnappings() : calculateDefaultTablePreserveSnappings(lengthOffset, editorContainerWidth, exclude); // lengthOffset was hardcoded 0 here, created PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET instead.
+  return editorContainerWidth - padding * 2 > _constants.akEditorFullWidthLayoutWidth ? calculateDefaultSnappings() : calculateDefaultTablePreserveSnappings(lengthOffset, editorContainerWidth, exclude); // lengthOffset was hardcoded 0 here, created PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET instead.
 };
 
 /**
@@ -74,7 +74,7 @@ var findClosestSnap = exports.findClosestSnap = function findClosestSnap(current
       // NOTE: The snap points are based on the guidelines, however their formatted as a length value whereas the guidelines
       // are point based. The point base x coords are calculated by halving the lengths. This means we can convert the
       // point base position to length by simply multiplying by 2.
-      var length = Math.round(Math.abs((0, _guideline.isVerticalPosition)(guideline.position) ? guideline.position.x : guideline.position.y) * 2);
+      var length = Math.round(Math.abs((0, _utils.isVerticalPosition)(guideline.position) ? guideline.position.x : guideline.position.y) * 2);
       if (snappingWidth >= length - tolerance && snappingWidth <= length + tolerance) {
         acc.push(guideline.key);
       }

package/dist/cjs/pm-plugins/utils/table.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMergedCellsPositions = exports.getAssistiveMessage = void 0;
-var _messages = require("@atlaskit/editor-common/messages");
+var _table = require("@atlaskit/editor-common/messages/table");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
 var getMergedCellsPositions = exports.getMergedCellsPositions = function getMergedCellsPositions(tr) {
@@ -31,12 +31,12 @@ var getAssistiveMessage = exports.getAssistiveMessage = function getAssistiveMes
   if (currentTableMap.width !== prevTableMap.width) {
     var diff = Math.abs(currentTableMap.width - prevTableMap.width);
     if (currentTableMap.width > prevTableMap.width) {
-      return formatMessage(_messages.tableMessages.columnsAreInserted, {
+      return formatMessage(_table.messages.columnsAreInserted, {
         count: diff
       });
     }
     if (currentTableMap.width < prevTableMap.width) {
-      return formatMessage(_messages.tableMessages.columnsAreRemoved, {
+      return formatMessage(_table.messages.columnsAreRemoved, {
         count: diff
       });
     }
@@ -44,12 +44,12 @@ var getAssistiveMessage = exports.getAssistiveMessage = function getAssistiveMes
   if (currentTableMap.height !== prevTableMap.height) {
     var _diff = Math.abs(currentTableMap.height - prevTableMap.height);
     if (currentTableMap.height > prevTableMap.height) {
-      return formatMessage(_messages.tableMessages.rowsAreInserted, {
+      return formatMessage(_table.messages.rowsAreInserted, {
         count: _diff
       });
     }
     if (currentTableMap.height < prevTableMap.height) {
-      return formatMessage(_messages.tableMessages.rowsAreRemoved, {
+      return formatMessage(_table.messages.rowsAreRemoved, {
         count: _diff
       });
     }

package/dist/cjs/pm-plugins/utils/tableMode/apply-measured-width-to-all-tables.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.applyMeasuredWidthToAllTables = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _tableEvents = require("@atlaskit/editor-common/analytics/types/table-events");
 var _styles = require("@atlaskit/editor-common/styles");
-var _table = require("@atlaskit/editor-common/table");
-var _contentMode = require("../../transforms/content-mode");
+var _contentMode = require("@atlaskit/editor-common/table/content-mode");
+var _contentMode2 = require("../../transforms/content-mode");
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
  * measures rendered column widths and sets colwidth + table width attributes
@@ -24,7 +25,7 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
 
   // modify only top-level tables
   doc.forEach(function (node, offset) {
-    if (node.type !== table || !(0, _table.isTableInContentMode)({
+    if (node.type !== table || !(0, _contentMode.isTableInContentMode)({
       tableNode: node,
       isSupported: true,
       isTableNested: false
@@ -40,23 +41,23 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
     measuredTables.push({
       node: node,
       offset: offset,
-      measurement: (0, _contentMode.getTableMeasurement)(tableRef)
+      measurement: (0, _contentMode2.getTableMeasurement)(tableRef)
     });
   });
   measuredTables.forEach(function (_ref) {
     var node = _ref.node,
       offset = _ref.offset,
       measurement = _ref.measurement;
-    tr = (0, _contentMode.applyTableMeasurement)(tr, node, measurement, offset);
+    tr = (0, _contentMode2.applyTableMeasurement)(tr, node, measurement, offset);
     modified = true;
   });
   if (modified) {
     var _pluginInjectionApi$a, _pluginInjectionApi$w, _pluginInjectionApi$w2;
     pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || (_pluginInjectionApi$a = _pluginInjectionApi$a.actions) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.attachAnalyticsEvent({
-      action: _analytics.TABLE_ACTION.FIT_TO_CONTENT_AUTO_CONVERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+      action: _tableEvents.TABLE_ACTION.FIT_TO_CONTENT_AUTO_CONVERTED,
+      actionSubject: _enums.ACTION_SUBJECT.TABLE,
       actionSubjectId: null,
-      eventType: _analytics.EVENT_TYPE.TRACK,
+      eventType: _enums.EVENT_TYPE.TRACK,
       attributes: {
         editorContainerWidth: (_pluginInjectionApi$w = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w2 = pluginInjectionApi.width) === null || _pluginInjectionApi$w2 === void 0 || (_pluginInjectionApi$w2 = _pluginInjectionApi$w2.sharedState.currentState()) === null || _pluginInjectionApi$w2 === void 0 ? void 0 : _pluginInjectionApi$w2.width) !== null && _pluginInjectionApi$w !== void 0 ? _pluginInjectionApi$w : 0,
         totalTablesResized: measuredTables.length,

package/dist/cjs/pm-plugins/utils/tableMode/apply-measured-width-to-selected-table.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.applyMeasuredWidthToSelectedTable = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _tableEvents = require("@atlaskit/editor-common/analytics/types/table-events");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _contentMode = require("../../transforms/content-mode");
 var _measureTableWithAutoLayout = require("./measure-table-with-auto-layout");
@@ -27,10 +28,10 @@ var applyMeasuredWidthToSelectedTable = exports.applyMeasuredWidthToSelectedTabl
   var measurement = (0, _measureTableWithAutoLayout.measureTableWithAutoLayout)(tableState.tableRef, editorContainerWidth);
   var tr = (0, _contentMode.applyTableMeasurement)(view.state.tr, node, measurement, pos);
   api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
-    action: _analytics.TABLE_ACTION.FIT_TO_CONTENT_ON_DEMAND,
-    actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+    action: _tableEvents.TABLE_ACTION.FIT_TO_CONTENT_ON_DEMAND,
+    actionSubject: _enums.ACTION_SUBJECT.TABLE,
     actionSubjectId: null,
-    eventType: _analytics.EVENT_TYPE.TRACK,
+    eventType: _enums.EVENT_TYPE.TRACK,
     attributes: {
       editorContainerWidth: (_api$width$sharedStat = api === null || api === void 0 || (_api$width2 = api.width) === null || _api$width2 === void 0 || (_api$width2 = _api$width2.sharedState.currentState()) === null || _api$width2 === void 0 ? void 0 : _api$width2.width) !== null && _api$width$sharedStat !== void 0 ? _api$width$sharedStat : 0,
       tableWidth: measurement.tableWidth,

package/dist/cjs/pm-plugins/utils/tableMode/smart-adjust/distribute-column-widths.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sumWidths = exports.distributeByEvenShareRatio = void 0;
-var _styles = require("@atlaskit/editor-common/styles");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _constants = require("./constants");
+var _table = require("@atlaskit/editor-common/styles/table");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
+var _constants2 = require("./constants");
 var sumWidths = exports.sumWidths = function sumWidths(widths) {
   return widths.reduce(function (sum, width) {
     return sum + width;
@@ -26,14 +26,14 @@ var distributeByEvenShareRatio = exports.distributeByEvenShareRatio = function d
   if (desiredWidths.length === 0 || !isFinite(editorContainerWidth) || editorContainerWidth <= 0) {
     return desiredWidths;
   }
-  var usableWidth = Math.max(editorContainerWidth - (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2, _styles.tableCellMinWidth * desiredWidths.length);
+  var usableWidth = Math.max(editorContainerWidth - (0, _constants.akEditorGutterPaddingDynamic)() * 2, _table.tableCellMinWidth * desiredWidths.length);
   var evenShare = usableWidth / desiredWidths.length;
-  var ceiling = _constants.EVEN_SHARE_RATIO.MAX * evenShare;
+  var ceiling = _constants2.EVEN_SHARE_RATIO.MAX * evenShare;
   var isCompactColumn = function isCompactColumn(width) {
     return width <= ceiling;
   };
   var desiredCeil = desiredWidths.map(function (desired) {
-    return Math.max(_styles.tableCellMinWidth, Math.ceil(desired) + SUB_PIXEL_ROUNDING_ALLOWANCE);
+    return Math.max(_table.tableCellMinWidth, Math.ceil(desired) + SUB_PIXEL_ROUNDING_ALLOWANCE);
   });
   var capped = desiredCeil.map(function (desired) {
     return isCompactColumn(desired) ? desired : Math.min(ceiling, desired);
@@ -66,7 +66,7 @@ var distributeByEvenShareRatio = exports.distributeByEvenShareRatio = function d
   // Overflow: reclaim from non-protected ceiling-hitters only.
   var overage = sum - usableWidth;
   var slacks = capped.map(function (width, index) {
-    return !isCompactColumn(desiredCeil[index]) && width >= ceiling ? Math.max(width - _styles.tableCellMinWidth, 0) : 0;
+    return !isCompactColumn(desiredCeil[index]) && width >= ceiling ? Math.max(width - _table.tableCellMinWidth, 0) : 0;
   });
   var totalSlack = sumWidths(slacks);
   if (totalSlack <= 0) {
@@ -78,6 +78,6 @@ var distributeByEvenShareRatio = exports.distributeByEvenShareRatio = function d
       return width;
     }
     var share = slack / totalSlack * Math.min(overage, totalSlack);
-    return Math.max(width - share, _styles.tableCellMinWidth);
+    return Math.max(width - share, _table.tableCellMinWidth);
   });
 };

package/dist/cjs/pm-plugins/view-mode-sort/utils.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _types = require("@atlaskit/editor-common/types");
 var _utils = require("@atlaskit/editor-common/utils");
+var _compareNodes = require("@atlaskit/editor-common/utils/compareNodes");
 var _consts = require("./consts");
 var unsort = exports.unsort = function unsort(oldOrder, tableElement) {
   var tbody = tableElement.querySelector(":scope > tbody");
@@ -31,7 +32,7 @@ var getSortOrderFromTable = function getSortOrderFromTable(tableNode, sortIndex,
       originalIndex: index
     };
   });
-  var compareNodesInOrder = (0, _utils.createCompareNodes)({
+  var compareNodesInOrder = (0, _compareNodes.createCompareNodes)({
     // TODO: ED-26961 - add inline card support
     getInlineCardTextFromStore: function getInlineCardTextFromStore() {
       return null;

package/dist/cjs/tablePlugin.js

@@ -9,17 +9,18 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _tableEvents = require("@atlaskit/editor-common/analytics/types/table-events");
 var _browser = require("@atlaskit/editor-common/browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _icons = require("@atlaskit/editor-common/icons");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
+var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
 var _nesting = require("@atlaskit/editor-common/nesting");
-var _preset = require("@atlaskit/editor-common/preset");
+var _editorCommands = require("@atlaskit/editor-common/preset/editor-commands");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
+var _tableEditing = require("@atlaskit/editor-tables/pm-plugins/table-editing");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
@@ -49,7 +50,7 @@ var _tableSelectionKeymap = require("./pm-plugins/table-selection-keymap");
 var _tableSizeSelector = require("./pm-plugins/table-size-selector");
 var _tableWidth = require("./pm-plugins/table-width");
 var _tableWidthInCommentFix = require("./pm-plugins/table-width-in-comment-fix");
-var _analytics2 = require("./pm-plugins/utils/analytics");
+var _analytics = require("./pm-plugins/utils/analytics");
 var _create = require("./pm-plugins/utils/create");
 var _viewModeSort = require("./pm-plugins/view-mode-sort");
 var _ContentComponent = require("./ui/ContentComponent");
@@ -178,7 +179,7 @@ var tablePlugin = function tablePlugin(_ref) {
         return function (state, dispatch) {
           var _options$tableOptions;
           if (options !== null && options !== void 0 && (_options$tableOptions = options.tableOptions) !== null && _options$tableOptions !== void 0 && _options$tableOptions.allowNestedTables) {
-            return (0, _preset.editorCommandToPMCommand)((0, _insert.insertTableWithNestingSupport)({
+            return (0, _editorCommands.editorCommandToPMCommand)((0, _insert.insertTableWithNestingSupport)({
               isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
               isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment,
               isFullWidthModeEnabled: options === null || options === void 0 ? void 0 : options.fullWidthEnabled,
@@ -230,15 +231,15 @@ var tablePlugin = function tablePlugin(_ref) {
             colsCount: colsCount
           }
         }, api, {
-          action: _analytics.ACTION.INSERTED,
-          actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
+          action: _enums.ACTION.INSERTED,
+          actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.TABLE,
           attributes: {
-            inputMethod: inputMethod !== null && inputMethod !== void 0 ? inputMethod : _analytics.INPUT_METHOD.PICKER,
+            inputMethod: inputMethod !== null && inputMethod !== void 0 ? inputMethod : _enums.INPUT_METHOD.PICKER,
             totalRowCount: rowsCount,
             totalColumnCount: colsCount
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         });
       }
     },
@@ -366,18 +367,18 @@ var tablePlugin = function tablePlugin(_ref) {
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
-          return (0, _pmPlugins.tableEditing)({
+          return (0, _tableEditing.tableEditing)({
             reportFixedTable: function reportFixedTable(_ref9) {
               var tr = _ref9.tr,
                 reason = _ref9.reason;
               editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-                action: _analytics.TABLE_ACTION.FIXED,
-                actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+                action: _tableEvents.TABLE_ACTION.FIXED,
+                actionSubject: _enums.ACTION_SUBJECT.TABLE,
                 actionSubjectId: null,
                 attributes: {
                   reason: reason
                 },
-                eventType: _analytics.EVENT_TYPE.TRACK
+                eventType: _enums.EVENT_TYPE.TRACK
               })(tr);
             }
           });
@@ -458,12 +459,12 @@ var tablePlugin = function tablePlugin(_ref) {
                   var editorWidth = api === null || api === void 0 || (_api$width$sharedStat2 = api.width.sharedState.currentState()) === null || _api$width$sharedStat2 === void 0 ? void 0 : _api$width$sharedStat2.width;
                   if (editorViewRef.current) {
                     if (editorWidth) {
-                      var payload = (0, _analytics2.getWidthInfoPayload)(editorViewRef.current, editorWidth);
+                      var payload = (0, _analytics.getWidthInfoPayload)(editorViewRef.current, editorWidth);
                       if (payload) {
                         dispatchAnalyticsEvent(payload);
                       }
                     }
-                    var payloadHeight = (0, _analytics2.getHeightInfoPayload)(editorViewRef.current);
+                    var payloadHeight = (0, _analytics.getHeightInfoPayload)(editorViewRef.current);
                     if (payloadHeight) {
                       dispatchAnalyticsEvent(payloadHeight);
                     }
@@ -559,8 +560,8 @@ var tablePlugin = function tablePlugin(_ref) {
         var formatMessage = _ref19.formatMessage;
         return [{
           id: 'table',
-          title: formatMessage(_messages.toolbarInsertBlockMessages.table),
-          description: formatMessage(_messages.toolbarInsertBlockMessages.tableDescription),
+          title: formatMessage(_insertBlock.toolbarInsertBlockMessages.table),
+          description: formatMessage(_insertBlock.toolbarInsertBlockMessages.tableDescription),
           keywords: ['cell', 'table'],
           priority: 600,
           keyshortcut: (0, _keymaps.tooltip)(_keymaps.toggleTable),
@@ -610,16 +611,16 @@ var tablePlugin = function tablePlugin(_ref) {
               tr = insert(tableNode);
             }
             editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-              action: _analytics.ACTION.INSERTED,
-              actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
+              action: _enums.ACTION.INSERTED,
+              actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
+              actionSubjectId: _enums.ACTION_SUBJECT_ID.TABLE,
               attributes: _objectSpread({
-                inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
+                inputMethod: _enums.INPUT_METHOD.QUICK_INSERT,
                 localId: tableNode.attrs.localId
               }, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? {
                 parentNode: (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name
               } : {}),
-              eventType: _analytics.EVENT_TYPE.TRACK
+              eventType: _enums.EVENT_TYPE.TRACK
             })(tr);
             return tr;
           }
@@ -632,7 +633,7 @@ var tablePlugin = function tablePlugin(_ref) {
     }),
     usePluginHook: function usePluginHook(_ref20) {
       var editorView = _ref20.editorView;
-      var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode'], function (states) {
+      var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['editorViewMode'], function (states) {
           var _states$editorViewMod;
           return {
             mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode

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

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
+var _table = require("@atlaskit/editor-common/messages/table");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _types = require("../../types");
 /**
@@ -34,7 +34,7 @@ var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidge
   }
   return (0, _react.jsx)(_Tooltip.default, {
     content: (0, _react.jsx)(_keymaps.ToolTipContent, {
-      description: formatMessage(_messages.tableMessages.adjustColumns),
+      description: formatMessage(_table.messages.adjustColumns),
       keymap: _keymaps.startColumnResizing
     }),
     hideTooltipOnClick: true,

package/dist/cjs/ui/ContentComponent.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ContentComponent = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
 var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-selection");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _resizer = require("@atlaskit/editor-common/resizer");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _ResizerBreakoutModeLabel = require("@atlaskit/editor-common/resizer/ResizerBreakoutModeLabel");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _FloatingContextualButton = _interopRequireDefault(require("./FloatingContextualButton"));
@@ -71,7 +71,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     defaultGetEditorFeatureFlags = _ref.defaultGetEditorFeatureFlags;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   var ariaNotifyPlugin = api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['table'], selector),
     resizingTableLocalId = _useSharedPluginState.resizingTableLocalId,
     resizingTableRef = _useSharedPluginState.resizingTableRef,
     isTableResizing = _useSharedPluginState.isTableResizing,
@@ -175,14 +175,14 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     tableWrapper: tableWrapperTarget
   }), ((options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) || (options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing) && options.isCommentEditor) && isTableResizing && widthToWidest && resizingTableLocalId && resizingTableRef && widthToWidest[resizingTableLocalId] && /*#__PURE__*/_react.default.createElement(_FloatingToolbarLabel.FloatingToolbarLabel, {
     target: resizingTableRef,
-    content: (0, _editorExperiment.editorExperiment)('single_column_layouts', true) ? /*#__PURE__*/_react.default.createElement(_resizer.ResizerBreakoutModeLabel, {
+    content: (0, _editorExperiment.editorExperiment)('single_column_layouts', true) ? /*#__PURE__*/_react.default.createElement(_ResizerBreakoutModeLabel.ResizerBreakoutModeLabel, {
       layout: "full-width"
     }) : /*#__PURE__*/_react.default.createElement(_TableFullWidthLabel.FullWidthDisplay, null),
     alignX: 'center',
     alignY: 'bottom',
     stick: true,
     forcePlacement: true,
-    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: [0, 10]
@@ -190,7 +190,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     api: api,
     isOpenedByKeyboard: false,
     popupsMountPoint: popupsMountPoint,
-    target: sizeSelectorTargetRef !== null && sizeSelectorTargetRef !== void 0 ? sizeSelectorTargetRef : (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _analytics.ACTION_SUBJECT_ID.PICKER_TABLE_SIZE, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+    target: sizeSelectorTargetRef !== null && sizeSelectorTargetRef !== void 0 ? sizeSelectorTargetRef : (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _enums.ACTION_SUBJECT_ID.PICKER_TABLE_SIZE, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement
   }));
@@ -208,7 +208,7 @@ var ContentComponent = exports.ContentComponent = function ContentComponent(_ref
     defaultGetEditorContainerWidth = _ref3.defaultGetEditorContainerWidth,
     defaultGetEditorFeatureFlags = _ref3.defaultGetEditorFeatureFlags;
   return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-    component: _analytics.ACTION_SUBJECT.TABLES_PLUGIN,
+    component: _enums.ACTION_SUBJECT.TABLES_PLUGIN,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     fallbackComponent: null
   }, /*#__PURE__*/_react.default.createElement(_globalStyles.GlobalStylesWrapper, {

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

@@ -13,9 +13,10 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _reactIntl = require("react-intl");
 var _browser = require("@atlaskit/editor-common/browser");
-var _messages = require("@atlaskit/editor-common/messages");
+var _table = require("@atlaskit/editor-common/messages/table");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorTables = require("@atlaskit/editor-tables");
+var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -80,7 +81,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     if (!table) {
       return false;
     }
-    var map = _editorTables.TableMap.get(table === null || table === void 0 ? void 0 : table.node);
+    var map = _tableMap.TableMap.get(table === null || table === void 0 ? void 0 : table.node);
     if (!map.hasMergedCells() || indexes.length < 1) {
       return false;
     }
@@ -254,7 +255,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
       }
     },
     onClick: onClick,
-    "aria-label": formatMessage(_messages.tableMessages.dragHandleZone)
+    "aria-label": formatMessage(_table.messages.dragHandleZone)
   }), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     id: isDragMenuTarget ? showDragMenuAnchorId : undefined
@@ -267,7 +268,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
       alignSelf: isColumn ? 'none' : 'center'
     },
     "data-testid": "table-drag-handle-button",
-    "aria-label": formatMessage(isRow ? _messages.tableMessages.rowDragHandle : _messages.tableMessages.columnDragHandle),
+    "aria-label": formatMessage(isRow ? _table.messages.rowDragHandle : _table.messages.columnDragHandle),
     "aria-expanded": isDragMenuOpen && isDragMenuTarget ? 'true' : 'false',
     "aria-haspopup": "menu",
     onMouseOver: function onMouseOver(e) {

package/dist/cjs/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.FloatingAlignmentButtons = void 0;
 var _react = require("@emotion/react");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
-var _ui = require("@atlaskit/editor-common/ui");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _Separator = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Separator"));
 var _primitives = require("@atlaskit/primitives");
 /**
  * @jsxRuntime classic
@@ -29,7 +30,7 @@ var FloatingAlignmentButtons = exports.FloatingAlignmentButtons = function Float
   }, (0, _react.jsx)(_buttonGroup.default, null, alignmentButtons.map(function (item, idx) {
     switch (item.type) {
       case 'separator':
-        return (0, _react.jsx)(_ui.FloatingToolbarSeparator
+        return (0, _react.jsx)(_Separator.default
         // Ignored via go/ees005
         // eslint-disable-next-line react/no-array-index-key
         , {
@@ -40,7 +41,7 @@ var FloatingAlignmentButtons = exports.FloatingAlignmentButtons = function Float
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var ButtonIcon = item.icon;
-        return (0, _react.jsx)(_ui.FloatingToolbarButton
+        return (0, _react.jsx)(_Button.default
         // Ignored via go/ees005
         // eslint-disable-next-line react/no-array-index-key
         , {

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

@@ -9,15 +9,15 @@ exports.default = _default;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _ToolbarButton = _interopRequireDefault(require("@atlaskit/editor-common/ui-menu/ToolbarButton"));
+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 _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../pm-plugins/commands");
@@ -55,7 +55,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     targetCellPosition = props.targetCellPosition,
     isCellMenuOpenByKeyboard = props.isCellMenuOpenByKeyboard,
     formatMessage = props.intl.formatMessage; //  : Props & WrappedComponentProps
-  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
@@ -125,14 +125,14 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
   if (!targetCellRef || !(targetCellRef instanceof HTMLElement)) {
     return null;
   }
-  var labelCellOptions = formatMessage(_messages.tableMessages.cellOptions);
+  var labelCellOptions = formatMessage(_table.messages.cellOptions);
   var button = (0, _react2.jsx)("div", {
     css: [
     // 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, _styles.tableFloatingCellButtonStyles)(),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     isCellMenuOpen && (0, _styles.tableFloatingCellButtonSelectedStyles)()]
-  }, (0, _react2.jsx)(_uiMenu.ToolbarButton
+  }, (0, _react2.jsx)(_ToolbarButton.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: _types.TableCssClassName.CONTEXTUAL_MENU_BUTTON,
@@ -194,7 +194,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
       isContextualMenuOpen: isCellMenuOpen
     }, button);
   }
-  return (0, _react2.jsx)(_ui.Popup, {
+  return (0, _react2.jsx)(_Popup.default, {
     alignX: "right",
     alignY: "start",
     target: targetCellRef,
@@ -206,13 +206,13 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     offset: [BUTTON_OFFSET, -BUTTON_OFFSET],
     forcePlacement: true,
     allowOutOfBounds: true,
-    zIndex: _editorSharedStyles.akEditorSmallZIndex
+    zIndex: _constants.akEditorSmallZIndex
   }, button);
 });
 var FloatingContextualButton = (0, _reactIntl.injectIntl)(FloatingContextualButtonInner);
 function _default(props) {
   return (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
-    component: _analytics.ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
+    component: _enums.ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     fallbackComponent: null
   }, (0, _react2.jsx)(FloatingContextualButton