@atlaskit/editor-plugin-table 7.5.12 → 7.5.13

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-table
 
+## 7.5.13
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+- Updated dependencies
+
 ## 7.5.12
 
 ### Patch Changes

package/commands/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/commands/index.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/commands/index.d.ts"
       ]

package/dist/cjs/commands/index.js

@@ -249,6 +249,12 @@ Object.defineProperty(exports, "triggerUnlessTableHeader", {
     return _misc.triggerUnlessTableHeader;
   }
 });
+Object.defineProperty(exports, "updateWidthToWidest", {
+  enumerable: true,
+  get: function get() {
+    return _misc.updateWidthToWidest;
+  }
+});
 var _hover = require("./hover");
 var _insert = require("./insert");
 var _toggle = require("./toggle");

package/dist/cjs/commands/misc.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateResizeHandleDecorations = exports.triggerUnlessTableHeader = exports.transformSliceToRemoveColumnsWidths = exports.transformSliceToAddTableHeaders = exports.transformSliceRemoveCellBackgroundColor = exports.showInsertRowButton = exports.showInsertColumnButton = exports.setTableRef = exports.setMultipleCellAttrs = exports.setEditorFocus = exports.setCellAttr = exports.selectRows = exports.selectRow = exports.selectColumns = exports.selectColumn = exports.removeResizeHandleDecorations = exports.moveCursorBackward = exports.isInsideFirstCellOfRowOrColumn = exports.hideInsertColumnOrRowButton = exports.getTableSelectionType = exports.getTableElementMoveTypeBySlice = exports.deleteTableIfSelected = exports.deleteTable = exports.countCellsInSlice = exports.convertFirstRowToHeader = exports.autoSizeTable = exports.addResizeHandleDecorations = exports.addBoldInEmptyHeaderCells = void 0;
+exports.updateWidthToWidest = exports.updateResizeHandleDecorations = exports.triggerUnlessTableHeader = exports.transformSliceToRemoveColumnsWidths = exports.transformSliceToAddTableHeaders = exports.transformSliceRemoveCellBackgroundColor = exports.showInsertRowButton = exports.showInsertColumnButton = exports.setTableRef = exports.setMultipleCellAttrs = exports.setEditorFocus = exports.setCellAttr = exports.selectRows = exports.selectRow = exports.selectColumns = exports.selectColumn = exports.removeResizeHandleDecorations = exports.moveCursorBackward = exports.isInsideFirstCellOfRowOrColumn = exports.hideInsertColumnOrRowButton = exports.getTableSelectionType = exports.getTableElementMoveTypeBySlice = exports.deleteTableIfSelected = exports.deleteTable = exports.countCellsInSlice = exports.convertFirstRowToHeader = exports.autoSizeTable = exports.addResizeHandleDecorations = exports.addBoldInEmptyHeaderCells = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("@atlaskit/editor-common/utils");
@@ -561,4 +561,19 @@ var addBoldInEmptyHeaderCells = exports.addBoldInEmptyHeaderCells = function add
     }
     return false;
   };
+};
+var updateWidthToWidest = exports.updateWidthToWidest = function updateWidthToWidest(widthToWidest) {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    var _getPluginState4 = (0, _pluginFactory.getPluginState)(state),
+      prevWidthToWidest = _getPluginState4.widthToWidest;
+    if (prevWidthToWidest === widthToWidest) {
+      return false;
+    }
+    return {
+      type: 'UPDATE_TABLE_WIDTH_TO_WIDEST',
+      data: {
+        widthToWidest: widthToWidest
+      }
+    };
+  });
 };

package/dist/cjs/nodeviews/TableResizer.js

@@ -18,8 +18,10 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _resizer = require("@atlaskit/editor-common/resizer");
 var _utils = require("@atlaskit/editor-common/utils");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _misc = require("../commands/misc");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _tableAnalytics = require("../pm-plugins/table-analytics");
 var _utils3 = require("../pm-plugins/table-resizing/utils");
