@atlaskit/editor-plugin-table 22.2.4 → 22.2.7

package/dist/esm/nodeviews/TableContainer.js

@@ -11,7 +11,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
-import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
+import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
 import { ALIGN_CENTER, ALIGN_START } from '../pm-plugins/utils/alignment';
 import { TableCssClassName as ClassName } from '../types';
@@ -208,7 +208,6 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   var _useMemo = 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
@@ -226,30 +225,39 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
         if (isTableScalingEnabled && Number.isFinite(lineLength) && lineLength !== undefined) {
           responsiveContainerWidth = lineLength;
         } else {
-          responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+          responsiveContainerWidth = containerWidth - padding * 2 - RESIZE_HANDLE_SPACING;
         }
       } else if (isCommentEditor) {
         responsiveContainerWidth = containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR;
+      } else if (isChromelessEditor && 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 - 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 - 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 && (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, expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? TABLE_MAX_WIDTH : TABLE_FULL_WIDTH);
+
+      // remove isCommentEditor check if platform_editor_table_resize_chromeless is cleaned up
+      var maxResizerWidth = expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? TABLE_MAX_WIDTH : 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;
   useEffect(function () {
@@ -299,7 +307,8 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
     pluginInjectionApi: pluginInjectionApi,
     onResizeStart: onResizeStart,
     onResizeStop: onResizeStop,
-    isCommentEditor: isCommentEditor
+    isCommentEditor: isCommentEditor,
+    isChromelessEditor: isChromelessEditor
   };
   var isLivePageViewMode = mode === 'view';
   return /*#__PURE__*/React.createElement(AlignmentTableContainerWrapper, {

package/dist/esm/nodeviews/TableResizer.js

@@ -24,7 +24,7 @@ import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plu
 import { updateWidthToWidest } from '../pm-plugins/commands/misc';
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import { getColgroupChildrenLength } from '../pm-plugins/table-resizing/utils/colgroup';
-import { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
+import { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
 import { previewScaleTable, scaleTable } from '../pm-plugins/table-resizing/utils/scale-table';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import { ALIGN_CENTER, ALIGN_START, normaliseAlignment, shouldChangeAlignmentToCenterResized } from '../pm-plugins/utils/alignment';
@@ -47,12 +47,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';
@@ -74,6 +74,15 @@ var getPadding = function getPadding(containerWidth) {
     exposure: true
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
+var getTableMaxWidth = function getTableMaxWidth(containerWidth, lineLength, isCommentEditor, isChromelessEditor) {
+  if (isCommentEditor) {
+    return Math.floor(containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR);
+  } else if (isChromelessEditor) {
+    return Number.isFinite(lineLength) && lineLength !== undefined ? lineLength : Math.floor(containerWidth - RESIZE_HANDLE_SPACING);
+  } else {
+    return expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? TABLE_MAX_WIDTH : TABLE_FULL_WIDTH;
+  }
+};
 
 /**
  * When guidelines are outside the viewport, filter them out, do not show
@@ -134,6 +143,7 @@ export var TableResizer = function TableResizer(_ref) {
     pluginInjectionApi = _ref.pluginInjectionApi,
     isFullWidthModeEnabled = _ref.isFullWidthModeEnabled,
     isCommentEditor = _ref.isCommentEditor,
+    isChromelessEditor = _ref.isChromelessEditor,
     disabled = _ref.disabled;
   var currentGap = useRef(0);
   // track resizing state - use ref over state to avoid re-render
@@ -152,6 +162,7 @@ export var TableResizer = function TableResizer(_ref) {
     setSnappingEnabled = _useState2[1];
   var _useIntl = 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 = useMemo(function () {
     return findTable(currentSelection);
@@ -283,7 +294,9 @@ export var TableResizer = function TableResizer(_ref) {
       return;
     }
     var editorContainerWidth = isFullWidthModeEnabled ? lineLength + 2 * getPadding(containerWidth) : containerWidth;
-    var closestSnap = !isCommentEditor && findClosestSnap(newWidth, isTableScalingEnabled ? defaultTablePreserveSnappingWidths(PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : defaultSnappingWidths, isTableScalingEnabled ? defaultGuidelinesForPreserveTable(PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : defaultGuidelines, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE);
+    var closestSnap =
+    // remove isCommentEditor check if platform_editor_table_resize_chromeless is cleaned up
+    (expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) && isFullPageAppearance || !isCommentEditor) && findClosestSnap(newWidth, isTableScalingEnabled ? defaultTablePreserveSnappingWidths(PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : defaultSnappingWidths, isTableScalingEnabled ? defaultGuidelinesForPreserveTable(PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, editorContainerWidth, excludeGuidelineConfig) : defaultGuidelines, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE);
     closestSnap && updateActiveGuidelines(closestSnap);
 
     // When snapping to the full width guideline, resize the table to be 1800px
@@ -294,21 +307,21 @@ export var TableResizer = function TableResizer(_ref) {
       return guideline.isFullWidth;
     })[0];
     var isFullWidthGuidelineActive = expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || 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 - TABLE_OFFSET_IN_COMMENT_EDITOR) : expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? TABLE_MAX_WIDTH : TABLE_FULL_WIDTH;
-    var shouldUpdateWidthToWidest = isCommentEditor ? tableMaxWidth <= newWidth : !!isTableScalingEnabled && isFullWidthGuidelineActive;
-    var previewParentWidth = isCommentEditor && shouldUpdateWidthToWidest ? tableMaxWidth : newWidth;
+    var tableMaxWidth = expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) ? getTableMaxWidth(containerWidth, lineLength, isCommentEditor, isChromelessEditor) : isCommentEditor ? Math.floor(containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR) : expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? TABLE_MAX_WIDTH : TABLE_FULL_WIDTH;
+    var shouldUpdateWidthToWidest = expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? tableMaxWidth <= newWidth : !!isTableScalingEnabled && isFullWidthGuidelineActive;
+    var previewParentWidth = (expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor) && shouldUpdateWidthToWidest ? tableMaxWidth : newWidth;
     previewScaleTable(tableRef, {
       node: node,
       prevNode: node,
       start: pos + 1,
       parentWidth: previewParentWidth
-    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, allowFixedColumnWidthOption, isCommentEditor);
+    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, allowFixedColumnWidthOption, expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) ? !isFullPageAppearance : isCommentEditor);
     chainCommands(function (state, dispatch) {
       return switchToCenterAlignment(pos, node, newWidth, state, dispatch);
     }, updateWidthToWidest(_defineProperty({}, 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 = useMemo(function () {
     return rafSchd(handleResize);
   }, [handleResize]);
@@ -321,7 +334,7 @@ export var 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 = 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
     : expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? TABLE_MAX_WIDTH : TABLE_FULL_WIDTH;
     newWidth = widthToWidest && currentTableNodeLocalId && widthToWidest[currentTableNodeLocalId] ? tableMaxWidth : newWidth;
     var tr = state.tr.setMeta(tableWidthPluginKey, {
@@ -362,8 +375,9 @@ export var 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: expValEquals('platform_editor_table_resize_chromeless', 'isEnabled', true) && !isFullPageAppearance || isCommentEditor ? originalNewWidth : newWidth
+      }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, 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
@@ -399,7 +413,7 @@ export var TableResizer = function TableResizer(_ref) {
       (_insm$session2 = 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 = useCallback(function (step) {
     var newWidth = width + step;
     if (newWidth < resizerMinWidth) {

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

@@ -1,7 +1,10 @@
 import { AnalyticPluginTypes } from './actions';
 import { createCommand, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
+// eslint-disable-next-line import/order
 import { getMovedPayload } from './utils/moved-event';
+// eslint-disable-next-line import/order
+
 export var updateRowOrColumnMoved = function updateRowOrColumnMoved(nextState, nextAction) {
   return createCommand(function (state) {
     var _getPluginState = getPluginState(state),

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

@@ -5,7 +5,10 @@ import { TableDecorations } from '../../types';
 import { createCommand, getPluginState } from '../plugin-factory';
 import { createCellHoverDecoration, createColumnLineResize, createControlsHoverDecoration } from '../utils/decoration';
 import { getMergedCellsPositions } from '../utils/table';
+// eslint-disable-next-line import/order
 import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations';
+// eslint-disable-next-line import/order
+
 var makeArray = function makeArray(n) {
   return Array.from(Array(n).keys());
 };

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

@@ -1,5 +1,8 @@
 import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
+// eslint-disable-next-line import/order
 import { createCommand } from '../plugin-factory';
+// eslint-disable-next-line import/order
+
 export var removeDescendantNodes = function removeDescendantNodes(sourceNode) {
   return createCommand({
     type: 'UPDATE_STATE',

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

@@ -6,6 +6,10 @@ import { DragAndDropActionType } from './actions';
 import { DropTargetType } from './consts';
 import { createCommand, getPluginState } from './plugin-factory';
 import { pluginKey } from './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/esm/pm-plugins/drag-and-drop/plugin.js

@@ -20,6 +20,8 @@ import { DropTargetType } from './consts';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { getDraggableDataFromEvent } from './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 ? [monitorForElements({

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

@@ -1,6 +1,9 @@
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
 import { unsafeOverflowAutoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/element';
+// eslint-disable-next-line import/order
 import { dropTargetExtendedWidth } from '../../../ui/consts';
+// eslint-disable-next-line import/order
+
 export var autoScrollerFactory = function autoScrollerFactory(_ref) {
   var tableWrapper = _ref.tableWrapper,
     getNode = _ref.getNode;

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

@@ -1,3 +1,5 @@
+// eslint-disable-next-line import/order
+
 import { createCommand } from './plugin-state';
 export var updateStickyState = function updateStickyState(rowState) {
   return createCommand({

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

@@ -4,7 +4,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 import { pluginFactory } from '@atlaskit/editor-common/utils';
 import { pluginKey } from './plugin-key';
+// eslint-disable-next-line import/order
 import reducer from './reducer';
+// 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/esm/pm-plugins/table-resizing/utils/colgroup.js

@@ -94,7 +94,7 @@ export var generateColgroupFromNode = function generateColgroupFromNode(table, i
   });
   return cols;
 };
-export var generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
+export var generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor) {
   var cols = [];
   var map = TableMap.get(table);
 
@@ -109,7 +109,7 @@ export var generateColgroup = function generateColgroup(table, tableRef, shouldU
         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 = getScalingPercentForTableWithoutWidth(table, tableRef);
         } else {
           scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
@@ -149,14 +149,14 @@ export var insertColgroupFromNode = function insertColgroupFromNode(tableRef, ta
   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);
   }
@@ -186,8 +186,8 @@ export var isMinCellWidthTable = function isMinCellWidthTable(table) {
   });
   return isTableMinCellWidth;
 };
-function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
-  var rendered = DOMSerializer.renderSpec(document, ['colgroup', {}].concat(_toConsumableArray(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentEditor))));
+function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor) {
+  var rendered = DOMSerializer.renderSpec(document, ['colgroup', {}].concat(_toConsumableArray(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor))));
 
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting

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

@@ -8,4 +8,5 @@ export var MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = 0.4;
 export var TABLE_EDITOR_MARGIN = 76;
 var COMMENT_AK_EDITOR_CONTENT_AREA_PADDING = 20;
 var COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN = 12;
-export var TABLE_OFFSET_IN_COMMENT_EDITOR = 2 * (COMMENT_AK_EDITOR_CONTENT_AREA_PADDING + COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN);
+export var TABLE_OFFSET_IN_COMMENT_EDITOR = 2 * (COMMENT_AK_EDITOR_CONTENT_AREA_PADDING + COMMENT_PM_TABLE_RESIZING_PLUGIN_MARGIN);
+export var RESIZE_HANDLE_SPACING = 12;

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

@@ -107,7 +107,7 @@ export function scaleTableTo(state, maxSize) {
 export var 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;
@@ -130,7 +130,7 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, 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);
@@ -143,7 +143,7 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
 export var 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;
@@ -158,7 +158,7 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
       // To force reflow of columns upon delete.
       if (!isTableScalingEnabledOnCurrentTable) {
         var isTableScalingEnabled = false;
-        insertColgroupFromNode(tableRef, node, isTableScalingEnabled, undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
+        insertColgroupFromNode(tableRef, node, isTableScalingEnabled, undefined, shouldUseIncreasedScalingPercent, isCommentOrChromelessEditor);
       }
       tr.setMeta('scrollIntoView', false);
       return tr;

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

@@ -205,7 +205,7 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
       });
     }
   }] : [];
-  var sortConfigs = _toConsumableArray(sortOptions.map(function (_ref) {
+  var sortConfigs = sortOptions.map(function (_ref) {
     var label = _ref.label,
       order = _ref.order,
       icon = _ref.icon;
@@ -219,7 +219,7 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
         return true;
       }
     };
-  }));
+  });
   var restConfigs = [].concat(_toConsumableArray(addOptions.map(function (_ref2) {
     var label = _ref2.label,
       offset = _ref2.offset,

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @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 */
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl';
 import { startColumnResizing, ToolTipContent } from '@atlaskit/editor-common/keymaps';

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

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

package/dist/esm/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.js

@@ -2,7 +2,7 @@
  * @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 */
 import { jsx } from '@emotion/react';
 import { ButtonGroup } from '@atlaskit/button';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';

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

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import React, { Component } from 'react';
-// 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 */
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
@@ -814,7 +814,10 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(Component);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 _defineProperty(ContextualMenu, "defaultProps", {
   boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
-export default injectIntl(ContextualMenu);
+var _default_1 = injectIntl(ContextualMenu);
+export default _default_1;

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

@@ -39,4 +39,7 @@ var DeleteButton = function DeleteButton(_ref) {
     fillRule: "evenodd"
   }))));
 };
-export default injectIntl(DeleteButton);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = injectIntl(DeleteButton);
+export default _default_1;

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

@@ -581,4 +581,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     scrollableElement: scrollableElement
   }));
 });
