@atlaskit/editor-plugin-table 22.2.4 → 22.2.7

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-table
 
+## 22.2.7
+
+### Patch Changes
+
+- [`aaa61a61efb94`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aaa61a61efb94) -
+  Add support for table resize in chromeless editor, behind platform_editor_table_resize_chromeless
+  experiment
+- Updated dependencies
+
+## 22.2.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.2.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -1028,6 +1028,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component); // eslint-disable-next-line @typescript-eslint/ban-types
 (0, _defineProperty2.default)(TableComponent, "displayName", 'TableComponent');
-var _default = exports.default = (0, _reactIntl.injectIntl)(TableComponent);
+var _default_1 = (0, _reactIntl.injectIntl)(TableComponent);
+var _default = exports.default = _default_1;

package/dist/cjs/nodeviews/TableContainer.js

@@ -217,7 +217,6 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   var _useMemo = (0, _react.useMemo)(function () {
       var responsiveContainerWidth = 0;
-      var resizeHandleSpacing = 12;
       var padding = getPadding(containerWidth);
       // When Full width or Max width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
       // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
@@ -235,30 +234,39 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
         if (isTableScalingEnabled && Number.isFinite(lineLength) && lineLength !== undefined) {
           responsiveContainerWidth = lineLength;
         } else {
-          responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+          responsiveContainerWidth = containerWidth - padding * 2 - _consts.RESIZE_HANDLE_SPACING;
         }
       } else if (isCommentEditor) {
         responsiveContainerWidth = containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR;
+      } else if (isChromelessEditor && (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true)) {
+        // there's no padding included in chromeless appearance, so we need to reduce table
+        // width to ensure all controls are visible.
+        // use lineLength as the value is updated by scrollbar visibility changes
+        responsiveContainerWidth = Number.isFinite(lineLength) && lineLength !== undefined ? lineLength : containerWidth - _consts.RESIZE_HANDLE_SPACING;
       } 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
         // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
         // padding left = padding right = akEditorGutterPadding = 32
-        responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
+        responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - _consts.RESIZE_HANDLE_SPACING;
       }
 
       // Fix for HOT-119925: Ensure table width is properly constrained and responsive
       // For wide tables, ensure they don't exceed container width and can be scrolled
-      var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
+      var calculatedWidth =
+      // remove isCommentEditor check if platform_editor_table_resize_chromeless is cleaned up
+      !node.attrs.width && ((0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor) ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
       // Ensure minimum width for usability while respecting container constraints
       var width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
-      var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? _consts.TABLE_MAX_WIDTH : _consts.TABLE_FULL_WIDTH);
+
+      // remove isCommentEditor check if platform_editor_table_resize_chromeless is cleaned up
+      var maxResizerWidth = (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? _consts.TABLE_MAX_WIDTH : _consts.TABLE_FULL_WIDTH);
       return {
         width: width,
         maxResizerWidth: maxResizerWidth
       };