@@ -190,6 +192,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     }
   }, [startMeasure, editorView, displayGapCursor, isTableScalingEnabled, containerWidth, displayGuideline, onResizeStart]);
   var handleResize = (0, _react.useCallback)(function (originalState, delta) {
+    var _defaultGuidelinesFor;
     countFrames();
     var newWidth = originalState.width + delta.width;
     var pos;
@@ -208,7 +211,17 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       parentWidth: newWidth
     }, editorView.domAtPos.bind(editorView), isTableScalingEnabled);
     updateActiveGuidelines((0, _snapping.findClosestSnap)(newWidth, isTableScalingEnabled ? (0, _snapping.defaultTablePreserveSnappingWidths)(containerWidth) : _snapping.defaultSnappingWidths, isTableScalingEnabled ? (0, _guidelines.defaultGuidelinesForPreserveTable)(containerWidth) : _guidelines.defaultGuidelines, _consts.TABLE_HIGHLIGHT_GAP, _consts.TABLE_HIGHLIGHT_TOLERANCE));
-    updateWidth(newWidth);
+
+    // when isTableScalingEnabled true
+    // and a table is resized to fit the widest guideline when view port width is between 1011 and 1800
+    // set the width of the table to 1800 pixels.
+    var state = editorView.state,
+      dispatch = editorView.dispatch;
+    var widestGuideLineWidthString = (_defaultGuidelinesFor = (0, _guidelines.defaultGuidelinesForPreserveTable)(containerWidth)[16].key) === null || _defaultGuidelinesFor === void 0 || (_defaultGuidelinesFor = _defaultGuidelinesFor.match(/[\d]*[.]{0,1}[\d]+/g)) === null || _defaultGuidelinesFor === void 0 ? void 0 : _defaultGuidelinesFor.join('');
+    var widestGuideLineWidth = parseInt(widestGuideLineWidthString || '', 10);
+    var shouldUpdateWidthToWidest = !!(isTableScalingEnabled && (0, _guidelines.defaultGuidelinesForPreserveTable)(containerWidth).length === 17 && widestGuideLineWidth - newWidth <= 1);
+    (0, _misc.updateWidthToWidest)(shouldUpdateWidthToWidest)(state, dispatch);
+    updateWidth(shouldUpdateWidthToWidest ? _editorSharedStyles.akEditorFullWidthLayoutWidth : newWidth);
     return newWidth;
   }, [countFrames, isTableScalingEnabled, tableRef, node, editorView, updateActiveGuidelines, containerWidth, updateWidth, getPos]);
   var scheduleResize = (0, _react.useMemo)(function () {
@@ -220,6 +233,9 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
     var pos = getPos();
+    var _getPluginState2 = (0, _pluginFactory.getPluginState)(editorView.state),
+      widthToWidest = _getPluginState2.widthToWidest;
+    newWidth = widthToWidest ? _editorSharedStyles.akEditorFullWidthLayoutWidth : newWidth;
     var tr = state.tr.setMeta(_tableWidth.pluginKey, {
       resizing: false
     });

package/dist/cjs/reducer.js

@@ -94,6 +94,7 @@ var _default = exports.default = function _default(pluginState, action) {
         isResizeHandleWidgetAdded: false,
         isKeyboardResize: undefined
       });
+    case 'UPDATE_TABLE_WIDTH_TO_WIDEST':
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':

package/dist/es2019/commands/index.js

@@ -2,7 +2,7 @@ export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clear
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './toggle';
 export { clearMultipleCells } from './clear';
-export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations } from './misc';
+export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, updateWidthToWidest } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';
 export { removeDescendantNodes } from './referentiality';

package/dist/es2019/commands/misc.js

@@ -522,4 +522,18 @@ export const addBoldInEmptyHeaderCells = tableCellHeader => (state, dispatch) =>
     return true;
   }
   return false;
-};
+};
+export const updateWidthToWidest = widthToWidest => createCommand(state => {
+  let {
+    widthToWidest: prevWidthToWidest
+  } = getPluginState(state);
+  if (prevWidthToWidest === widthToWidest) {
+    return false;
+  }
+  return {
+    type: 'UPDATE_TABLE_WIDTH_TO_WIDEST',
+    data: {
+      widthToWidest
+    }
+  };
+});

package/dist/es2019/nodeviews/TableResizer.js

