@atlaskit/editor-plugin-table 8.4.11 → 8.4.13

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 8.4.13
+
+### Patch Changes
+
+- [#98157](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98157)
+  [`402532942b383`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/402532942b383) -
+  [ux] [ED-25644] This change restores the left border for nested tables with numbered columns
+  enabled. Previously, we were removing it by accident while removing the left border for the parent
+  table.
+- Updated dependencies
+
+## 8.4.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.4.11
 
 ### Patch Changes

package/dist/cjs/nodeviews/ExternalDropTargets.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
-var _utils = require("../pm-plugins/utils");
+var _columnControls = require("../pm-plugins/utils/column-controls");
 var _consts = require("../ui/consts");
 var _ColumnDropTarget = require("../ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -46,7 +46,7 @@ var ExternalDropTargets = exports.ExternalDropTargets = function ExternalDropTar
   if (!isDragging) {
     return null;
   }
-  var colWidths = (0, _utils.getColumnsWidths)(editorView);
+  var colWidths = (0, _columnControls.getColumnsWidths)(editorView);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: getTableWrapperWidth(),
@@ -71,7 +71,10 @@ var ExternalDropTargets = exports.ExternalDropTargets = function ExternalDropTar
       marginLeft: "-".concat(getScrollOffset(), "px")
     }
   }, colWidths === null || colWidths === void 0 ? void 0 : colWidths.map(function (width, index) {
-    return /*#__PURE__*/_react.default.createElement(_ColumnDropTarget.ColumnDropTarget, {
+    return /*#__PURE__*/_react.default.createElement(_ColumnDropTarget.ColumnDropTarget
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/no-array-index-key
+    , {
       key: index,
       index: index,
       localId: currentNodeLocalId,

package/dist/cjs/nodeviews/TableCell.js

@@ -40,8 +40,13 @@ function delayUntilIdle(cb) {
     return cb();
   });
 }
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
 var cssVariablePattern = /^VAR\(--.*\)$/;
 var TableCell = exports.default = /*#__PURE__*/function (_TableNodeView) {
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
   function TableCell(node, view, getPos, eventDispatcher, editorAnalyticsAPI) {
     var _this;
     (0, _classCallCheck2.default)(this, TableCell);

package/dist/cjs/nodeviews/TableComponent.js

@@ -28,16 +28,19 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../pm-plugins/commands");
-var _utils3 = require("../pm-plugins/drag-and-drop/utils");
+var _autoscrollers = require("../pm-plugins/drag-and-drop/utils/autoscrollers");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
-var _stickyHeaders = require("../pm-plugins/sticky-headers");
+var _pluginKey = require("../pm-plugins/sticky-headers/plugin-key");
+var _util = require("../pm-plugins/sticky-headers/util");
 var _tableAnalytics = require("../pm-plugins/table-analytics");
-var _utils4 = require("../pm-plugins/table-resizing/utils");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _dom = require("../pm-plugins/table-resizing/utils/dom");
 var _misc = require("../pm-plugins/table-resizing/utils/misc");
-var _utils5 = require("../pm-plugins/utils");
+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 _table = require("../pm-plugins/utils/table");
 var _types = require("../types");
 var _eventHandlers = require("../ui/event-handlers");
 var _TableFloatingColumnControls = _interopRequireDefault(require("../ui/TableFloatingColumnControls"));
@@ -52,7 +55,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty3.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Ignored via go/ees005
+// eslint-disable-next-line import/no-named-as-default
 var isIE11 = _utils.browser.ie_version === 11;
 // When table is inserted via paste, keyboard shortcut or quickInsert,
 // componentDidUpdate is called multiple times. The isOverflowing value is correct only on the last update.
@@ -68,6 +72,8 @@ var isOverflowAnalyticsEnabled = false;
 // Prevent unnecessary parentWidth updates when table is nested inside of a node that is nested itself.
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD = 2;
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD = 20;
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var TableComponent = /*#__PURE__*/function (_React$Component) {
   function TableComponent(props) {
     var _this;
@@ -118,7 +124,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (!(0, _utils.isValidPosition)(pos, _this.props.view.state)) {
         return;
       }
-      var stickyHeader = (0, _stickyHeaders.findStickyHeaderForTable)(state, pos);
+      var stickyHeader = (0, _util.findStickyHeaderForTable)(state, pos);
       if (stickyHeader !== _this.state.stickyHeader) {
         _this.setState({
           stickyHeader: stickyHeader
@@ -128,6 +134,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (0, _defineProperty3.default)(_this, "prevTableState", null);
     (0, _defineProperty3.default)(_this, "handleScroll", function (event) {
       if (!_this.wrapper || event.target !== _this.wrapper) {
@@ -140,6 +148,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // sync sticky header row to table scroll
         var headers = _this.table.querySelectorAll('tr[data-header-row]');
         for (var i = 0; i < headers.length; i++) {
+          // Ignored via go/ees005
+          // eslint-disable-next-line @atlaskit/editor/no-as-casting
           var header = headers[i];
           header.scrollLeft = _this.wrapper.scrollLeft;
           header.style.marginRight = '2px';
@@ -153,12 +163,14 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         containerWidth = _this$props.containerWidth,
         options = _this$props.options,
         allowTableResizing = _this$props.allowTableResizing;
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var prevNode = _this.node;
       var node = getNode();
       var prevAttrs = prevNode.attrs;
-      var isNested = (0, _utils5.isTableNested)(_this.props.view.state, _this.props.getPos());
+      var isNested = (0, _nodes.isTableNested)(_this.props.view.state, _this.props.getPos());
       var parentWidth = _this.getParentNodeWidth();
-      if (isNested && (0, _utils5.isTableNestedInMoreThanOneNode)(_this.props.view.state, _this.props.getPos()) && (0, _platformFeatureFlags.fg)('platform_editor_nested_table_in_nested_parent_fix')) {
+      if (isNested && (0, _nodes.isTableNestedInMoreThanOneNode)(_this.props.view.state, _this.props.getPos()) && (0, _platformFeatureFlags.fg)('platform_editor_nested_table_in_nested_parent_fix')) {
         var resizeObsWrapperWidth = _this.wrapperWidth || 0;
         var wrapperWidthDiffBetweenRerenders = Math.abs(resizeObsWrapperWidth - (_this.state.parentWidth || 0));
         var isOusideOfThreshold = wrapperWidthDiffBetweenRerenders <= NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD || wrapperWidthDiffBetweenRerenders > NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD;
@@ -176,7 +188,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var parentWidthChanged = parentWidth && parentWidth !== _this.state.parentWidth;
       var layoutSize = _this.tableNodeLayoutSize(node, containerWidth.width, options);
       var hasNumberedColumnChanged = prevAttrs.isNumberColumnEnabled !== node.attrs.isNumberColumnEnabled;
-      var noOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(node, prevNode);
+      var noOfColumnsChanged = (0, _nodes.tablesHaveDifferentNoOfColumns)(node, prevNode);
       if (
       // We need to react if our parent changes
       // Scales the cols widths relative to the new parent width.
@@ -228,11 +240,13 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var domAtPos = view.domAtPos.bind(view);
       var width = containerWidth.width;
       _this.scaleTableDebounced.cancel();
-      var tr = (0, _utils4.scaleTable)(_this.table, _objectSpread(_objectSpread({}, scaleOptions), {}, {
+      var tr = (0, _scaleTable.scaleTable)(_this.table, _objectSpread(_objectSpread({}, scaleOptions), {}, {
         node: node,
         prevNode: _this.node || node,
         start: pos + 1,
         containerWidth: width,
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         previousContainerWidth: _this.containerWidth.width || width
       }, options), domAtPos, _this.props.pluginInjectionApi, false,
       // isTableScalingEnabled doesn't change the behavior of nested tables
@@ -317,7 +331,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       });
     });
     (0, _defineProperty3.default)(_this, "tableNodeLayoutSize", function (node, containerWidth, options) {
-      return (0, _utils4.getLayoutSize)(node.attrs.layout, containerWidth || _this.props.containerWidth.width, options || _this.props.options || {});
+      return (0, _misc.getLayoutSize)(node.attrs.layout, containerWidth || _this.props.containerWidth.width, options || _this.props.options || {});
     });
     (0, _defineProperty3.default)(_this, "scaleTableDebounced", (0, _rafSchd.default)(_this.scaleTable));
     (0, _defineProperty3.default)(_this, "handleTableResizingDebounced", (0, _rafSchd.default)(_this.handleTableResizing));
@@ -390,8 +404,17 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         getNode = _this$props7.getNode,
         getEditorFeatureFlags = _this$props7.getEditorFeatureFlags,
         isTableScalingEnabled = _this$props7.isTableScalingEnabled;
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table = this.table) === null || _this$table === void 0 || _this$table.addEventListener('mouseenter', this.handleMouseEnter);
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
       var _getEditorFeatureFlag = getEditorFeatureFlags(),
         _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
@@ -420,6 +443,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this.wrapperReisizeObserver.observe(this.wrapper);
       }
       if (allowColumnResizing && this.wrapper && !isIE11) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         this.wrapper.addEventListener('scroll', this.handleScrollDebounced, {
           passive: true
         });
@@ -427,7 +452,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           this.stickyScrollbar = new _TableStickyScrollbar.TableStickyScrollbar(this.wrapper, this.props.view);
         }
         if (isDragAndDropEnabled) {
-          this.dragAndDropCleanupFn = _combine.combine.apply(void 0, (0, _toConsumableArray2.default)((0, _utils3.autoScrollerFactory)({
+          this.dragAndDropCleanupFn = _combine.combine.apply(void 0, (0, _toConsumableArray2.default)((0, _autoscrollers.autoScrollerFactory)({
             tableWrapper: this.wrapper,
             getNode: getNode
           })));
@@ -439,15 +464,20 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
          * Instead we use the resize event to only trigger updates when necessary.
          */
         if (!allowTableResizing) {
+          // Ignored via go/ees005
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
           window.addEventListener('resize', this.handleWindowResizeDebounced);
         }
         this.handleTableResizingDebounced();
       }
-      var currentStickyState = _stickyHeaders.pluginKey.getState(this.props.view.state);
+      var currentStickyState = _pluginKey.pluginKey.getState(this.props.view.state);
       if (currentStickyState) {
         this.onStickyState(currentStickyState);
       }
-      eventDispatcher.on(_stickyHeaders.pluginKey.key, this.onStickyState);
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      eventDispatcher.on(_pluginKey.pluginKey.key, this.onStickyState);
       if (isOverflowAnalyticsEnabled) {
         var initialIsOveflowing = this.state[_types.ShadowEvent.SHOW_BEFORE_SHADOW] || this.state[_types.ShadowEvent.SHOW_AFTER_SHADOW];
         this.setTimerToSendInitialOverflowCaptured(initialIsOveflowing);
@@ -463,6 +493,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         eventDispatcher = _this$props8.eventDispatcher,
         isDragAndDropEnabled = _this$props8.isDragAndDropEnabled;
       if (this.wrapper && !isIE11) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         this.wrapper.removeEventListener('scroll', this.handleScrollDebounced);
       }
       if (isDragAndDropEnabled && this.dragAndDropCleanupFn) {
@@ -481,15 +513,29 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this.handleWindowResizeDebounced.cancel();
       }
       if (!allowTableResizing && allowColumnResizing) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
       if (this.overflowShadowsObserver) {
         this.overflowShadowsObserver.dispose();
       }
-      eventDispatcher.off(_stickyHeaders.pluginKey.key, this.onStickyState);
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      eventDispatcher.off(_pluginKey.pluginKey.key, this.onStickyState);
       if (this.initialOverflowCaptureTimerId) {
         clearTimeout(this.initialOverflowCaptureTimerId);
       }
@@ -555,7 +601,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       tableNodeWidth = options !== null && options !== void 0 && options.isCommentEditor && !tableNode.attrs.width ? tableRenderWidth : tableNodeWidth;
       var isTableSquashed = tableRenderWidth < tableNodeWidth;
       var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
-      var isNumberOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(tableNode, this.node);
+      var isNumberOfColumnsChanged = (0, _nodes.tablesHaveDifferentNoOfColumns)(tableNode, this.node);
       var containerWidthValue = containerWidth.width,
         containerLineLength = containerWidth.lineLength;
       var isLineLengthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.lineLength) !== containerLineLength;
@@ -576,8 +622,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || !!((_this$props$options2 = this.props.options) !== null && _this$props$options2 !== void 0 && _this$props$options2.isTableScalingEnabled) && !!((_this$props$options3 = this.props.options) !== null && _this$props$options3 !== void 0 && _this$props$options3.isCommentEditor);
         if (force || !isResizing && shouldUpdateColgroup) {
           var _this$props$options4, _this$props$options5, _this$props$options6, _this$props$options7;
-          var resizeState = (0, _utils4.getResizeState)({
-            minWidth: _utils4.COLUMN_MIN_WIDTH,
+          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,
             table: tableNode,
@@ -605,13 +651,21 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             // renderWidth calculated as `tableRef?.parentElement?.clientWidth`
             // inside of getTableScalingPercent returns 0.
             if (!((_this3$props$options = _this3.props.options) !== null && _this3$props$options !== void 0 && _this3$props$options.isCommentEditor) || (_this3$props$options2 = _this3.props.options) !== null && _this3$props$options2 !== void 0 && _this3$props$options2.isCommentEditor && tableNode.attrs.width) {
-              scalePercent = (0, _misc.getTableScalingPercent)(tableNode, _this3.table, shouldUseIncreasedScalingPercent);
+              scalePercent = (0, _misc.getTableScalingPercent)(tableNode,
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              _this3.table, shouldUseIncreasedScalingPercent);
             } else {
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
               scalePercent = (0, _misc.getScalingPercentForTableWithoutWidth)(tableNode, _this3.table);
             }
 
             // Request animation frame required for Firefox
-            (0, _utils4.updateColgroup)(resizeState, _this3.table, tableNode, shouldScaleOnColgroupUpdate, scalePercent);
+            (0, _resizeState.updateColgroup)(resizeState,
+            // Ignored via go/ees005
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            _this3.table, tableNode, shouldScaleOnColgroupUpdate, scalePercent);
           });
         }
       }
@@ -622,6 +676,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       this.wasResizing = isResizing;
       this.containerWidth = containerWidth;
     }
+
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_, prevState) {
@@ -676,7 +733,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           // that happens when a table is nested in expand and expand's width is
           // changed via breakout button
           window.requestAnimationFrame(function () {
-            _this4.overflowShadowsObserver = new _OverflowShadowsObserver.OverflowShadowsObserver(_this4.updateShadowState, _this4.table, _this4.wrapper);
+            _this4.overflowShadowsObserver = new _OverflowShadowsObserver.OverflowShadowsObserver(_this4.updateShadowState,
+            // Ignored via go/ees005
+            // eslint-disable-next-line @atlaskit/editor/no-as-casting
+            _this4.table, _this4.wrapper);
           });
         } else {
           this.overflowShadowsObserver = new _OverflowShadowsObserver.OverflowShadowsObserver(this.updateShadowState, this.table, this.wrapper);
@@ -688,11 +748,11 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       var currentTable = getNode();
       var previousTable = this.node;
-      var isNoOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(currentTable, previousTable);
-      var isNoOfRowsChanged = (0, _utils5.tablesHaveDifferentNoOfRows)(currentTable, previousTable);
+      var isNoOfColumnsChanged = (0, _nodes.tablesHaveDifferentNoOfColumns)(currentTable, previousTable);
+      var isNoOfRowsChanged = (0, _nodes.tablesHaveDifferentNoOfRows)(currentTable, previousTable);
       if (isNoOfColumnsChanged || isNoOfRowsChanged) {
         var _this$props$pluginInj;
-        (_this$props$pluginInj = this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.accessibilityUtils) === null || _this$props$pluginInj === void 0 || _this$props$pluginInj.actions.ariaNotify((0, _utils5.getAssistiveMessage)(previousTable, currentTable, this.props.intl), {
+        (_this$props$pluginInj = this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.accessibilityUtils) === null || _this$props$pluginInj === void 0 || _this$props$pluginInj.actions.ariaNotify((0, _table.getAssistiveMessage)(previousTable, currentTable, this.props.intl), {
           priority: 'important'
         });
       }
@@ -705,14 +765,14 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       else if (allowColumnResizing && this.table && !isMediaFullscreen) {
         // If col widths (e.g. via collab) or number of columns (e.g. delete a column) have changed,
         // re-draw colgroup.
-        if ((0, _utils5.tablesHaveDifferentColumnWidths)(currentTable, previousTable) || isNoOfColumnsChanged) {
+        if ((0, _nodes.tablesHaveDifferentColumnWidths)(currentTable, previousTable) || isNoOfColumnsChanged) {
           var _view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
             var start = getPos() || 0;
             var depth = _view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
-            (0, _utils4.insertColgroupFromNode)(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
+            (0, _colgroup.insertColgroupFromNode)(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
           }
           (0, _dom.updateControls)()(_view.state);
         }
@@ -796,7 +856,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       var tableRef = this.table || undefined;
       var headerRow = tableRef ? tableRef.querySelector('tr[data-header-row]') : undefined;
-      var hasHeaderRow = (0, _utils5.containsHeaderRow)(node);
+      var hasHeaderRow = (0, _nodes.containsHeaderRow)(node);
       var rowControls = /*#__PURE__*/_react.default.createElement(_TableFloatingControls.default, {
         editorView: view,
         tableRef: tableRef,
@@ -869,7 +929,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       } catch (e) {
         tablePos = undefined;
       }
-      var isNested = (0, _utils5.isTableNested)(view.state, tablePos);
+      var isNested = (0, _nodes.isTableNested)(view.state, tablePos);
       var topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
       var topOffset = (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 0 : (_this$state$stickyHea2 = (_this$state$stickyHea3 = this.state.stickyHeader) === null || _this$state$stickyHea3 === void 0 ? void 0 : _this$state$stickyHea3.top) !== null && _this$state$stickyHea2 !== void 0 ? _this$state$stickyHea2 : 0;
       var topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
@@ -883,7 +943,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)({}, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), _types.TableCssClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), _types.TableCssClassName.TABLE_SELECTED, (0, _utils2.isTableSelected)(view.state.selection))),
         editorView: view,
         getPos: getPos,
-        node: node,
+        node: node
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        ,
         tableRef: tableRef,
         containerWidth: containerWidth,
         isNested: isNested,

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -9,6 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorTables = require("@atlaskit/editor-tables");
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
@@ -76,7 +79,10 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     tableActive: tableActive,
     ordering: ordering,
     isResizing: isResizing,
-    getNode: getNode,
+    getNode: getNode
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     containerWidth: widthState,
     contentDOM: forwardRef,
     getEditorFeatureFlags: getEditorFeatureFlags,

package/dist/cjs/nodeviews/TableContainer.js

@@ -15,7 +15,7 @@ var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
-var _utils = require("../pm-plugins/table-resizing/utils");
+var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _alignment = require("../pm-plugins/utils/alignment");
 var _types = require("../types");
 var _tableContainerStyles = require("./table-container-styles");
@@ -202,7 +202,7 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
     responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2 - resizeHandleSpacing;
   } else if (isCommentEditor) {
-    responsiveContainerWidth = containerWidth - _utils.TABLE_OFFSET_IN_COMMENT_EDITOR;
+    responsiveContainerWidth = containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR;
   } else {
     // 76 is currently an accepted padding value considering the spacing for resizer handle
     // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
@@ -214,7 +214,7 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
   if (!isResizing) {
     tableWidthRef.current = width;
   }
-  var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, _utils.TABLE_MAX_WIDTH);
+  var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, _consts.TABLE_MAX_WIDTH);
   var tableResizerProps = {
     width: width,
     maxWidth: maxResizerWidth,
@@ -266,7 +266,11 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     style: {
       width: 'inherit'
     }
-  }, children) : /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, tableResizerProps, /*#__PURE__*/_react.default.createElement(InnerContainer, {
+  }, children) :
+  /*#__PURE__*/
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  _react.default.createElement(_TableResizer.TableResizer, tableResizerProps, /*#__PURE__*/_react.default.createElement(InnerContainer, {
     className: className,
     node: node
   }, children))));
@@ -298,8 +302,14 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref6) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {
       className: className,
-      node: node,
-      containerWidth: editorWidth,
+      node: node
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
+      containerWidth: editorWidth
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
       lineLength: lineLength,
       editorView: editorView,
       getPos: getPos,

package/dist/cjs/nodeviews/TableNodeViewBase.js

@@ -12,12 +12,16 @@ var TableNodeView = exports.default = /*#__PURE__*/(0, _createClass2.default)(
 /**
  * @constructor
  */
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
 function TableNodeView(node, view, getPos, eventDispatcher) {
   (0, _classCallCheck2.default)(this, TableNodeView);
   this.node = node;
   this.view = view;
   this.getPos = getPos;
   this.eventDispatcher = eventDispatcher;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, node.type.spec.toDOM(node)),
     dom = _DOMSerializer$render.dom,
     contentDOM = _DOMSerializer$render.contentDOM;