@atlaskit/editor-plugin-table 22.2.5 → 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/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/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 {};

package/dist/types/pm-plugins/drag-and-drop/utils/autoscrollers.d.ts

@@ -4,5 +4,5 @@ type AutoScrollerFactory = {
     getNode: () => PmNode;
     tableWrapper: HTMLElement;
 };
-export declare const autoScrollerFactory: ({ tableWrapper, getNode }: AutoScrollerFactory) => CleanupFn[];
+export declare const autoScrollerFactory: ({ tableWrapper, getNode, }: AutoScrollerFactory) => CleanupFn[];
 export {};

package/dist/types/pm-plugins/table-resizing/utils/colgroup.d.ts

@@ -10,8 +10,8 @@ type Col = Array<string | {
  */
 export declare const getColWidthFix: (colwidth: number, tableColumnCount: number) => number;
 export declare const generateColgroupFromNode: (table: PmNode, isCommentEditor?: boolean, isChromelessEditor?: boolean, isNested?: boolean, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => Col[];
-export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Col[];
-export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => HTMLCollection;
+export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement, shouldUseIncreasedScalingPercent?: boolean, isCommentOrChromelessEditor?: boolean) => Col[];
+export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentOrChromelessEditor?: boolean) => HTMLCollection;
 export declare const hasTableBeenResized: (table: PmNode) => boolean;
 export declare const hasTableColumnBeenResized: (table: PmNode) => boolean;
 /**

package/dist/types/pm-plugins/table-resizing/utils/consts.d.ts

@@ -6,3 +6,4 @@ export declare const MAX_SCALING_PERCENT = 0.3;
 export declare const MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = 0.4;
 export declare const TABLE_EDITOR_MARGIN = 76;
 export declare const TABLE_OFFSET_IN_COMMENT_EDITOR: number;
+export declare const RESIZE_HANDLE_SPACING = 12;

package/dist/types/pm-plugins/table-resizing/utils/scale-table.d.ts

@@ -15,6 +15,6 @@ interface ScaleOptions {
     start: number;
 }
 export declare function scaleTableTo(state: ResizeState, maxSize: number): ResizeState;
-export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean, allowFixedColumnWidthOption?: boolean, isCommentEditor?: boolean) => void;
-export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, api: PluginInjectionAPI | undefined | null, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (tr: Transaction) => Transaction;
+export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean, allowFixedColumnWidthOption?: boolean, isCommentOrChromelessEditor?: boolean) => void;
+export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, api: PluginInjectionAPI | undefined | null, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentOrChromelessEditor?: boolean) => (tr: Transaction) => Transaction;
 export {};

package/dist/types/types/index.d.ts

@@ -404,8 +404,8 @@ export declare const TableCssClassName: {
     SELECTED_CELL: string;
     NODEVIEW_WRAPPER: string;
     TABLE_SELECTED: string;
-    TABLE_CELL: "pm-table-cell-content-wrap";
-    TABLE_HEADER_CELL: "pm-table-header-content-wrap";
+    TABLE_CELL: 'pm-table-cell-content-wrap';
+    TABLE_HEADER_CELL: 'pm-table-header-content-wrap';
     TABLE_STICKY: string;
     TABLE_CHROMELESS: string;
     TOP_LEFT_CELL: string;
@@ -427,30 +427,30 @@ export declare const TableCssClassName: {
     NATIVE_STICKY: string;
     NATIVE_STICKY_ACTIVE: string;
     NO_OVERFLOW: string;
-    TABLE_CELL_NODEVIEW_CONTENT_DOM: "pm-table-cell-nodeview-content-dom";
-    TABLE_CELL_WRAPPER: "pm-table-cell-content-wrap";
-    TABLE_COLUMN_CONTROLS_DECORATIONS: "pm-table-column-controls-decoration";
-    TABLE_CONTAINER: "pm-table-container";
-    TABLE_HEADER_CELL_WRAPPER: "pm-table-header-content-wrap";
-    TABLE_LEFT_BORDER: "pm-table-left-border";
-    TABLE_LEFT_SHADOW: "pm-table-with-left-shadow";
-    TABLE_NODE_WRAPPER: "pm-table-wrapper";
-    TABLE_NODE_WRAPPER_NO_OVERFLOW: "pm-table-wrapper-no-overflow";
-    TABLE_RESIZER_CONTAINER: "pm-table-resizer-container";
-    TABLE_RIGHT_BORDER: "pm-table-right-border";
-    TABLE_RIGHT_SHADOW: "pm-table-with-right-shadow";
-    TABLE_ROW_CONTROLS_WRAPPER: "pm-table-row-controls-wrapper";
-    TABLE_SCROLL_INLINE_SHADOW: "pm-table-scroll-inline-shadow";
-    TABLE_SHADOW_SENTINEL_LEFT: "pm-table-shadow-sentinel-left";
-    TABLE_SHADOW_SENTINEL_RIGHT: "pm-table-shadow-sentinel-right";
-    TABLE_STICKY_SCROLLBAR_CONTAINER: "pm-table-sticky-scrollbar-container";
-    TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: "pm-table-sticky-scrollbar-sentinel-bottom";
-    TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: "pm-table-sticky-scrollbar-sentinel-top";
-    TABLE_STICKY_SENTINEL_BOTTOM: "pm-table-sticky-sentinel-bottom";
-    TABLE_STICKY_SENTINEL_TOP: "pm-table-sticky-sentinel-top";
-    TABLE_STICKY_SHADOW: "pm-table-sticky-shadow";
-    TABLE_STICKY_WRAPPER: "pm-table-sticky-wrapper";
-    TABLE_VIEW_CONTENT_WRAP: "tableView-content-wrap";
+    TABLE_CELL_NODEVIEW_CONTENT_DOM: 'pm-table-cell-nodeview-content-dom';
+    TABLE_CELL_WRAPPER: 'pm-table-cell-content-wrap';
+    TABLE_COLUMN_CONTROLS_DECORATIONS: 'pm-table-column-controls-decoration';
+    TABLE_CONTAINER: 'pm-table-container';
+    TABLE_HEADER_CELL_WRAPPER: 'pm-table-header-content-wrap';
+    TABLE_LEFT_BORDER: 'pm-table-left-border';
+    TABLE_LEFT_SHADOW: 'pm-table-with-left-shadow';
+    TABLE_NODE_WRAPPER: 'pm-table-wrapper';
+    TABLE_NODE_WRAPPER_NO_OVERFLOW: 'pm-table-wrapper-no-overflow';
+    TABLE_RESIZER_CONTAINER: 'pm-table-resizer-container';
+    TABLE_RIGHT_BORDER: 'pm-table-right-border';
+    TABLE_RIGHT_SHADOW: 'pm-table-with-right-shadow';
+    TABLE_ROW_CONTROLS_WRAPPER: 'pm-table-row-controls-wrapper';
+    TABLE_SCROLL_INLINE_SHADOW: 'pm-table-scroll-inline-shadow';
+    TABLE_SHADOW_SENTINEL_LEFT: 'pm-table-shadow-sentinel-left';
+    TABLE_SHADOW_SENTINEL_RIGHT: 'pm-table-shadow-sentinel-right';
+    TABLE_STICKY_SCROLLBAR_CONTAINER: 'pm-table-sticky-scrollbar-container';
+    TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: 'pm-table-sticky-scrollbar-sentinel-bottom';
+    TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: 'pm-table-sticky-scrollbar-sentinel-top';
+    TABLE_STICKY_SENTINEL_BOTTOM: 'pm-table-sticky-sentinel-bottom';
+    TABLE_STICKY_SENTINEL_TOP: 'pm-table-sticky-sentinel-top';
+    TABLE_STICKY_SHADOW: 'pm-table-sticky-shadow';
+    TABLE_STICKY_WRAPPER: 'pm-table-sticky-wrapper';
+    TABLE_VIEW_CONTENT_WRAP: 'tableView-content-wrap';
 };
 export interface ToolbarMenuConfig {
     allowCollapse?: boolean;

package/dist/types/ui/ColumnResizeWidget/index.d.ts

@@ -8,5 +8,5 @@ type Props = {
     includeTooltip?: boolean;
     startIndex: number;
 };
-export declare const ColumnResizeWidget: ({ startIndex, endIndex, includeTooltip }: Props) => jsx.JSX.Element;
+export declare const ColumnResizeWidget: ({ startIndex, endIndex, includeTooltip, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/ui/consts.d.ts

@@ -1,23 +1,23 @@
 /**
  * Basic colors added to prevent content overflow in table cells.
  */