-    }, [containerWidth, isCommentEditor, isFullWidthModeEnabled, isMaxWidthModeEnabled, isTableScalingEnabled, lineLength, node.attrs.width, tableWidth]),
+    }, [containerWidth, isCommentEditor, isChromelessEditor, isFullWidthModeEnabled, isMaxWidthModeEnabled, isFullPageAppearance, isTableScalingEnabled, lineLength, node.attrs.width, tableWidth]),
     width = _useMemo.width,
     maxResizerWidth = _useMemo.maxResizerWidth;
   (0, _react.useEffect)(function () {
@@ -308,7 +316,8 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     pluginInjectionApi: pluginInjectionApi,
     onResizeStart: onResizeStart,
     onResizeStop: onResizeStop,
-    isCommentEditor: isCommentEditor
+    isCommentEditor: isCommentEditor,
+    isChromelessEditor: isChromelessEditor
   };
   var isLivePageViewMode = mode === 'view';
   return /*#__PURE__*/_react.default.createElement(AlignmentTableContainerWrapper, {

package/dist/cjs/nodeviews/TableResizer.js

@@ -56,12 +56,12 @@ var getResizerHandleHeight = function getResizerHandleHeight(tableRef) {
   var _tableRef$clientHeigh;
   var tableHeight = (_tableRef$clientHeigh = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientHeight) !== null && _tableRef$clientHeigh !== void 0 ? _tableRef$clientHeigh : 0;
   /*
-     - One row table height (minimum possible table height) ~ 45px
-     - Two row table height ~ 90px
-     - Three row table height ~ 134px
-      In the if below we need to use:
-     - > 46 because the height of the table can be a float number like 45.44.
-     - < 96 is the height of large resize handle.
+  - One row table height (minimum possible table height) ~ 45px
+  - Two row table height ~ 90px
+  - Three row table height ~ 134px
+  	In the if below we need to use:
+  - > 46 because the height of the table can be a float number like 45.44.
+  - < 96 is the height of large resize handle.
    */
   if (tableHeight >= 96) {
     return 'large';
@@ -83,6 +83,15 @@ var getPadding = function getPadding(containerWidth) {
     exposure: true
   }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
+var getTableMaxWidth = function getTableMaxWidth(containerWidth, lineLength, isCommentEditor, isChromelessEditor) {
+  if (isCommentEditor) {
+    return Math.floor(containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR);
+  } else if (isChromelessEditor) {
+    return Number.isFinite(lineLength) && lineLength !== undefined ? lineLength : Math.floor(containerWidth - _consts.RESIZE_HANDLE_SPACING);
+  } else {
+    return (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? _consts.TABLE_MAX_WIDTH : _consts.TABLE_FULL_WIDTH;
+  }
+};
 
 /**
  * When guidelines are outside the viewport, filter them out, do not show
@@ -143,6 +152,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     pluginInjectionApi = _ref.pluginInjectionApi,
     isFullWidthModeEnabled = _ref.isFullWidthModeEnabled,
     isCommentEditor = _ref.isCommentEditor,
+    isChromelessEditor = _ref.isChromelessEditor,
     disabled = _ref.disabled;
   var currentGap = (0, _react.useRef)(0);
   // track resizing state - use ref over state to avoid re-render
@@ -161,6 +171,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     setSnappingEnabled = _useState2[1];
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   var tableFromSelection = (0, _react.useMemo)(function () {
     return (0, _utils.findTable)(currentSelection);
@@ -292,7 +303,9 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       return;
     }
     var editorContainerWidth = isFullWidthModeEnabled ? lineLength + 2 * getPadding(containerWidth) : containerWidth;
-    var closestSnap = !isCommentEditor && (0, _snapping.findClosestSnap)(newWidth, isTableScalingEnabled ? (0, _snapping.defaultTablePreserveSnappingWidths)(_snapping.PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : _snapping.defaultSnappingWidths, isTableScalingEnabled ? (0, _guidelines.defaultGuidelinesForPreserveTable)(_guidelines.PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : _guidelines.defaultGuidelines, _consts2.TABLE_HIGHLIGHT_GAP, _consts2.TABLE_HIGHLIGHT_TOLERANCE);
+    var closestSnap =
+    // remove isCommentEditor check if platform_editor_table_resize_chromeless is cleaned up
+    ((0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && isFullPageAppearance || !isCommentEditor) && (0, _snapping.findClosestSnap)(newWidth, isTableScalingEnabled ? (0, _snapping.defaultTablePreserveSnappingWidths)(_snapping.PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : _snapping.defaultSnappingWidths, isTableScalingEnabled ? (0, _guidelines.defaultGuidelinesForPreserveTable)(_guidelines.PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : _guidelines.defaultGuidelines, _consts2.TABLE_HIGHLIGHT_GAP, _consts2.TABLE_HIGHLIGHT_TOLERANCE);
     closestSnap && updateActiveGuidelines(closestSnap);
 
     // When snapping to the full width guideline, resize the table to be 1800px
@@ -303,21 +316,21 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       return guideline.isFullWidth;
     })[0];
     var isFullWidthGuidelineActive = (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? closestSnap && fullWidthGuideline && closestSnap.keys.includes(fullWidthGuideline.key) : closestSnap && closestSnap.keys.includes(fullWidthGuideline.key);
-    var tableMaxWidth = isCommentEditor ? Math.floor(containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR) : (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? _consts.TABLE_MAX_WIDTH : _consts.TABLE_FULL_WIDTH;
-    var shouldUpdateWidthToWidest = isCommentEditor ? tableMaxWidth <= newWidth : !!isTableScalingEnabled && isFullWidthGuidelineActive;
-    var previewParentWidth = isCommentEditor && shouldUpdateWidthToWidest ? tableMaxWidth : newWidth;
+    var tableMaxWidth = (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) ? getTableMaxWidth(containerWidth, lineLength, isCommentEditor, isChromelessEditor) : isCommentEditor ? Math.floor(containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR) : (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? _consts.TABLE_MAX_WIDTH : _consts.TABLE_FULL_WIDTH;
+    var shouldUpdateWidthToWidest = (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? tableMaxWidth <= newWidth : !!isTableScalingEnabled && isFullWidthGuidelineActive;
+    var previewParentWidth = ((0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor) && shouldUpdateWidthToWidest ? tableMaxWidth : newWidth;
     (0, _scaleTable.previewScaleTable)(tableRef, {
       node: node,
       prevNode: node,
       start: pos + 1,
       parentWidth: previewParentWidth
-    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, allowFixedColumnWidthOption, isCommentEditor);
+    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, allowFixedColumnWidthOption, (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) ? !isFullPageAppearance : isCommentEditor);
     (0, _commands.chainCommands)(function (state, dispatch) {
       return switchToCenterAlignment(pos, node, newWidth, state, dispatch);
     }, (0, _misc.updateWidthToWidest)((0, _defineProperty2.default)({}, currentTableNodeLocalId, shouldUpdateWidthToWidest)))(state, dispatch);
     updateWidth(shouldUpdateWidthToWidest ? tableMaxWidth : newWidth);
     return newWidth;
-  }, [countFrames, isCommentEditor, isTableScalingEnabled, allowFixedColumnWidthOption, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
+  }, [countFrames, isCommentEditor, isChromelessEditor, isFullPageAppearance, isTableScalingEnabled, allowFixedColumnWidthOption, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
   var scheduleResize = (0, _react.useMemo)(function () {
     return (0, _rafSchd.default)(handleResize);
   }, [handleResize]);
@@ -330,7 +343,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       dispatch = editorView.dispatch;
     var pos = getPos();
     var currentTableNodeLocalId = (_node$attrs$localId2 = node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.localId) !== null && _node$attrs$localId2 !== void 0 ? _node$attrs$localId2 : '';
-    var tableMaxWidth = isCommentEditor ? undefined // Table's full-width in comment appearance inherit the width of the Editor/Renderer
+    var tableMaxWidth = (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? undefined // Table's full-width in comment appearance inherit the width of the Editor/Renderer
     : (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? _consts.TABLE_MAX_WIDTH : _consts.TABLE_FULL_WIDTH;
     newWidth = widthToWidest && currentTableNodeLocalId && widthToWidest[currentTableNodeLocalId] ? tableMaxWidth : newWidth;
     var tr = state.tr.setMeta(_tableWidth.pluginKey, {
@@ -371,8 +384,9 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
         // We use originalNewWidth in comment editor, because in comment editor
         // newWidth can be underined when table is resized to 'full-width'
         // scaleTable function needs number value to work correctly.
-        parentWidth: isCommentEditor ? originalNewWidth : newWidth
-      }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, isCommentEditor)(tr);
+        // remove isCommentEditor check when platform_editor_table_resize_chromeless is removed
+        parentWidth: (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? originalNewWidth : newWidth
+      }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, (0, _expValEquals.expValEquals)('platform_editor_table_resize_chromeless', 'isEnabled', true) ? !isFullPageAppearance : isCommentEditor)(tr);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -408,7 +422,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       (_insm$session2 = _insm.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
     }
     return newWidth;
-  }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
+  }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage, isFullPageAppearance]);
   var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {
     var newWidth = width + step;
     if (newWidth < resizerMinWidth) {

package/dist/cjs/pm-plugins/analytics/commands.js

@@ -8,6 +8,10 @@ var _actions = require("./actions");
 var _pluginFactory = require("./plugin-factory");
 var _pluginKey = require("./plugin-key");
 var _movedEvent = require("./utils/moved-event");
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 var updateRowOrColumnMoved = exports.updateRowOrColumnMoved = function updateRowOrColumnMoved(nextState, nextAction) {
   return (0, _pluginFactory.createCommand)(function (state) {
     var _getPluginState = (0, _pluginFactory.getPluginState)(state),

package/dist/cjs/pm-plugins/commands/hover.js

@@ -13,6 +13,10 @@ var _table = require("../utils/table");
 var _updatePluginStateDecorations = require("../utils/update-plugin-state-decorations");
 // #region Imports
 
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 var makeArray = function makeArray(n) {
   return Array.from(Array(n).keys());
 };

package/dist/cjs/pm-plugins/commands/referentiality.js

@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.removeDescendantNodes = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
 var _pluginFactory = require("../plugin-factory");
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 var removeDescendantNodes = exports.removeDescendantNodes = function removeDescendantNodes(sourceNode) {
   return (0, _pluginFactory.createCommand)({
     type: 'UPDATE_STATE',

package/dist/cjs/pm-plugins/drag-and-drop/commands.js

@@ -12,6 +12,10 @@ var _actions = require("./actions");
 var _consts = require("./consts");
 var _pluginFactory = require("./plugin-factory");
 var _pluginKey = require("./plugin-key");
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 // TODO: ED-26961 - This command is a placeholder example. Please replace this if required.
 var getDecorations = function getDecorations(state) {
   var _pluginKey$getState;

package/dist/cjs/pm-plugins/drag-and-drop/plugin.js

@@ -26,6 +26,8 @@ var _consts = require("./consts");
 var _pluginFactory2 = require("./plugin-factory");
 var _pluginKey2 = require("./plugin-key");
 var _monitor = require("./utils/monitor");
+// eslint-disable-next-line import/order
+
 var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api) {
   var editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
   var rowAutoScrollers = editorPageScrollContainer ? [(0, _adapter.monitorForElements)({

package/dist/cjs/pm-plugins/drag-and-drop/utils/autoscrollers.js

@@ -7,6 +7,10 @@ exports.autoScrollerFactory = void 0;
 var _element = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/element");
 var _element2 = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/element");
 var _consts = require("../../../ui/consts");
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 var autoScrollerFactory = exports.autoScrollerFactory = function autoScrollerFactory(_ref) {
   var tableWrapper = _ref.tableWrapper,
     getNode = _ref.getNode;

package/dist/cjs/pm-plugins/sticky-headers/commands.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateStickyState = exports.removeStickyState = void 0;
 var _pluginState = require("./plugin-state");
+// eslint-disable-next-line import/order
+
 var updateStickyState = exports.updateStickyState = function updateStickyState(rowState) {
   return (0, _pluginState.createCommand)({
     name: 'UPDATE',

package/dist/cjs/pm-plugins/table-resizing/plugin-factory.js

@@ -11,6 +11,11 @@ var _pluginKey = require("./plugin-key");
 var _reducer = _interopRequireDefault(require("./reducer"));
 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, _defineProperty2.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; } // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
+// eslint-disable-next-line import/order
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 function mapping(tr, pluginState) {
   if (pluginState && pluginState.resizeHandlePos !== null) {
     return _objectSpread(_objectSpread({}, pluginState), {}, {

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

@@ -101,7 +101,7 @@ var generateColgroupFromNode = exports.generateColgroupFromNode = function gener
   });
   return cols;
 };
-var generateColgroup = exports.generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
+var generateColgroup = exports.generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor) {
   var cols = [];
   var map = _tableMap.TableMap.get(table);
 
@@ -116,7 +116,7 @@ var generateColgroup = exports.generateColgroup = function generateColgroup(tabl
         var _table$attrs;
         // if we have tableRef here, isTableScalingEnabled is true
         var scalePercent = 1;
-        if (isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width)) {
+        if (isCommentOrChromelessEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width)) {
           scalePercent = (0, _misc.getScalingPercentForTableWithoutWidth)(table, tableRef);
         } else {
           scalePercent = (0, _misc.getTableScalingPercent)(table, tableRef, shouldUseIncreasedScalingPercent);
@@ -156,14 +156,14 @@ var insertColgroupFromNode = exports.insertColgroupFromNode = function insertCol
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var shouldRemove = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isCommentOrChromelessEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   var colgroup = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelector('colgroup');
   if (colgroup && shouldRemove) {
     tableRef === null || tableRef === void 0 || tableRef.removeChild(colgroup);
   }
-  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
+  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor);
   if (shouldRemove) {
     tableRef === null || tableRef === void 0 || tableRef.insertBefore(colgroup, tableRef === null || tableRef === void 0 ? void 0 : tableRef.firstChild);
   }
@@ -193,8 +193,8 @@ var isMinCellWidthTable = exports.isMinCellWidthTable = function isMinCellWidthT
   });
   return isTableMinCellWidth;
 };
-function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
-  var rendered = _model.DOMSerializer.renderSpec(document, ['colgroup', {}].concat((0, _toConsumableArray2.default)(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentEditor))));
+function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor) {
+  var rendered = _model.DOMSerializer.renderSpec(document, ['colgroup', {}].concat((0, _toConsumableArray2.default)(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor))));
 
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TABLE_OFFSET_IN_COMMENT_EDITOR = exports.TABLE_MAX_WIDTH = exports.TABLE_FULL_WIDTH = exports.TABLE_EDITOR_MARGIN = exports.MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = exports.MAX_SCALING_PERCENT = exports.FULL_WIDTH_EDITOR_CONTENT_WIDTH = exports.COLUMN_MIN_WIDTH = void 0;
+exports.TABLE_OFFSET_IN_COMMENT_EDITOR = exports.TABLE_MAX_WIDTH = exports.TABLE_FULL_WIDTH = exports.TABLE_EDITOR_MARGIN = exports.RESIZE_HANDLE_SPACING = exports.MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = exports.MAX_SCALING_PERCENT = exports.FULL_WIDTH_EDITOR_CONTENT_WIDTH = exports.COLUMN_MIN_WIDTH = void 0;
 var COLUMN_MIN_WIDTH = exports.COLUMN_MIN_WIDTH = 48;
 var TABLE_FULL_WIDTH = exports.TABLE_FULL_WIDTH = 1800;
 var TABLE_MAX_WIDTH = exports.TABLE_MAX_WIDTH = 4000;
@@ -14,4 +14,5 @@ var MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = exports.MAX_SCA
 var TABLE_EDITOR_MARGIN = exports.TABLE_EDITOR_MARGIN = 76;
 var COMMENT_AK_EDITOR_CONTENT_AREA_PADDING = 20;
 var COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN = 12;
-var TABLE_OFFSET_IN_COMMENT_EDITOR = exports.TABLE_OFFSET_IN_COMMENT_EDITOR = 2 * (COMMENT_AK_EDITOR_CONTENT_AREA_PADDING + COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN);
+var TABLE_OFFSET_IN_COMMENT_EDITOR = exports.TABLE_OFFSET_IN_COMMENT_EDITOR = 2 * (COMMENT_AK_EDITOR_CONTENT_AREA_PADDING + COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN);
+var RESIZE_HANDLE_SPACING = exports.RESIZE_HANDLE_SPACING = 12;

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

@@ -115,7 +115,7 @@ function scaleTableTo(state, maxSize) {
 var previewScaleTable = exports.previewScaleTable = function previewScaleTable(tableRef, options, domAtPos) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var allowFixedColumnWidthOption = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isCommentOrChromelessEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var node = options.node,
     start = options.start,
     parentWidth = options.parentWidth;
@@ -138,7 +138,7 @@ var previewScaleTable = exports.previewScaleTable = function previewScaleTable(t
     (0, _dom.syncStickyRowToTable)(tableRef);
     return;
   }
-  var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || isTableScalingEnabled && isCommentEditor;
+  var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || isTableScalingEnabled && isCommentOrChromelessEditor;
   var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false,
   // Here isTableScalingEnabled = false
   shouldUseIncreasedScalingPercent) : scale(tableRef, options, domAtPos, false, shouldUseIncreasedScalingPercent);
@@ -151,7 +151,7 @@ var previewScaleTable = exports.previewScaleTable = function previewScaleTable(t
 var scaleTable = exports.scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
   var isTableScalingEnabledOnCurrentTable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var isCommentEditor = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var isCommentOrChromelessEditor = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   return function (tr) {
     if (!tableRef) {
       return tr;
@@ -166,7 +166,7 @@ var scaleTable = exports.scaleTable = function scaleTable(tableRef, options, dom
       // To force reflow of columns upon delete.
       if (!isTableScalingEnabledOnCurrentTable) {
         var isTableScalingEnabled = false;
-        (0, _colgroup.insertColgroupFromNode)(tableRef, node, isTableScalingEnabled, undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
+        (0, _colgroup.insertColgroupFromNode)(tableRef, node, isTableScalingEnabled, undefined, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor);
       }
       tr.setMeta('scrollIntoView', false);
       return tr;

package/dist/cjs/pm-plugins/utils/drag-menu.js

@@ -212,7 +212,7 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
       });
     }
   }] : [];
-  var sortConfigs = (0, _toConsumableArray2.default)(sortOptions.map(function (_ref) {
+  var sortConfigs = sortOptions.map(function (_ref) {
     var label = _ref.label,
       order = _ref.order,
       icon = _ref.icon;
@@ -226,7 +226,7 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
         return true;
       }
     };
-  }));
+  });
   var restConfigs = [].concat((0, _toConsumableArray2.default)(addOptions.map(function (_ref2) {
     var label = _ref2.label,
       offset = _ref2.offset,

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

@@ -16,7 +16,7 @@ var _types = require("../../types");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
 var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidget(_ref) {
   var startIndex = _ref.startIndex,

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

@@ -254,4 +254,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     height: previewHeight
   }), previewContainer));
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var DragHandle = exports.DragHandle = (0, _reactIntl.injectIntl)(DragHandleComponent);

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

@@ -12,7 +12,7 @@ var _primitives = require("@atlaskit/primitives");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -58,8 +58,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/prefer-primitives */ /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+ */ /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var arrowsList = new Set(!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? ['ArrowRight', 'ArrowLeft'] : ['ArrowRight']);
 var elementBeforeIconStyles = (0, _primitives.xcss)({
   marginRight: 'space.negative.075',
@@ -819,8 +818,9 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       })));
     }
   }]);
