@atlaskit/editor-plugin-table 38.0.4 → 38.0.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-table
 
+## 38.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 38.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 38.0.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/ExternalDropTargets.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExternalDropTargets = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _styles = require("@atlaskit/editor-common/styles");
+var _table = require("@atlaskit/editor-common/styles/table");
 var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _columnControls = require("../pm-plugins/utils/column-controls");
 var _consts = require("../ui/consts");
@@ -54,7 +54,7 @@ var ExternalDropTargets = exports.ExternalDropTargets = function ExternalDropTar
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      top: "-".concat(_consts.dropTargetExtendedWidth - _styles.tableMarginTop, "px"),
+      top: "-".concat(_consts.dropTargetExtendedWidth - _table.tableMarginTop, "px"),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       pointerEvents: 'auto',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

package/dist/cjs/nodeviews/TableCell.js

@@ -13,7 +13,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _roundedTableEdges = require("./rounded-table-edges");
 var _TableNodeViewBase = _interopRequireDefault(require("./TableNodeViewBase"));
@@ -89,10 +90,10 @@ var TableCell = exports.default = /*#__PURE__*/function (_TableNodeView) {
           // Ensures dispatch does not contribute to undo history (otherwise user requires multiple undo's to revert table)
           .setMeta('addToHistory', false);
           editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-            action: _analytics.TABLE_ACTION.TABLE_CELL_BACKGROUND_FIXED,
-            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+            action: _tableEvents.TABLE_ACTION.TABLE_CELL_BACKGROUND_FIXED,
+            actionSubject: _enums.ACTION_SUBJECT.TABLE,
             actionSubjectId: null,
-            eventType: _analytics.EVENT_TYPE.TRACK
+            eventType: _enums.EVENT_TYPE.TRACK
           })(tr);
           view.dispatch(tr);
         }

package/dist/cjs/nodeviews/TableComponent.js

@@ -22,9 +22,9 @@ var _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
-var _table = require("@atlaskit/editor-common/table");
+var _contentMode = require("@atlaskit/editor-common/table/content-mode");
 var _utils = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -41,7 +41,7 @@ var _misc = require("../pm-plugins/table-resizing/utils/misc");
 var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
 var _scaleTable = require("../pm-plugins/table-resizing/utils/scale-table");
 var _nodes = require("../pm-plugins/utils/nodes");
-var _table2 = require("../pm-plugins/utils/table");
+var _table = require("../pm-plugins/utils/table");
 var _isContentModeSupported = require("../pm-plugins/utils/tableMode/is-content-mode-supported");
 var _types = require("../types");
 var _eventHandlers = require("../ui/event-handlers");