-export default injectIntl(DragMenu);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = injectIntl(DragMenu);
+export default _default_1;

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

@@ -117,6 +117,8 @@ var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
     }, content))
   );
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export var DragAndDropInsertButton = injectIntl(InsertButtonForDragAndDrop);
 var InsertButton = function InsertButton(_ref3) {
   var onMouseDown = _ref3.onMouseDown,
@@ -168,4 +170,7 @@ var InsertButton = function InsertButton(_ref3) {
     }, content))
   );
 };
-export default injectIntl(InsertButton);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = injectIntl(InsertButton);
+export default _default_1;

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

@@ -225,5 +225,8 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(React.Component);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 _defineProperty(FloatingInsertButton, "displayName", 'FloatingInsertButton');
-export default injectIntl(FloatingInsertButton);
+var _default_1 = injectIntl(FloatingInsertButton);
+export default _default_1;

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

@@ -4,7 +4,7 @@
  */
 import { useCallback } from 'react';
 
-// 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 */
 import { jsx } from '@emotion/react';
 import { TableSelectorPopup } from '@atlaskit/editor-common/ui';
 import { pluginKey } from '../../pm-plugins/table-size-selector';

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

@@ -112,5 +112,5 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-}(Component);
+}(Component); // eslint-disable-next-line @typescript-eslint/ban-types
 export var CornerControls = injectIntl(CornerControlComponent);

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