-}(_react.Component);
+}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
 (0, _defineProperty2.default)(ContextualMenu, "defaultProps", {
   boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
-var _default = exports.default = (0, _reactIntl.injectIntl)(ContextualMenu);
+var _default_1 = (0, _reactIntl.injectIntl)(ContextualMenu);
+var _default = exports.default = _default_1;

package/dist/cjs/ui/FloatingDeleteButton/DeleteButton.js

@@ -46,4 +46,7 @@ var DeleteButton = function DeleteButton(_ref) {
     fillRule: "evenodd"
   }))));
 };
-var _default = exports.default = (0, _reactIntl.injectIntl)(DeleteButton);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = (0, _reactIntl.injectIntl)(DeleteButton);
+var _default = exports.default = _default_1;

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -592,4 +592,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     scrollableElement: scrollableElement
   }));
 });
-var _default = exports.default = (0, _reactIntl.injectIntl)(DragMenu);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = (0, _reactIntl.injectIntl)(DragMenu);
+var _default = exports.default = _default_1;

package/dist/cjs/ui/FloatingInsertButton/InsertButton.js

@@ -124,6 +124,8 @@ var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
     }, content))
   );
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var DragAndDropInsertButton = exports.DragAndDropInsertButton = (0, _reactIntl.injectIntl)(InsertButtonForDragAndDrop);
 var InsertButton = function InsertButton(_ref3) {
   var onMouseDown = _ref3.onMouseDown,
@@ -175,4 +177,7 @@ var InsertButton = function InsertButton(_ref3) {
     }, content))
   );
 };