@@ -8,8 +8,10 @@ import { focusTableResizer, ToolTipContent } from '@atlaskit/editor-common/keyma
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import { browser } from '@atlaskit/editor-common/utils';
+import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { updateWidthToWidest } from '../commands/misc';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import { COLUMN_MIN_WIDTH, getColgroupChildrenLength, previewScaleTable, scaleTable } from '../pm-plugins/table-resizing/utils';
@@ -181,6 +183,7 @@ export const TableResizer = ({
     }
   }, [startMeasure, editorView, displayGapCursor, isTableScalingEnabled, containerWidth, displayGuideline, onResizeStart]);
   const handleResize = useCallback((originalState, delta) => {
+    var _defaultGuidelinesFor, _defaultGuidelinesFor2;
     countFrames();
     const newWidth = originalState.width + delta.width;
     let pos;
@@ -199,18 +202,34 @@ export const TableResizer = ({
       parentWidth: newWidth
     }, editorView.domAtPos.bind(editorView), isTableScalingEnabled);
     updateActiveGuidelines(findClosestSnap(newWidth, isTableScalingEnabled ? defaultTablePreserveSnappingWidths(containerWidth) : defaultSnappingWidths, isTableScalingEnabled ? defaultGuidelinesForPreserveTable(containerWidth) : defaultGuidelines, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE));
-    updateWidth(newWidth);
+
+    // when isTableScalingEnabled true
+    // and a table is resized to fit the widest guideline when view port width is between 1011 and 1800
+    // set the width of the table to 1800 pixels.
+    const {
+      state,
+      dispatch
+    } = editorView;
+    const widestGuideLineWidthString = (_defaultGuidelinesFor = defaultGuidelinesForPreserveTable(containerWidth)[16].key) === null || _defaultGuidelinesFor === void 0 ? void 0 : (_defaultGuidelinesFor2 = _defaultGuidelinesFor.match(/[\d]*[.]{0,1}[\d]+/g)) === null || _defaultGuidelinesFor2 === void 0 ? void 0 : _defaultGuidelinesFor2.join('');
+    const widestGuideLineWidth = parseInt(widestGuideLineWidthString || '', 10);
+    const shouldUpdateWidthToWidest = !!(isTableScalingEnabled && defaultGuidelinesForPreserveTable(containerWidth).length === 17 && widestGuideLineWidth - newWidth <= 1);
+    updateWidthToWidest(shouldUpdateWidthToWidest)(state, dispatch);
+    updateWidth(shouldUpdateWidthToWidest ? akEditorFullWidthLayoutWidth : newWidth);
     return newWidth;
   }, [countFrames, isTableScalingEnabled, tableRef, node, editorView, updateActiveGuidelines, containerWidth, updateWidth, getPos]);
   const scheduleResize = useMemo(() => rafSchd(handleResize), [handleResize]);
   const handleResizeStop = useCallback((originalState, delta) => {
     isResizing.current = false;
-    const newWidth = originalState.width + delta.width;
+    let newWidth = originalState.width + delta.width;
     const {
       state,
       dispatch
     } = editorView;
     const pos = getPos();
+    const {
+      widthToWidest
+    } = getPluginState(editorView.state);
+    newWidth = widthToWidest ? akEditorFullWidthLayoutWidth : newWidth;
     let tr = state.tr.setMeta(tableWidthPluginKey, {
       resizing: false
     });

package/dist/es2019/reducer.js

@@ -111,6 +111,7 @@ export default ((pluginState, action) => {
         isResizeHandleWidgetAdded: false,
         isKeyboardResize: undefined
       };
+    case 'UPDATE_TABLE_WIDTH_TO_WIDEST':
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':

package/dist/esm/commands/index.js

@@ -2,7 +2,7 @@ export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clear
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './toggle';
 export { clearMultipleCells } from './clear';
-export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations } from './misc';
+export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, updateWidthToWidest } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';
 export { removeDescendantNodes } from './referentiality';

package/dist/esm/commands/misc.js

@@ -554,4 +554,19 @@ export var addBoldInEmptyHeaderCells = function addBoldInEmptyHeaderCells(tableC
     }
     return false;
   };