-export declare const tableCellBackgroundColor: "var(--ds-surface)";
-export declare const tableHeaderCellBackgroundColor: "var(--ds-background-accent-gray-subtlest)";
-export declare const tableToolbarColor: "var(--ds-background-neutral-subtle)";
-export declare const tableTextColor: "var(--ds-text-subtlest)";
-export declare const tableBorderColor: "var(--ds-background-accent-gray-subtler)";
-export declare const tableFloatingControlsColor: "var(--ds-background-neutral)";
-export declare const tableCellSelectedColor: "var(--ds-blanket-selected)";
-export declare const tableHeaderCellSelectedColor: "var(--ds-background-selected-pressed)";
-export declare const tableToolbarSelectedColor: "var(--ds-background-selected-pressed)";
-export declare const tableBorderSelectedColor: "var(--ds-border-focused)";
-export declare const tableCellSelectedDeleteIconColor: "var(--ds-icon-subtle)";
-export declare const tableCellSelectedDeleteIconBackground: "var(--ds-background-accent-gray-subtlest)";
-export declare const tableCellDeleteColor: "var(--ds-blanket-danger)";
-export declare const tableBorderDeleteColor: "var(--ds-border-danger)";
-export declare const tableToolbarDeleteColor: "var(--ds-background-danger-pressed)";
-export declare const tableCellHoverDeleteIconColor: "var(--ds-icon-inverse)";
-export declare const tableCellHoverDeleteIconBackground: "var(--ds-background-danger-bold)";
+export declare const tableCellBackgroundColor: 'var(--ds-surface)';
+export declare const tableHeaderCellBackgroundColor: 'var(--ds-background-accent-gray-subtlest)';
+export declare const tableToolbarColor: 'var(--ds-background-neutral-subtle)';
+export declare const tableTextColor: 'var(--ds-text-subtlest)';
+export declare const tableBorderColor: 'var(--ds-background-accent-gray-subtler)';
+export declare const tableFloatingControlsColor: 'var(--ds-background-neutral)';
+export declare const tableCellSelectedColor: 'var(--ds-blanket-selected)';
+export declare const tableHeaderCellSelectedColor: 'var(--ds-background-selected-pressed)';
+export declare const tableToolbarSelectedColor: 'var(--ds-background-selected-pressed)';
+export declare const tableBorderSelectedColor: 'var(--ds-border-focused)';
+export declare const tableCellSelectedDeleteIconColor: 'var(--ds-icon-subtle)';
+export declare const tableCellSelectedDeleteIconBackground: 'var(--ds-background-accent-gray-subtlest)';
+export declare const tableCellDeleteColor: 'var(--ds-blanket-danger)';
+export declare const tableBorderDeleteColor: 'var(--ds-border-danger)';
+export declare const tableToolbarDeleteColor: 'var(--ds-background-danger-pressed)';
+export declare const tableCellHoverDeleteIconColor: 'var(--ds-icon-inverse)';
+export declare const tableCellHoverDeleteIconBackground: 'var(--ds-background-danger-bold)';
 export declare const tableBorderRadiusSize = 3;
 export declare const tablePadding = 8;
 export declare const tableScrollbarOffset = 15;