-var _default = exports.default = (0, _reactIntl.injectIntl)(InsertButton);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = (0, _reactIntl.injectIntl)(InsertButton);
+var _default = exports.default = _default_1;

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

@@ -233,6 +233,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
       }
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component); // eslint-disable-next-line @typescript-eslint/ban-types
 (0, _defineProperty2.default)(FloatingInsertButton, "displayName", 'FloatingInsertButton');
-var _default = exports.default = (0, _reactIntl.injectIntl)(FloatingInsertButton);
+var _default_1 = (0, _reactIntl.injectIntl)(FloatingInsertButton);
+var _default = exports.default = _default_1;

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

@@ -13,7 +13,7 @@ var _tableSizeSelector = require("../../pm-plugins/table-size-selector");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
 var DEFAULT_TABLE_SELECTOR_COLS = 3;
 var DEFAULT_TABLE_SELECTOR_ROWS = 3;

package/dist/cjs/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -121,5 +121,5 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-}(_react.Component);
+}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
 var CornerControls = exports.CornerControls = (0, _reactIntl.injectIntl)(CornerControlComponent);

package/dist/cjs/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -110,5 +110,9 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     className: _types.TableCssClassName.DRAG_CORNER_BUTTON_INNER
   }));
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var DragCornerControlsWithSelection = exports.DragCornerControlsWithSelection = (0, _reactIntl.injectIntl)(DragCornerControlsComponentWithSelection);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var DragCornerControls = exports.DragCornerControls = (0, _reactIntl.injectIntl)(DragCornerControlsComponent);

package/dist/cjs/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -120,5 +120,5 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
       );
     }
   }]);
-}(_react.Component);
+}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
 var RowControls = exports.RowControls = (0, _reactIntl.injectIntl)(RowControlsComponent);

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

@@ -23,7 +23,7 @@ var _DragControls = require("./RowControls/DragControls");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
 var styles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/cjs/ui/global-styles.js

@@ -11,7 +11,7 @@ var _commonStyles = require("./common-styles");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
 var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
   var featureFlags = _ref.featureFlags,

package/dist/es2019/nodeviews/TableComponent.js

@@ -991,5 +991,8 @@ class TableComponent extends React.Component {
     }));
   }
 }
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 _defineProperty(TableComponent, "displayName", 'TableComponent');
-export default injectIntl(TableComponent);
+const _default_1 = injectIntl(TableComponent);
+export default _default_1;