@atlaskit/editor-plugin-table 38.0.5 → 38.0.7

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-table
 
+## 38.0.7
+
+### Patch Changes
+
+- [`52195baa604db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/52195baa604db) -
+  Fix table row node views leaking event listeners on destroy, behind the
+  `platform_editor_reduce_memory_leaks` experiment.
+- Updated dependencies
+
+## 38.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 38.0.5
 
 ### 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");
@@ -89,6 +89,15 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    (0, _defineProperty2.default)(_this, "onWidthPluginEvent", function () {
+      return _this.updateStickyHeaderWidth();
+    });
+    (0, _defineProperty2.default)(_this, "onTablePluginEvent", function (state) {
+      return _this.onTablePluginState(state);
+    });
+    (0, _defineProperty2.default)(_this, "onScrollEnd", function () {
+      return _this.refireIntersectionObservers();
+    });
     _this.isSticky = false;
     var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
       pluginConfig = _getPluginState.pluginConfig;
@@ -215,13 +224,20 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
     value: function destroy() {
       if (this.isStickyHeaderEnabled) {
         this.unsubscribe();
-        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+          this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        }
         var tree = (0, _dom2.getTree)(this.dom);
         if (tree) {
           this.makeRowHeaderNotSticky(tree.table, true);
         }
         this.emitOff(true);
       }
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        var _this$nodeVisibilityO;
+        (_this$nodeVisibilityO = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO === void 0 || _this$nodeVisibilityO.call(this);
+        this.nodeVisibilityObserverCleanupFn = undefined;
+      }
       if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_dynamic_limited_mode')) {
         var _this$limitedModeUnsu2;
         (_this$limitedModeUnsu2 = this.limitedModeUnsubscribe) === null || _this$limitedModeUnsu2 === void 0 || _this$limitedModeUnsu2.call(this);
@@ -264,26 +280,33 @@ 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);
       }
-      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState.bind(this));
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginEvent);
+      } else {
+        this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState.bind(this));
+      }
       this.listening = true;
+      var scrollHandler = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('wheel', scrollHandler, {
         passive: true
       });
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('touchmove', scrollHandler, {
         passive: true
       });
     }
@@ -306,10 +329,20 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
       if (this.resizeObserver) {
         this.resizeObserver.disconnect();
       }
-      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        var _this$editorScrollabl;
+        this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginEvent);
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+      } else {
+        this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
+      }
       this.listening = false;
 
       // Ignored via go/ees005
@@ -521,7 +554,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) {
@@ -680,7 +713,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
       if (!this.isSticky) {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         (0, _dom.syncStickyRowToTable)(table);
         this.dom.classList.add('sticky');
         table.classList.add(_types.TableCssClassName.TABLE_STICKY);
@@ -693,7 +726,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
          */
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.addEventListener('scrollend', this.refireIntersectionObservers, {
+        (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 || _this$editorScrollabl2.addEventListener('scrollend', (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
           passive: true,
           once: true
         });