@@ -669,7 +669,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           var resizeState = (0, _resizeState.getResizeState)({
             minWidth: _consts.COLUMN_MIN_WIDTH,
             // When numbered column enabled, we need to subtract the width of the numbered column
-            maxSize: tableNode.attrs.isNumberColumnEnabled ? tableRenderWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableRenderWidth,
+            maxSize: tableNode.attrs.isNumberColumnEnabled ? tableRenderWidth - _constants.akEditorTableNumberColumnWidth : tableRenderWidth,
             table: tableNode,
             tableRef: this.table,
             start: start,
@@ -762,7 +762,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isNoOfRowsChanged = (0, _nodes.tablesHaveDifferentNoOfRows)(currentTable, previousTable);
       if (isNoOfColumnsChanged || isNoOfRowsChanged) {
         var _this$props$pluginInj2;
-        (_this$props$pluginInj2 = this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.accessibilityUtils) === null || _this$props$pluginInj2 === void 0 || _this$props$pluginInj2.actions.ariaNotify((0, _table2.getAssistiveMessage)(previousTable, currentTable, this.props.intl), {
+        (_this$props$pluginInj2 = this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.accessibilityUtils) === null || _this$props$pluginInj2 === void 0 || _this$props$pluginInj2.actions.ariaNotify((0, _table.getAssistiveMessage)(previousTable, currentTable, this.props.intl), {
           priority: 'important'
         });
       }
@@ -786,7 +786,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             (0, _colgroup.insertColgroupFromNode)(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
 
             // Deferred from setDomAttrs — remove only once colgroup is updated and table has left content mode.
-            if ((_this$table7 = this.table) !== null && _this$table7 !== void 0 && _this$table7.hasAttribute('data-initial-width-mode') && !(0, _table.isTableInContentMode)({
+            if ((_this$table7 = this.table) !== null && _this$table7 !== void 0 && _this$table7.hasAttribute('data-initial-width-mode') && !(0, _contentMode.isTableInContentMode)({
               tableNode: currentTable,
               isSupported: (0, _isContentModeSupported.isContentModeSupported)({
                 allowColumnResizing: !!allowColumnResizing,

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableComponentWithSharedState = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _editorTables = require("@atlaskit/editor-tables");
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 // Ignored via go/ees005
@@ -30,7 +30,7 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     allowTableAlignment = _ref.allowTableAlignment,
     allowTableResizing = _ref.allowTableResizing,
     allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction', 'limitedMode'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction', 'limitedMode'], function (states) {
       var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$mediaState, _states$selectionStat, _states$editorViewMod, _states$widthState, _states$widthState2, _states$interactionSt, _states$limitedModeSt;
       return {
         // tableState

package/dist/cjs/nodeviews/TableContainer.js

@@ -10,11 +10,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _tableEvents = require("@atlaskit/editor-common/analytics/types/table-events");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _resizer = require("@atlaskit/editor-common/styles/resizer");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+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 _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
@@ -51,7 +52,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
     getPos = _ref2.getPos,
     editorView = _ref2.editorView;
   var alignment = node.attrs.layout !== _alignment.ALIGN_START ? _alignment.ALIGN_CENTER : _alignment.ALIGN_START;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {
         isFullWidthModeEnabled: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.isFullWidthModeEnabled,
@@ -64,7 +65,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
     if (editorView && getPos) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      if (wasFullWidthModeEnabled && isFullWidthModeEnabled !== undefined && !isFullWidthModeEnabled && alignment !== _alignment.ALIGN_CENTER && node.attrs.width > _editorSharedStyles.akEditorDefaultLayoutWidth) {
+      if (wasFullWidthModeEnabled && isFullWidthModeEnabled !== undefined && !isFullWidthModeEnabled && alignment !== _alignment.ALIGN_CENTER && node.attrs.width > _constants.akEditorDefaultLayoutWidth) {
         var _pluginInjectionApi$a;
         var pos = getPos && getPos();
         if (typeof pos !== 'number') {
@@ -73,7 +74,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
         (0, _commandsWithAnalytics.setTableAlignmentWithTableContentWithPosWithAnalytics)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(_alignment.ALIGN_CENTER, alignment, {
           pos: pos,
           node: node
-        }, _analytics.INPUT_METHOD.AUTO, _analytics.CHANGE_ALIGNMENT_REASON.EDITOR_APPEARANCE_CHANGED)(state, dispatch);
+        }, _enums.INPUT_METHOD.AUTO, _tableEvents.CHANGE_ALIGNMENT_REASON.EDITOR_APPEARANCE_CHANGED)(state, dispatch);
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -124,9 +125,9 @@ var selector = function selector(states) {
   };
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+  return containerWidth <= _constants.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
-  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  }) ? _constants.akEditorGutterPaddingReduced : (0, _constants.akEditorGutterPaddingDynamic)();
 };
 var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_react.default.memo(function (_ref4) {
   var children = _ref4.children,
@@ -148,12 +149,12 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     isCommentEditor = _ref4.isCommentEditor,
     isChromelessEditor = _ref4.isChromelessEditor;
   var containerRef = (0, _react.useRef)(null);
-  var tableWidthRef = (0, _react.useRef)(_editorSharedStyles.akEditorDefaultLayoutWidth);
+  var tableWidthRef = (0, _react.useRef)(_constants.akEditorDefaultLayoutWidth);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     resizing = _useState2[0],
     setIsResizing = _useState2[1];
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
+  var _useSharedPluginState2 = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
     tableState = _useSharedPluginState2.tableState,
     editorViewModeState = _useSharedPluginState2.editorViewModeState;
   var isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
@@ -492,7 +493,7 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref6) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: (0, _classnames.default)(className, {
-      'less-padding': editorWidth < _editorSharedStyles.akEditorMobileBreakoutPoint && !isNested && !isChromelessEditor
+      'less-padding': editorWidth < _constants.akEditorMobileBreakoutPoint && !isNested && !isChromelessEditor
     }),
     style:
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)

package/dist/cjs/nodeviews/TableResizer.js

@@ -11,19 +11,20 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactIntl = require("react-intl");
-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 _guideline = require("@atlaskit/editor-common/guideline");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _updateGuideline = require("@atlaskit/editor-common/guideline/updateGuideline");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _monitoring = require("@atlaskit/editor-common/monitoring");
-var _resizer = require("@atlaskit/editor-common/resizer");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
+var _table = require("@atlaskit/editor-common/messages/table");
+var _error = require("@atlaskit/editor-common/monitoring/error");
+var _Resizer = _interopRequireDefault(require("@atlaskit/editor-common/resizer/Resizer"));
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/useSharedPluginStateSelector");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _commands = require("@atlaskit/editor-prosemirror/commands");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _insm = require("@atlaskit/insm");
+var _api = require("@atlaskit/insm/api");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
 var _misc = require("../pm-plugins/commands/misc");
@@ -33,7 +34,7 @@ var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _scaleTable = require("../pm-plugins/table-resizing/utils/scale-table");
 var _tableWidth = require("../pm-plugins/table-width");
 var _alignment = require("../pm-plugins/utils/alignment");
-var _analytics2 = require("../pm-plugins/utils/analytics");
+var _analytics = require("../pm-plugins/utils/analytics");
 var _guidelines = require("../pm-plugins/utils/guidelines");
 var _snapping = require("../pm-plugins/utils/snapping");
 var _consts2 = require("../ui/consts");
@@ -78,9 +79,9 @@ var getResizerMinWidth = function getResizerMinWidth(node) {
   return minColumnWidth + 1;
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+  return containerWidth <= _constants.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
-  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  }) ? _constants.akEditorGutterPaddingReduced : (0, _constants.akEditorGutterPaddingDynamic)();
 };
 var getTableMaxWidth = function getTableMaxWidth(containerWidth, lineLength, isCommentEditor, isChromelessEditor) {
   if (isCommentEditor) {
@@ -159,7 +160,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   var areResizeMetaKeysPressed = (0, _react.useRef)(false);
   var resizerRef = (0, _react.useRef)(null);
   var interactionState = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'interaction.interactionState');
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], selector),
     widthToWidest = _useSharedPluginState.widthToWidest;
 
   // used to reposition tooltip when table is resizing via keyboard
@@ -190,7 +191,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       // ProseMirror always assume the DOM is not managed by other framework
       currentNodePosition = getPos();
     } catch (e) {
-      (0, _monitoring.logException)(e, {
+      (0, _error.logException)(e, {
         location: 'editor-plugin-table/table-resizer'
       });
       return false;
@@ -199,7 +200,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   }, [tableFromSelectionPosition, interactionState, getPos]);
   var resizerMinWidth = getResizerMinWidth(node);
   var handleSize = getResizerHandleHeight(tableRef);
-  var _useMeasureFramerate = (0, _analytics2.useMeasureFramerate)(),
+  var _useMeasureFramerate = (0, _analytics.useMeasureFramerate)(),
     startMeasure = _useMeasureFramerate.startMeasure,
     endMeasure = _useMeasureFramerate.endMeasure,
     countFrames = _useMeasureFramerate.countFrames;
@@ -215,7 +216,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     if (gap !== currentGap.current) {
       currentGap.current = gap;
       var visibleGuidelines = getVisibleGuidelines(isTableScalingEnabled ? (0, _guidelines.defaultGuidelinesForPreserveTable)(_guidelines.PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, isFullWidthModeEnabled ? lineLength + 2 * getPadding(containerWidth) : containerWidth, excludeGuidelineConfig) : _guidelines.defaultGuidelines, containerWidth, lineLength, Boolean(isTableScalingEnabled), Boolean(isFullWidthModeEnabled));
-      displayGuideline((0, _guideline.getGuidelinesWithHighlights)(gap, _consts2.TABLE_SNAP_GAP, keys, visibleGuidelines));
+      displayGuideline((0, _updateGuideline.getGuidelinesWithHighlights)(gap, _consts2.TABLE_SNAP_GAP, keys, visibleGuidelines));
     }
   }, [isTableScalingEnabled, excludeGuidelineConfig, containerWidth, displayGuideline, lineLength, isFullWidthModeEnabled]);
   var guidelineSnaps = (0, _react.useMemo)(function () {
@@ -232,7 +233,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
         pos: pos,
         node: node
       };
-      (0, _commandsWithAnalytics.setTableAlignmentWithTableContentWithPosWithAnalytics)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(_alignment.ALIGN_CENTER, _alignment.ALIGN_START, tableNodeWithPos, _analytics.INPUT_METHOD.AUTO, _analytics.CHANGE_ALIGNMENT_REASON.EDITOR_APPEARANCE_CHANGED)(state, dispatch);
+      (0, _commandsWithAnalytics.setTableAlignmentWithTableContentWithPosWithAnalytics)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(_alignment.ALIGN_CENTER, _alignment.ALIGN_START, tableNodeWithPos, _enums.INPUT_METHOD.AUTO, _tableEvents.CHANGE_ALIGNMENT_REASON.EDITOR_APPEARANCE_CHANGED)(state, dispatch);
       return true;
     }
     return false;
@@ -257,7 +258,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   }, [editorView, displayGuideline, displayGapCursor]);
   var handleResizeStart = (0, _react.useCallback)(function () {
     var _insm$session, _pluginInjectionApi$u;
-    (_insm$session = _insm.insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('tableResize');
+    (_insm$session = _api.insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('tableResize');
     startMeasure();
     isResizing.current = true;
     var dispatch = editorView.dispatch,
@@ -270,7 +271,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     });
     tr.setMeta('is-resizer-resizing', true);
     tr.setMeta(_tableAnalytics.META_KEYS.OVERFLOW_TRIGGER, {
-      name: _analytics.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
+      name: _tableEvents.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
     pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
       tr: tr
@@ -351,7 +352,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     });
     var frameRateSamples = endMeasure();
     if (frameRateSamples.length > 0) {
-      var resizeFrameRatePayloads = (0, _analytics2.generateResizeFrameRatePayloads)({
+      var resizeFrameRatePayloads = (0, _analytics.generateResizeFrameRatePayloads)({
         docSize: state.doc.nodeSize,
         frameRateSamples: frameRateSamples,
         originalNode: node
@@ -384,7 +385,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var scaledNode = tr.doc.nodeAt(pos);
-      (_attachAnalyticsEvent2 = attachAnalyticsEvent((0, _analytics2.generateResizedPayload)({
+      (_attachAnalyticsEvent2 = attachAnalyticsEvent((0, _analytics.generateResizedPayload)({
         originalNode: node,
         resizedNode: scaledNode
       }))) === null || _attachAnalyticsEvent2 === void 0 || _attachAnalyticsEvent2(tr);
@@ -393,12 +394,12 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     dispatch(tr);
     if (delta.width < 0 && newWidth !== undefined) {
       var _pluginInjectionApi$a3;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a3 === void 0 || _pluginInjectionApi$a3.actions.ariaNotify(formatMessage(_messages.tableMessages.tableSizeDecreaseScreenReaderInformation, {
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a3 === void 0 || _pluginInjectionApi$a3.actions.ariaNotify(formatMessage(_table.messages.tableSizeDecreaseScreenReaderInformation, {
         newWidth: newWidth
       }));
     } else if (delta.width > 0 && newWidth !== undefined) {
       var _pluginInjectionApi$a4;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a4 === void 0 || _pluginInjectionApi$a4.actions.ariaNotify(formatMessage(_messages.tableMessages.tableSizeIncreaseScreenReaderInformation, {
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a4 === void 0 || _pluginInjectionApi$a4.actions.ariaNotify(formatMessage(_table.messages.tableSizeIncreaseScreenReaderInformation, {
         newWidth: newWidth
       }));
     }
@@ -410,7 +411,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     if (onResizeStop) {
       onResizeStop();
     }
-    (_insm$session2 = _insm.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
+    (_insm$session2 = _api.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
     return newWidth;
   }, [editorView, getPos, node, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage, isFullPageAppearance]);
   var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {
@@ -504,7 +505,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     (_updateTooltip$curren = updateTooltip.current) === null || _updateTooltip$curren === void 0 || _updateTooltip$curren.call(updateTooltip);
   }, [width]);
   var resizeRatio = !isTableAlignmentEnabled || isTableAlignmentEnabled && (0, _alignment.normaliseAlignment)(node.attrs.layout) === _alignment.ALIGN_CENTER ? 2 : 1;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_resizer.ResizerNext, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Resizer.default, {
     ref: resizerRef,
     enable: disabled ? {} : handles,
     width: width,
@@ -530,7 +531,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       var update = _ref3.update;
       updateTooltip.current = update;
       return /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
-        description: formatMessage(_messages.tableMessages.resizeTable),
+        description: formatMessage(_table.messages.resizeTable),
         keymap: _keymaps.focusTableResizer
       });
     },

package/dist/cjs/nodeviews/TableRow.js

@@ -15,8 +15,8 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils = require("@atlaskit/editor-common/Popup/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
@@ -264,7 +264,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
     value: function subscribe() {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      this.editorScrollableElement = (0, _ui.findOverflowScrollParent)(this.view.dom) || window;
+      this.editorScrollableElement = (0, _utils.findOverflowScrollParent)(this.view.dom) || window;
       if (this.editorScrollableElement) {
         this.initObservers();
         this.topPosEditorElement = (0, _dom2.getTop)(this.editorScrollableElement);
@@ -521,7 +521,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
             // layout -> layout column -> table -> table row
             if ($tableRowPos.depth >= 3) {
               var _findParentNodeCloses;
-              var isInsideLayout = (_findParentNodeCloses = (0, _utils.findParentNodeClosestToPos)($tableRowPos, function (node) {
+              var isInsideLayout = (_findParentNodeCloses = (0, _utils2.findParentNodeClosestToPos)($tableRowPos, function (node) {
                 return node.type.name === 'layoutColumn';
               })) === null || _findParentNodeCloses === void 0 ? void 0 : _findParentNodeCloses.node;
               if (isInsideLayout) {

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -13,12 +13,13 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
-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 _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
-var _styles = require("@atlaskit/editor-common/styles");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils = require("@atlaskit/editor-common/Popup/utils");
+var _table = require("@atlaskit/editor-common/styles/table");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorContentAreaHeight = require("../pm-plugins/editor-content-area-height");
@@ -310,7 +311,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       var _this4 = this;
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      this.editorScrollableElement = (0, _ui.findOverflowScrollParent)(this.view.dom) || window;
+      this.editorScrollableElement = (0, _utils.findOverflowScrollParent)(this.view.dom) || window;
       if (this.editorScrollableElement) {
         this.initObservers();
         this.topPosEditorElement = (0, _dom2.getTop)(this.editorScrollableElement);
@@ -451,10 +452,10 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           }
           _this5.refreshLegacyStickyState();
           (_this5$api = _this5.api) === null || _this5$api === void 0 || (_this5$api = _this5$api.analytics) === null || _this5$api === void 0 || (_this5$api = _this5$api.actions) === null || _this5$api === void 0 || _this5$api.fireAnalyticsEvent({
-            action: _analytics.TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
-            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
-            actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
-            eventType: _analytics.EVENT_TYPE.UI,
+            action: _tableEvents.TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
+            actionSubject: _enums.ACTION_SUBJECT.TABLE,
+            actionSubjectId: _enums.ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
+            eventType: _enums.EVENT_TYPE.UI,
             attributes: {
               nativeStickyHeaderEnabled: entry.isIntersecting
             }
@@ -477,7 +478,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       }
       var options = {
         root: this.editorScrollableElement,
-        rootMargin: "-".concat(_styles.tableMarginTop + 1, "px 0px 0px 0px"),
+        rootMargin: "-".concat(_table.tableMarginTop + 1, "px 0px 0px 0px"),
         threshold: 1
       };
       this.stickyStateObserver = new IntersectionObserver(function (entries) {
@@ -758,7 +759,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
             // layout -> layout column -> table -> table row
             if ($tableRowPos.depth >= 3) {
               var _findParentNodeCloses;
-              var isInsideLayout = (_findParentNodeCloses = (0, _utils.findParentNodeClosestToPos)($tableRowPos, function (node) {
+              var isInsideLayout = (_findParentNodeCloses = (0, _utils2.findParentNodeClosestToPos)($tableRowPos, function (node) {
                 return node.type.name === 'layoutColumn';
               })) === null || _findParentNodeCloses === void 0 ? void 0 : _findParentNodeCloses.node;
               if (isInsideLayout) {
@@ -904,7 +905,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       try {
         var _findParentNodeCloses2;
         var $tableRowPos = this.view.state.doc.resolve(pos);
-        var tableNode = (_findParentNodeCloses2 = (0, _utils.findParentNodeClosestToPos)($tableRowPos, function (node) {
+        var tableNode = (_findParentNodeCloses2 = (0, _utils2.findParentNodeClosestToPos)($tableRowPos, function (node) {
           return node.type === _this10.view.state.schema.nodes.table;
         })) === null || _findParentNodeCloses2 === void 0 ? void 0 : _findParentNodeCloses2.node;
         return (tableNode === null || tableNode === void 0 ? void 0 : tableNode.childCount) === 1;

package/dist/cjs/nodeviews/TableSSRReactContextsProvider.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableSSRReactContextsProvider = TableSSRReactContextsProvider;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _isSsr = require("@atlaskit/editor-common/is-ssr");
 function TableSSRReactContextsProvider(_ref) {
   var children = _ref.children,
     intl = _ref.intl;
-  if (!(0, _coreUtils.isSSR)()) {
+  if (!(0, _isSsr.isSSR)()) {
     return children;
   }
   if (!intl) {

package/dist/cjs/nodeviews/TableStickyScrollbar.js

@@ -8,7 +8,7 @@ exports.TableStickyScrollbar = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ui = require("@atlaskit/editor-common/ui");
+var _utils = require("@atlaskit/editor-common/Popup/utils");
 var _types = require("../types");
 var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper, view) {
@@ -70,7 +70,7 @@ var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function
       this.editorScrollableElement =
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      (0, _ui.findOverflowScrollParent)(this.view.dom) || window.document;
+      (0, _utils.findOverflowScrollParent)(this.view.dom) || window.document;
       if (!this.editorScrollableElement || !this.wrapper) {
         return;
       }

package/dist/cjs/nodeviews/table.js

@@ -16,11 +16,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-var _table = require("@atlaskit/editor-common/table");
+var _contentMode = require("@atlaskit/editor-common/table/content-mode");
 var _contentVisibility = require("@atlaskit/editor-common/utils/content-visibility");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -57,7 +57,7 @@ var getInlineWidth = function getInlineWidth(node, options, state, pos, allowTab
   var shouldHaveInlineWidth = allowTableResizing && !(0, _nodes.isTableNested)(state, pos);
   var widthValue = (0, _nodeWidth.getTableContainerWidth)(node);
   if (node.attrs.isNumberColumnEnabled) {
-    widthValue -= _editorSharedStyles.akEditorTableNumberColumnWidth;
+    widthValue -= _constants.akEditorTableNumberColumnWidth;
   }
   return shouldHaveInlineWidth ? widthValue : undefined;
 };
@@ -239,7 +239,7 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
 
       // render table with content-mode attribute which removes all width constraints from the table
       // fire exposure here
-      if ((0, _table.isTableInContentMode)({
+      if ((0, _contentMode.isTableInContentMode)({
         tableNode: node,
         isSupported: (0, _isContentModeSupported.isContentModeSupported)({
           allowColumnResizing: !!this.reactComponentProps.allowColumnResizing,

package/dist/cjs/nodeviews/toDOM.js

@@ -11,8 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _classnames = _interopRequireDefault(require("classnames"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _table = require("@atlaskit/editor-common/table");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
+var _contentMode = require("@atlaskit/editor-common/table/content-mode");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
@@ -28,7 +28,7 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
   return _objectSpread(_objectSpread({}, tableNode), {}, {
     toDOM: function toDOM(node) {
       var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
-      var isInContentMode = (0, _table.isTableInContentMode)({
+      var isInContentMode = (0, _contentMode.isTableInContentMode)({
         tableNode: node,
         isSupported: (0, _isContentModeSupported.isContentModeSupported)({
           allowColumnResizing: config.allowColumnResizing,
@@ -116,7 +116,7 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
         return ['div', {
           class: 'tableView-content-wrap',
           'data-prosemirror-initial-toDOM-render': 'true',
-          style: (0, _lazyNodeView.convertToInlineCss)({
+          style: (0, _cssHelper.convertToInlineCss)({
             '--ak-editor-table-width': resizableTableWidth
           })
         }, tableContainerDiv];
@@ -126,14 +126,14 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
         style: alignmentStyle
       }, ['div', {
         class: 'pm-table-resizer-container',
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           '--ak-editor-table-gutter-padding': config.isTableScalingEnabled ? 'calc(var(--ak-editor--large-gutter-padding) * 2)' : 'calc(var(--ak-editor--large-gutter-padding) * 2 - var(--ak-editor-resizer-handle-spacing))',
           '--ak-editor-table-width': isInContentMode ? 'max-content' : resizableTableWidth,
           width: "var(--ak-editor-table-width)"
         })
       }, ['div', {
         class: 'resizer-item display-handle',
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box',

package/dist/cjs/pm-plugins/analytics/plugin-factory.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
-var _utils = require("@atlaskit/editor-common/utils");
+var _pluginStateFactory = require("@atlaskit/editor-common/utils/plugin-state-factory");
 var _pluginKey = require("./plugin-key");
 var _reducer = require("./reducer");
-var dest = (0, _utils.pluginFactory)(_pluginKey.pluginKey, _reducer.reducer);
+var dest = (0, _pluginStateFactory.pluginFactory)(_pluginKey.pluginKey, _reducer.reducer);
 var createPluginState = exports.createPluginState = dest.createPluginState;
 var createCommand = exports.createCommand = dest.createCommand;
 var getPluginState = exports.getPluginState = dest.getPluginState;