+};
+export var updateWidthToWidest = function updateWidthToWidest(widthToWidest) {
+  return createCommand(function (state) {
+    var _getPluginState4 = getPluginState(state),
+      prevWidthToWidest = _getPluginState4.widthToWidest;
+    if (prevWidthToWidest === widthToWidest) {
+      return false;
+    }
+    return {
+      type: 'UPDATE_TABLE_WIDTH_TO_WIDEST',
+      data: {
+        widthToWidest: widthToWidest
+      }
+    };
+  });
 };

package/dist/esm/nodeviews/TableResizer.js

@@ -12,8 +12,10 @@ import { focusTableResizer, ToolTipContent } from '@atlaskit/editor-common/keyma
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import { browser } from '@atlaskit/editor-common/utils';
+import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { updateWidthToWidest } from '../commands/misc';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import { COLUMN_MIN_WIDTH, getColgroupChildrenLength, previewScaleTable, scaleTable } from '../pm-plugins/table-resizing/utils';
@@ -180,6 +182,7 @@ export var TableResizer = function TableResizer(_ref) {
     }
   }, [startMeasure, editorView, displayGapCursor, isTableScalingEnabled, containerWidth, displayGuideline, onResizeStart]);
   var handleResize = useCallback(function (originalState, delta) {
+    var _defaultGuidelinesFor;
     countFrames();
     var newWidth = originalState.width + delta.width;
     var pos;
@@ -198,7 +201,17 @@ export var TableResizer = function TableResizer(_ref) {
       parentWidth: newWidth
     }, editorView.domAtPos.bind(editorView), isTableScalingEnabled);
     updateActiveGuidelines(findClosestSnap(newWidth, isTableScalingEnabled ? defaultTablePreserveSnappingWidths(containerWidth) : defaultSnappingWidths, isTableScalingEnabled ? defaultGuidelinesForPreserveTable(containerWidth) : defaultGuidelines, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE));
-    updateWidth(newWidth);
+
+    // when isTableScalingEnabled true
+    // and a table is resized to fit the widest guideline when view port width is between 1011 and 1800
+    // set the width of the table to 1800 pixels.
+    var state = editorView.state,
+      dispatch = editorView.dispatch;
+    var widestGuideLineWidthString = (_defaultGuidelinesFor = defaultGuidelinesForPreserveTable(containerWidth)[16].key) === null || _defaultGuidelinesFor === void 0 || (_defaultGuidelinesFor = _defaultGuidelinesFor.match(/[\d]*[.]{0,1}[\d]+/g)) === null || _defaultGuidelinesFor === void 0 ? void 0 : _defaultGuidelinesFor.join('');
+    var widestGuideLineWidth = parseInt(widestGuideLineWidthString || '', 10);
+    var shouldUpdateWidthToWidest = !!(isTableScalingEnabled && defaultGuidelinesForPreserveTable(containerWidth).length === 17 && widestGuideLineWidth - newWidth <= 1);
+    updateWidthToWidest(shouldUpdateWidthToWidest)(state, dispatch);
+    updateWidth(shouldUpdateWidthToWidest ? akEditorFullWidthLayoutWidth : newWidth);
     return newWidth;
   }, [countFrames, isTableScalingEnabled, tableRef, node, editorView, updateActiveGuidelines, containerWidth, updateWidth, getPos]);
   var scheduleResize = useMemo(function () {
@@ -210,6 +223,9 @@ export var TableResizer = function TableResizer(_ref) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
     var pos = getPos();
+    var _getPluginState2 = getPluginState(editorView.state),
+      widthToWidest = _getPluginState2.widthToWidest;
+    newWidth = widthToWidest ? akEditorFullWidthLayoutWidth : newWidth;
     var tr = state.tr.setMeta(tableWidthPluginKey, {
       resizing: false
     });

package/dist/esm/reducer.js

@@ -87,6 +87,7 @@ export default (function (pluginState, action) {
         isResizeHandleWidgetAdded: false,
         isKeyboardResize: undefined
       });
+    case 'UPDATE_TABLE_WIDTH_TO_WIDEST':
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':

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

@@ -2,7 +2,7 @@ export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clear
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout, } from './toggle';
 export { clearMultipleCells } from './clear';
-export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, } from './misc';
+export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, updateWidthToWidest, } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';
 export { removeDescendantNodes } from './referentiality';

package/dist/types/commands/misc.d.ts