@@ -101,5 +101,9 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     className: ClassName.DRAG_CORNER_BUTTON_INNER
   }));
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export var DragCornerControlsWithSelection = injectIntl(DragCornerControlsComponentWithSelection);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export var DragCornerControls = injectIntl(DragCornerControlsComponent);

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

@@ -111,5 +111,5 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
       );
     }
   }]);
-}(Component);
+}(Component); // eslint-disable-next-line @typescript-eslint/ban-types
 export var RowControls = injectIntl(RowControlsComponent);

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

@@ -4,8 +4,8 @@
  */
 import { Fragment, useCallback } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+/* 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 */
+import { jsx, css } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';

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

@@ -2,8 +2,8 @@
  * @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
-import { Global, jsx } from '@emotion/react';
+/* 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 */
+import { jsx, Global } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableStyles } from './common-styles';
 export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {

package/dist/types/nodeviews/TableComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IntlShape } from 'react-intl';
+import type { IntlShape, WithIntlProps } from 'react-intl';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -42,7 +42,7 @@ interface ComponentProps {
     tableActive: boolean;
     view: EditorView;
 }
-declare const _default: React.FC<import("react-intl").WithIntlProps<ComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ComponentProps>> & {
     WrappedComponent: React.ComponentType<ComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/nodeviews/TableResizer.d.ts

@@ -15,6 +15,7 @@ interface TableResizerProps {
     displayGuideline: (guideline: GuidelineConfig[]) => boolean;
     editorView: EditorView;
     getPos: () => number | undefined;
+    isChromelessEditor?: boolean;
     isCommentEditor?: boolean;
     isFullWidthModeEnabled?: boolean;
     isTableAlignmentEnabled?: boolean;
@@ -31,5 +32,5 @@ interface TableResizerProps {
     updateWidth: (width: number) => void;
     width: number;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, allowFixedColumnWidthOption, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, disabled, }: PropsWithChildren<TableResizerProps>) => React.JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, allowFixedColumnWidthOption, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, isChromelessEditor, disabled, }: PropsWithChildren<TableResizerProps>) => React.JSX.Element;
 export {};