package/dist/types-ts4.5/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 {};

package/dist/types-ts4.5/pm-plugins/drag-and-drop/utils/autoscrollers.d.ts

@@ -4,5 +4,5 @@ type AutoScrollerFactory = {
     getNode: () => PmNode;
     tableWrapper: HTMLElement;
 };
-export declare const autoScrollerFactory: ({ tableWrapper, getNode }: AutoScrollerFactory) => CleanupFn[];
+export declare const autoScrollerFactory: ({ tableWrapper, getNode, }: AutoScrollerFactory) => CleanupFn[];
 export {};

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/colgroup.d.ts

@@ -10,8 +10,8 @@ type Col = Array<string | {
  */
 export declare const getColWidthFix: (colwidth: number, tableColumnCount: number) => number;
 export declare const generateColgroupFromNode: (table: PmNode, isCommentEditor?: boolean, isChromelessEditor?: boolean, isNested?: boolean, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => Col[];
-export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Col[];
-export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => HTMLCollection;
+export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement, shouldUseIncreasedScalingPercent?: boolean, isCommentOrChromelessEditor?: boolean) => Col[];
+export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentOrChromelessEditor?: boolean) => HTMLCollection;
 export declare const hasTableBeenResized: (table: PmNode) => boolean;
 export declare const hasTableColumnBeenResized: (table: PmNode) => boolean;
 /**

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/consts.d.ts

@@ -6,3 +6,4 @@ export declare const MAX_SCALING_PERCENT = 0.3;
 export declare const MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = 0.4;
 export declare const TABLE_EDITOR_MARGIN = 76;
 export declare const TABLE_OFFSET_IN_COMMENT_EDITOR: number;
+export declare const RESIZE_HANDLE_SPACING = 12;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/scale-table.d.ts

@@ -15,6 +15,6 @@ interface ScaleOptions {
     start: number;
 }
 export declare function scaleTableTo(state: ResizeState, maxSize: number): ResizeState;
-export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean, allowFixedColumnWidthOption?: boolean, isCommentEditor?: boolean) => void;
-export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, api: PluginInjectionAPI | undefined | null, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (tr: Transaction) => Transaction;
+export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean, allowFixedColumnWidthOption?: boolean, isCommentOrChromelessEditor?: boolean) => void;
+export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, api: PluginInjectionAPI | undefined | null, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentOrChromelessEditor?: boolean) => (tr: Transaction) => Transaction;
 export {};

package/dist/types-ts4.5/types/index.d.ts

@@ -404,8 +404,8 @@ export declare const TableCssClassName: {
     SELECTED_CELL: string;
     NODEVIEW_WRAPPER: string;
     TABLE_SELECTED: string;
-    TABLE_CELL: "pm-table-cell-content-wrap";
-    TABLE_HEADER_CELL: "pm-table-header-content-wrap";
+    TABLE_CELL: 'pm-table-cell-content-wrap';
+    TABLE_HEADER_CELL: 'pm-table-header-content-wrap';
     TABLE_STICKY: string;
     TABLE_CHROMELESS: string;
     TOP_LEFT_CELL: string;
@@ -427,30 +427,30 @@ export declare const TableCssClassName: {
     NATIVE_STICKY: string;
     NATIVE_STICKY_ACTIVE: string;
     NO_OVERFLOW: string;
-    TABLE_CELL_NODEVIEW_CONTENT_DOM: "pm-table-cell-nodeview-content-dom";
-    TABLE_CELL_WRAPPER: "pm-table-cell-content-wrap";
-    TABLE_COLUMN_CONTROLS_DECORATIONS: "pm-table-column-controls-decoration";
-    TABLE_CONTAINER: "pm-table-container";
-    TABLE_HEADER_CELL_WRAPPER: "pm-table-header-content-wrap";
-    TABLE_LEFT_BORDER: "pm-table-left-border";
-    TABLE_LEFT_SHADOW: "pm-table-with-left-shadow";
-    TABLE_NODE_WRAPPER: "pm-table-wrapper";
-    TABLE_NODE_WRAPPER_NO_OVERFLOW: "pm-table-wrapper-no-overflow";
-    TABLE_RESIZER_CONTAINER: "pm-table-resizer-container";
-    TABLE_RIGHT_BORDER: "pm-table-right-border";
-    TABLE_RIGHT_SHADOW: "pm-table-with-right-shadow";
-    TABLE_ROW_CONTROLS_WRAPPER: "pm-table-row-controls-wrapper";
-    TABLE_SCROLL_INLINE_SHADOW: "pm-table-scroll-inline-shadow";
-    TABLE_SHADOW_SENTINEL_LEFT: "pm-table-shadow-sentinel-left";
-    TABLE_SHADOW_SENTINEL_RIGHT: "pm-table-shadow-sentinel-right";
-    TABLE_STICKY_SCROLLBAR_CONTAINER: "pm-table-sticky-scrollbar-container";
-    TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: "pm-table-sticky-scrollbar-sentinel-bottom";
-    TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: "pm-table-sticky-scrollbar-sentinel-top";
-    TABLE_STICKY_SENTINEL_BOTTOM: "pm-table-sticky-sentinel-bottom";
-    TABLE_STICKY_SENTINEL_TOP: "pm-table-sticky-sentinel-top";
-    TABLE_STICKY_SHADOW: "pm-table-sticky-shadow";
-    TABLE_STICKY_WRAPPER: "pm-table-sticky-wrapper";
-    TABLE_VIEW_CONTENT_WRAP: "tableView-content-wrap";
+    TABLE_CELL_NODEVIEW_CONTENT_DOM: 'pm-table-cell-nodeview-content-dom';
+    TABLE_CELL_WRAPPER: 'pm-table-cell-content-wrap';
+    TABLE_COLUMN_CONTROLS_DECORATIONS: 'pm-table-column-controls-decoration';
+    TABLE_CONTAINER: 'pm-table-container';
+    TABLE_HEADER_CELL_WRAPPER: 'pm-table-header-content-wrap';
+    TABLE_LEFT_BORDER: 'pm-table-left-border';
+    TABLE_LEFT_SHADOW: 'pm-table-with-left-shadow';
+    TABLE_NODE_WRAPPER: 'pm-table-wrapper';
+    TABLE_NODE_WRAPPER_NO_OVERFLOW: 'pm-table-wrapper-no-overflow';
+    TABLE_RESIZER_CONTAINER: 'pm-table-resizer-container';
+    TABLE_RIGHT_BORDER: 'pm-table-right-border';
+    TABLE_RIGHT_SHADOW: 'pm-table-with-right-shadow';
+    TABLE_ROW_CONTROLS_WRAPPER: 'pm-table-row-controls-wrapper';
+    TABLE_SCROLL_INLINE_SHADOW: 'pm-table-scroll-inline-shadow';
+    TABLE_SHADOW_SENTINEL_LEFT: 'pm-table-shadow-sentinel-left';
+    TABLE_SHADOW_SENTINEL_RIGHT: 'pm-table-shadow-sentinel-right';
+    TABLE_STICKY_SCROLLBAR_CONTAINER: 'pm-table-sticky-scrollbar-container';
+    TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: 'pm-table-sticky-scrollbar-sentinel-bottom';
+    TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: 'pm-table-sticky-scrollbar-sentinel-top';
+    TABLE_STICKY_SENTINEL_BOTTOM: 'pm-table-sticky-sentinel-bottom';
+    TABLE_STICKY_SENTINEL_TOP: 'pm-table-sticky-sentinel-top';
+    TABLE_STICKY_SHADOW: 'pm-table-sticky-shadow';
+    TABLE_STICKY_WRAPPER: 'pm-table-sticky-wrapper';
+    TABLE_VIEW_CONTENT_WRAP: 'tableView-content-wrap';
 };
 export interface ToolbarMenuConfig {
     allowCollapse?: boolean;

package/dist/types-ts4.5/ui/ColumnResizeWidget/index.d.ts

@@ -8,5 +8,5 @@ type Props = {
     includeTooltip?: boolean;
     startIndex: number;
 };
-export declare const ColumnResizeWidget: ({ startIndex, endIndex, includeTooltip }: Props) => jsx.JSX.Element;
+export declare const ColumnResizeWidget: ({ startIndex, endIndex, includeTooltip, }: Props) => jsx.JSX.Element;
 export {};