@@ -33,3 +33,4 @@ export declare const autoSizeTable: (view: EditorView, node: PMNode, table: HTML
     containerWidth: number;
 }) => boolean;
 export declare const addBoldInEmptyHeaderCells: (tableCellHeader: ContentNodeWithPos) => Command;
+export declare const updateWidthToWidest: (widthToWidest: boolean) => Command;

package/dist/types/pm-plugins/analytics/plugin-factory.d.ts

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;

package/dist/types/pm-plugins/drag-and-drop/plugin-factory.d.ts

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState;

package/dist/types/pm-plugins/plugin-factory.d.ts

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("../types").TablePluginState | ((state: import("prosemirror-state").EditorState) => import("../types").TablePluginState)) => import("prosemirror-state").SafeStateField<import("../types").TablePluginState>, createCommand: <A = import("../types").TablePluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("../types").TablePluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("../types").TablePluginState | ((state: import("prosemirror-state").EditorState) => import("../types").TablePluginState)) => import("prosemirror-state").SafeStateField<import("../types").TablePluginState>, createCommand: <A = import("../types").TablePluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("../types").TablePluginState;

package/dist/types/pm-plugins/sticky-headers/plugin-state.d.ts

@@ -1,3 +1,3 @@
 import type { StickyPluginAction, StickyPluginState } from './types';
-declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: StickyPluginState | ((state: import("prosemirror-state").EditorState) => StickyPluginState)) => import("prosemirror-state").SafeStateField<StickyPluginState>, createCommand: <A = StickyPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
+declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: StickyPluginState | ((state: import("prosemirror-state").EditorState) => StickyPluginState)) => import("prosemirror-state").SafeStateField<StickyPluginState>, createCommand: <A = StickyPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
 export { createPluginState, createCommand };

package/dist/types/pm-plugins/table-resizing/plugin-factory.d.ts

@@ -1,4 +1,4 @@
 import type { ColumnResizingPluginState } from '../../types';
 export declare const createCommand: <A = import("../../types").ColumnResizingPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: ColumnResizingPluginState | ((state: import("prosemirror-state").EditorState) => ColumnResizingPluginState)) => import("prosemirror-state").SafeStateField<ColumnResizingPluginState>;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: ColumnResizingPluginState | ((state: import("prosemirror-state").EditorState) => ColumnResizingPluginState)) => import("prosemirror-state").SafeStateField<ColumnResizingPluginState>;
 export declare const getPluginState: (state: import("prosemirror-state").EditorState) => ColumnResizingPluginState;

package/dist/types/types.d.ts

@@ -83,6 +83,7 @@ export interface TablePluginState {
     isKeyboardResize?: boolean;
     isTableCollapsed?: boolean;
     canCollapseTable?: boolean;
+    widthToWidest?: boolean;
     getIntl: () => IntlShape;
     isBreakoutEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
@@ -168,6 +169,11 @@ export type TablePluginAction = {
         resizeHandleColumnIndex: number | undefined;
         resizeHandleIncludeTooltip: boolean | undefined;
     };
+} | {
+    type: 'UPDATE_TABLE_WIDTH_TO_WIDEST';
+    data: {
+        widthToWidest: boolean | undefined;
+    };
 } | {
     type: 'REMOVE_RESIZE_HANDLE_DECORATIONS';
     data: {

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

@@ -21,7 +21,7 @@ type DragHandleProps = {
     editorView: EditorView;
     isDragMenuTarget: boolean;
 };
-export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps<"intl">>;
+export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
 };
 export {};

package/dist/types/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -50,7 +50,7 @@ export declare class ContextualMenu extends Component<Props & WrappedComponentPr
     private closeSubmenu;
     private setColor;
 }
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/ui/FloatingDeleteButton/DeleteButton.d.ts

@@ -8,7 +8,7 @@ export interface ButtonProps {
     onMouseEnter?: (event: SyntheticEvent) => void;
     onMouseLeave?: (event: SyntheticEvent) => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts

@@ -27,7 +27,7 @@ type DragMenuProps = {
     isTableScalingEnabled?: boolean;
 };
 export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/ui/FloatingInsertButton/InsertButton.d.ts

@@ -9,10 +9,10 @@ export interface ButtonProps {
     hasStickyHeaders: boolean;
 }
 export declare const InsertButtonForDragAndDrop: ({ onMouseDown, tableRef, type, intl: { formatMessage }, hasStickyHeaders, }: ButtonProps & WrappedComponentProps) => JSX.Element;
-export declare const DragAndDropInsertButton: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+export declare const DragAndDropInsertButton: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps>;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps>;
 };
 export default _default;

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

@@ -29,7 +29,7 @@ export declare class FloatingInsertButton extends React.Component<Props & Wrappe
     private insertRow;
     private insertColumn;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -15,7 +15,7 @@ export interface Props {
     stickyHeader?: RowStickyState;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/ui/TableFloatingControls/CornerControls/ClassicCornerControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { CornerControlProps } from './types';
-export declare const CornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps<"intl">>;
+export declare const CornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps>;
 };

package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { CornerControlProps } from './types';
-export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps<"intl">>;
+export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps>;
 };

package/dist/types/ui/TableFloatingControls/RowControls/ClassicControls.d.ts

@@ -12,6 +12,6 @@ export interface Props {
     insertRowButtonIndex?: number;
     stickyTop?: number;
 }
-export declare const RowControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+export declare const RowControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };

package/dist/types/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -18,7 +18,7 @@ type DragControlsProps = {
     selectRows: (rowIndexes: number[]) => void;
     updateCellHoverLocation: (rowIndex: number) => void;
 };
-export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps<"intl">>;
+export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps>;
 };
 export {};

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

@@ -2,7 +2,7 @@ export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clear
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout, } from './toggle';
 export { clearMultipleCells } from './clear';
-export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, } from './misc';
+export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, updateWidthToWidest, } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';
 export { removeDescendantNodes } from './referentiality';

package/dist/types-ts4.5/commands/misc.d.ts

@@ -33,3 +33,4 @@ export declare const autoSizeTable: (view: EditorView, node: PMNode, table: HTML
     containerWidth: number;
 }) => boolean;
 export declare const addBoldInEmptyHeaderCells: (tableCellHeader: ContentNodeWithPos) => Command;
+export declare const updateWidthToWidest: (widthToWidest: boolean) => Command;

package/dist/types-ts4.5/pm-plugins/analytics/plugin-factory.d.ts

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;

package/dist/types-ts4.5/pm-plugins/drag-and-drop/plugin-factory.d.ts

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState;

package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("../types").TablePluginState | ((state: import("prosemirror-state").EditorState) => import("../types").TablePluginState)) => import("prosemirror-state").SafeStateField<import("../types").TablePluginState>, createCommand: <A = import("../types").TablePluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("../types").TablePluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("../types").TablePluginState | ((state: import("prosemirror-state").EditorState) => import("../types").TablePluginState)) => import("prosemirror-state").SafeStateField<import("../types").TablePluginState>, createCommand: <A = import("../types").TablePluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("../types").TablePluginState;

package/dist/types-ts4.5/pm-plugins/sticky-headers/plugin-state.d.ts

@@ -1,3 +1,3 @@
 import type { StickyPluginAction, StickyPluginState } from './types';
-declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: StickyPluginState | ((state: import("prosemirror-state").EditorState) => StickyPluginState)) => import("prosemirror-state").SafeStateField<StickyPluginState>, createCommand: <A = StickyPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
+declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: StickyPluginState | ((state: import("prosemirror-state").EditorState) => StickyPluginState)) => import("prosemirror-state").SafeStateField<StickyPluginState>, createCommand: <A = StickyPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
 export { createPluginState, createCommand };

package/dist/types-ts4.5/pm-plugins/table-resizing/plugin-factory.d.ts

@@ -1,4 +1,4 @@
 import type { ColumnResizingPluginState } from '../../types';
 export declare const createCommand: <A = import("../../types").ColumnResizingPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: ColumnResizingPluginState | ((state: import("prosemirror-state").EditorState) => ColumnResizingPluginState)) => import("prosemirror-state").SafeStateField<ColumnResizingPluginState>;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: ColumnResizingPluginState | ((state: import("prosemirror-state").EditorState) => ColumnResizingPluginState)) => import("prosemirror-state").SafeStateField<ColumnResizingPluginState>;
 export declare const getPluginState: (state: import("prosemirror-state").EditorState) => ColumnResizingPluginState;

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

@@ -83,6 +83,7 @@ export interface TablePluginState {
     isKeyboardResize?: boolean;
     isTableCollapsed?: boolean;
     canCollapseTable?: boolean;
+    widthToWidest?: boolean;
     getIntl: () => IntlShape;
     isBreakoutEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
@@ -168,6 +169,11 @@ export type TablePluginAction = {
         resizeHandleColumnIndex: number | undefined;
         resizeHandleIncludeTooltip: boolean | undefined;
     };
+} | {
+    type: 'UPDATE_TABLE_WIDTH_TO_WIDEST';
+    data: {
+        widthToWidest: boolean | undefined;
+    };
 } | {
     type: 'REMOVE_RESIZE_HANDLE_DECORATIONS';
     data: {

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

@@ -21,7 +21,7 @@ type DragHandleProps = {
     editorView: EditorView;
     isDragMenuTarget: boolean;
 };
-export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps<"intl">>;
+export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
 };
 export {};

package/dist/types-ts4.5/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -50,7 +50,7 @@ export declare class ContextualMenu extends Component<Props & WrappedComponentPr
     private closeSubmenu;
     private setColor;
 }
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/ui/FloatingDeleteButton/DeleteButton.d.ts

@@ -8,7 +8,7 @@ export interface ButtonProps {
     onMouseEnter?: (event: SyntheticEvent) => void;
     onMouseLeave?: (event: SyntheticEvent) => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts

@@ -27,7 +27,7 @@ type DragMenuProps = {
     isTableScalingEnabled?: boolean;
 };
 export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/ui/FloatingInsertButton/InsertButton.d.ts

@@ -9,10 +9,10 @@ export interface ButtonProps {
     hasStickyHeaders: boolean;
 }
 export declare const InsertButtonForDragAndDrop: ({ onMouseDown, tableRef, type, intl: { formatMessage }, hasStickyHeaders, }: ButtonProps & WrappedComponentProps) => JSX.Element;
-export declare const DragAndDropInsertButton: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+export declare const DragAndDropInsertButton: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps>;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps>;
 };
 export default _default;

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

@@ -29,7 +29,7 @@ export declare class FloatingInsertButton extends React.Component<Props & Wrappe
     private insertRow;
     private insertColumn;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -15,7 +15,7 @@ export interface Props {
     stickyHeader?: RowStickyState;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/ClassicCornerControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { CornerControlProps } from './types';
-export declare const CornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps<"intl">>;
+export declare const CornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { CornerControlProps } from './types';
-export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps<"intl">>;
+export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/ui/TableFloatingControls/RowControls/ClassicControls.d.ts

@@ -12,6 +12,6 @@ export interface Props {
     insertRowButtonIndex?: number;
     stickyTop?: number;
 }
-export declare const RowControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+export declare const RowControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };

package/dist/types-ts4.5/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -18,7 +18,7 @@ type DragControlsProps = {
     selectRows: (rowIndexes: number[]) => void;
     updateCellHoverLocation: (rowIndex: number) => void;
 };
-export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps<"intl">>;
+export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.5.12",
+  "version": "7.5.13",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,8 +30,8 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.6.0",
     "@atlaskit/custom-steps": "^0.0.15",
-    "@atlaskit/editor-common": "^78.15.0",
-    "@atlaskit/editor-palette": "1.5.2",
+    "@atlaskit/editor-common": "^78.17.0",
+    "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-content-insertion": "^1.0.0",
     "@atlaskit/editor-plugin-guideline": "^1.0.0",
@@ -46,10 +46,10 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-    "@atlaskit/primitives": "^5.0.0",
+    "@atlaskit/primitives": "^5.1.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "af:exports": {
     "./types": "./src/types.ts",
@@ -150,4 +150,4 @@
       "type": "boolean"
     }
   }
-}
+}

package/plugin-key/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/pm-plugins/plugin-key.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/pm-plugins/plugin-key.d.ts"
       ]

package/src/commands/index.ts

@@ -39,6 +39,7 @@ export {
   triggerUnlessTableHeader,
   addBoldInEmptyHeaderCells,
   addResizeHandleDecorations,
+  updateWidthToWidest,
 } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';

package/src/commands/misc.ts

@@ -778,3 +778,19 @@ export const addBoldInEmptyHeaderCells =
 
     return false;
   };
+
+export const updateWidthToWidest = (widthToWidest: boolean) =>
+  createCommand((state) => {
+    let { widthToWidest: prevWidthToWidest } = getPluginState(state);
+
+    if (prevWidthToWidest === widthToWidest) {
+      return false;
+    }
+
+    return {
+      type: 'UPDATE_TABLE_WIDTH_TO_WIDEST',
+      data: {
+        widthToWidest,
+      },
+    };
+  });

package/src/nodeviews/TableResizer.tsx

@@ -27,10 +27,12 @@ import { browser } from '@atlaskit/editor-common/utils';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { token } from '@atlaskit/tokens';
 
+import { updateWidthToWidest } from '../commands/misc';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import {
@@ -341,7 +343,30 @@ export const TableResizer = ({
           TABLE_HIGHLIGHT_TOLERANCE,
         ),
       );
-      updateWidth(newWidth);
+
+      // when isTableScalingEnabled true
+      // and a table is resized to fit the widest guideline when view port width is between 1011 and 1800
+      // set the width of the table to 1800 pixels.
+      const { state, dispatch } = editorView;
+      const widestGuideLineWidthString = defaultGuidelinesForPreserveTable(
+        containerWidth,
+      )[16]
+        .key?.match(/[\d]*[.]{0,1}[\d]+/g)
+        ?.join('');
+      const widestGuideLineWidth = parseInt(
+        widestGuideLineWidthString || '',
+        10,
+      );
+      const shouldUpdateWidthToWidest = !!(
+        isTableScalingEnabled &&
+        defaultGuidelinesForPreserveTable(containerWidth).length === 17 &&
+        widestGuideLineWidth - newWidth <= 1
+      );
+      updateWidthToWidest(shouldUpdateWidthToWidest)(state, dispatch);
+
+      updateWidth(
+        shouldUpdateWidthToWidest ? akEditorFullWidthLayoutWidth : newWidth,
+      );
 
       return newWidth;
     },
@@ -363,9 +388,11 @@ export const TableResizer = ({
   const handleResizeStop = useCallback<HandleResize>(
     (originalState, delta) => {
       isResizing.current = false;
-      const newWidth = originalState.width + delta.width;
+      let newWidth = originalState.width + delta.width;
       const { state, dispatch } = editorView;
       const pos = getPos();
+      const { widthToWidest } = getPluginState(editorView.state);
+      newWidth = widthToWidest ? akEditorFullWidthLayoutWidth : newWidth;
 
       let tr = state.tr.setMeta(tableWidthPluginKey, { resizing: false });
       const frameRateSamples = endMeasure();

package/src/reducer.ts

@@ -144,6 +144,7 @@ export default (
         isKeyboardResize: undefined,
       };
 
+    case 'UPDATE_TABLE_WIDTH_TO_WIDEST':
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':

package/src/types.ts

@@ -130,6 +130,7 @@ export interface TablePluginState {
   // for table wrap/collapse
   isTableCollapsed?: boolean; // is the current table already in an expand?
   canCollapseTable?: boolean; // enabled/disabled state of collapse option
+  widthToWidest?: boolean; // is the current table set to the widest width regarding view port
 
   getIntl: () => IntlShape;
 
@@ -217,6 +218,12 @@ export type TablePluginAction =
         resizeHandleIncludeTooltip: boolean | undefined;
       };
     }
+  | {
+      type: 'UPDATE_TABLE_WIDTH_TO_WIDEST';
+      data: {
+        widthToWidest: boolean | undefined;
+      };
+    }
   | {
       type: 'REMOVE_RESIZE_HANDLE_DECORATIONS';
       data: { decorationSet: DecorationSet };

package/types/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]

package/ui/common-styles/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../../dist/types/ui/common-styles.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../../dist/types-ts4.5/ui/common-styles.d.ts"
       ]

package/ui/consts/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../../dist/types/ui/consts.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../../dist/types-ts4.5/ui/consts.d.ts"
       ]