@atlaskit/editor-plugin-table 22.1.3 → 22.2.0

package/dist/esm/pm-plugins/decorations/plugin.js

@@ -16,8 +16,6 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
   var isResizing = (_tableWidthPluginKey$ = tableWidthPluginKey.getState(newState)) === null || _tableWidthPluginKey$ === void 0 ? void 0 : _tableWidthPluginKey$.resizing;
   var wasResizing = (_tableWidthPluginKey$2 = tableWidthPluginKey.getState(oldState)) === null || _tableWidthPluginKey$2 === void 0 ? void 0 : _tableWidthPluginKey$2.resizing;
   var _ref = tablePluginKey.getState(newState) || {},
-    _ref$isDragAndDropEna = _ref.isDragAndDropEnabled,
-    isDragAndDropEnabled = _ref$isDragAndDropEna === void 0 ? false : _ref$isDragAndDropEna,
     isInDanger = _ref.isInDanger,
     isTableHovered = _ref.isTableHovered;
   var changedResizing = isResizing !== wasResizing;
@@ -28,10 +26,7 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
   } else if (tr.docChanged || tr.selection instanceof CellSelection || changedResizing) {
     return buildColumnControlsDecorations({
       decorationSet: decorationSet,
-      tr: tr,
-      options: {
-        isDragAndDropEnabled: isDragAndDropEnabled
-      }
+      tr: tr
     });
   } else if (tr.selectionSet) {
     var _findTable, _findTable2;
@@ -46,10 +41,7 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
     if ((isInDanger || isTableHovered) && (!insideTable(newState) || ((_findTable = findTable(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = findTable(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
       return buildColumnControlsDecorations({
         decorationSet: decorationSet,
-        tr: tr,
-        options: {
-          isDragAndDropEnabled: isDragAndDropEnabled
-        }
+        tr: tr
       });
     }
   }

package/dist/esm/pm-plugins/decorations/utils/column-controls.js

@@ -1,9 +1,8 @@
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { findTable } from '@atlaskit/editor-tables/utils';
 import { TableDecorations } from '../../../types';
-import { createColumnControlsDecoration, createColumnSelectedDecoration, findColumnControlSelectedDecoration, findControlsHoverDecoration, updateDecorations } from '../../utils/decoration';
+import { createColumnSelectedDecoration, findColumnControlSelectedDecoration, findControlsHoverDecoration, updateDecorations } from '../../utils/decoration';
 import { composeDecorations } from './compose-decorations';
 var isColumnSelected = function isColumnSelected(tr) {
   return tr.selection instanceof CellSelection && tr.selection.isColSelection();
@@ -22,27 +21,18 @@ var maybeUpdateColumnSelectedDecoration = function maybeUpdateColumnSelectedDeco
   }
   return updateDecorations(tr.doc, decorationSet, createColumnSelectedDecoration(tr), TableDecorations.COLUMN_SELECTED);
 };
-var maybeUpdateColumnControlsDecoration = function maybeUpdateColumnControlsDecoration(_ref3) {
-  var decorationSet = _ref3.decorationSet,
-    tr = _ref3.tr;
-  var table = findTable(tr.selection);
-  if (!table) {
-    return decorationSet;
-  }
-  return updateDecorations(tr.doc, decorationSet, createColumnControlsDecoration(tr.selection), TableDecorations.COLUMN_CONTROLS_DECORATIONS);
-};
 
 // @see: https://product-fabric.atlassian.net/browse/ED-7304
-var removeColumnControlsSelectedDecoration = function removeColumnControlsSelectedDecoration(_ref4) {
-  var decorationSet = _ref4.decorationSet;
+var removeColumnControlsSelectedDecoration = function removeColumnControlsSelectedDecoration(_ref3) {
+  var decorationSet = _ref3.decorationSet;
   return decorationSet.remove(findColumnControlSelectedDecoration(decorationSet));
 };
 var hasColumnSelectedDecorations = function hasColumnSelectedDecorations(decorationSet) {
   return !!findColumnControlSelectedDecoration(decorationSet).length;
 };
-export var maybeUpdateColumnControlsSelectedDecoration = function maybeUpdateColumnControlsSelectedDecoration(_ref5) {
-  var decorationSet = _ref5.decorationSet,
-    tr = _ref5.tr;
+export var maybeUpdateColumnControlsSelectedDecoration = function maybeUpdateColumnControlsSelectedDecoration(_ref4) {
+  var decorationSet = _ref4.decorationSet,
+    tr = _ref4.tr;
   if (!hasColumnSelectedDecorations(decorationSet)) {
     return decorationSet;
   }
@@ -51,17 +41,10 @@ export var maybeUpdateColumnControlsSelectedDecoration = function maybeUpdateCol
     tr: tr
   });
 };
-export var buildColumnControlsDecorations = function buildColumnControlsDecorations(_ref6) {
-  var decorationSet = _ref6.decorationSet,
-    tr = _ref6.tr,
-    options = _ref6.options;
-  if (options.isDragAndDropEnabled) {
-    return composeDecorations([removeColumnControlsSelectedDecoration, removeControlsHoverDecoration, maybeUpdateColumnSelectedDecoration])({
-      decorationSet: decorationSet,
-      tr: tr
-    });
-  }
-  return composeDecorations([removeColumnControlsSelectedDecoration, removeControlsHoverDecoration, maybeUpdateColumnSelectedDecoration, maybeUpdateColumnControlsDecoration])({
+export var buildColumnControlsDecorations = function buildColumnControlsDecorations(_ref5) {
+  var decorationSet = _ref5.decorationSet,
+    tr = _ref5.tr;
+  return composeDecorations([removeColumnControlsSelectedDecoration, removeControlsHoverDecoration, maybeUpdateColumnSelectedDecoration])({
     decorationSet: decorationSet,
     tr: tr
   });

package/dist/esm/pm-plugins/utils/decoration.js

@@ -33,7 +33,7 @@ export var createCellHoverDecoration = function createCellHoverDecoration(cells)
     });
   });
 };
-export var createControlsHoverDecoration = function createControlsHoverDecoration(cells, type, tr, isDragAndDropEnable, hoveredIndexes, danger, selected) {
+export var createControlsHoverDecoration = function createControlsHoverDecoration(cells, type, tr, hoveredIndexes, danger, selected) {
   var table = findTable(tr.selection);
   if (!table) {
     return [];
@@ -85,13 +85,9 @@ export var createControlsHoverDecoration = function createControlsHoverDecoratio
     if (selected) {
       classes.push(ClassName.SELECTED_CELL);
     }
-    if (isDragAndDropEnable) {
-      if (type === 'column' || type === 'row') {
-        classes.pop();
-        classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
-      }
-    } else {
-      classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
+    if (type === 'column' || type === 'row') {
+      classes.pop();
+      classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
     }
     var key;
     switch (type) {
@@ -392,7 +388,7 @@ export var createResizeHandleDecoration = function createResizeHandleDecoration(
  * this function will return two decorations applying a new class `ClassName.WITH_RESIZE_LINE`
  * only on the cells: `C1` and `D1`.
  */
-export var createColumnLineResize = function createColumnLineResize(selection, cellColumnPositioning, isDragAndDropEnabled) {
+export var createColumnLineResize = function createColumnLineResize(selection, cellColumnPositioning) {
   var table = findTable(selection);
   if (!table || cellColumnPositioning.right === null) {
     return [];
@@ -403,7 +399,7 @@ export var createColumnLineResize = function createColumnLineResize(selection, c
   if (isLastColumn) {
     columnIndex -= 1;
   }
-  var decorationClassName = isDragAndDropEnabled ? isLastColumn ? ClassName.WITH_DRAG_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_DRAG_RESIZE_LINE : isLastColumn ? ClassName.WITH_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_RESIZE_LINE;
+  var decorationClassName = isLastColumn ? ClassName.WITH_DRAG_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_DRAG_RESIZE_LINE;
   var cellPositions = makeArray(map.height).map(function (rowIndex) {
     return map.map[map.width * rowIndex + columnIndex];
   }).filter(function (cellPosition, rowIndex) {

package/dist/esm/pm-plugins/utils/sticky-header.js

@@ -6,11 +6,11 @@ export var isAnchorSupported = memorizeOne(function () {
   }
   return false;
 });
-export var isNativeStickySupported = function isNativeStickySupported(isDragAndDropEnabled) {
+export var isNativeStickySupported = function isNativeStickySupported() {
   var safariVersion = getBrowserInfo().safari_version;
   var isBrowserSafari = !Number.isNaN(safariVersion);
   return (
     // Safari has a bug with position: sticky and content editable, so we don't support it
-    !isBrowserSafari && isAnchorSupported() && isDragAndDropEnabled
+    !isBrowserSafari && isAnchorSupported()
   );
 };

package/dist/esm/pm-plugins/utils/tableMode.js

@@ -72,42 +72,74 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
 };
 
 /**
- * Used to measure a selected table width with it's content being laid out natively by the browser
+ * Temporarily overrides inline styles on the table and its surrounding containers so the browser
+ * lays columns out with `table-layout: auto`, takes a content-width measurement, and then
+ * **resets every modified style** so no temporary overrides leak into the rendered output.
  */
-export var applyMeasuredWidthToSelectedTable = function applyMeasuredWidthToSelectedTable(view, api) {
-  var _api$analytics, _api$width$sharedStat, _api$width;
-  var tableObject = findTable(view.state.selection);
-  if (!tableObject) {
-    return;
-  }
-  var node = tableObject.node,
-    pos = tableObject.pos;
-  var tableState = api === null || api === void 0 ? void 0 : api.table.sharedState.currentState();
-  if (!(tableState !== null && tableState !== void 0 && tableState.tableRef)) {
-    return;
-  }
-  var tableRef = tableState.tableRef;
-
-  // Instead of dispatching a transaction to "strip widths" and then waiting
-  // for a rAF to measure natural column widths, instea directly update the DOM elements and
-  // take a measurement.
+export var measureTableWithAutoLayout = function measureTableWithAutoLayout(tableRef) {
   var cols = Array.from(tableRef.querySelectorAll(':scope > colgroup > col'));
   var contentWrap = tableRef.closest(".".concat(TableSharedCssClassName.TABLE_VIEW_CONTENT_WRAP));
   var resizerContainer = contentWrap === null || contentWrap === void 0 ? void 0 : contentWrap.querySelector(".".concat(TableSharedCssClassName.TABLE_RESIZER_CONTAINER));
   var resizerItem = resizerContainer === null || resizerContainer === void 0 ? void 0 : resizerContainer.querySelector('.resizer-item.display-handle');
+
+  // Capture current inline styles so we can restore them after measurement
+  var prevTableWidth = tableRef.style.width;
+  var prevTableLayout = tableRef.style.tableLayout;
+  var prevColWidths = cols.map(function (col) {
+    return col.style.width;
+  });
+  var prevResizerItemWidth = resizerItem === null || resizerItem === void 0 ? void 0 : resizerItem.style.width;
+
+  // Apply temporary styles for content-based measurement
   tableRef.style.width = '';
   tableRef.style.tableLayout = 'auto';
   cols.forEach(function (col) {
     return col.style.width = '';
   });
   if (resizerContainer) {
-    resizerContainer.style.width = 'max-content';
+    // favour CSS var to align with the table first render state, which gets reset
+    // once resized by user. By doing this we avoid the need to any 'reset' work after
+    // measurement and ensures it works if the table has been resized or not in the session.
+    resizerContainer.style.width = 'var(--ak-editor-table-width)';
     resizerContainer.style.setProperty('--ak-editor-table-width', 'max-content');
   }
   if (resizerItem) {
     resizerItem.style.width = 'max-content';
   }
   var measurement = getTableMeasurement(tableRef);
+
+  // Reset all inline styles back to their previous values
+  tableRef.style.width = prevTableWidth;
+  tableRef.style.tableLayout = prevTableLayout;
+  cols.forEach(function (col, i) {
+    return col.style.width = prevColWidths[i];
+  });
+  if (resizerItem) {
+    resizerItem.style.width = prevResizerItemWidth !== null && prevResizerItemWidth !== void 0 ? prevResizerItemWidth : '';
+  }
+  return measurement;
+};
+
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
+export var applyMeasuredWidthToSelectedTable = function applyMeasuredWidthToSelectedTable(view, api) {
+  var _api$analytics, _api$width$sharedStat, _api$width;
+  var tableObject = findTable(view.state.selection);
+  if (!tableObject) {
+    return;
+  }
+  var node = tableObject.node,
+    pos = tableObject.pos;
+  var tableState = api === null || api === void 0 ? void 0 : api.table.sharedState.currentState();
+  if (!(tableState !== null && tableState !== void 0 && tableState.tableRef)) {
+    return;
+  }
+
+  // Instead of dispatching a transaction to "strip widths" and then waiting
+  // for a rAF to measure natural column widths, directly update the DOM elements,
+  // take a measurement, and reset styles so no temporary overrides persist.
+  var measurement = measureTableWithAutoLayout(tableState.tableRef);
   var tr = applyTableMeasurement(view.state.tr, node, measurement, pos);
   api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
     action: TABLE_ACTION.FIT_TO_CONTENT_ON_DEMAND,

package/dist/esm/tablePlugin.js

@@ -350,8 +350,7 @@ var tablePlugin = function tablePlugin(_ref) {
                 },
                 eventType: EVENT_TYPE.TRACK
               })(tr);
-            },
-            dragAndDropEnabled: true
+            }
           });
         }
       }, {

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

@@ -41,7 +41,6 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     tableWrapper = props.tableWrapper,
     targetCellPosition = props.targetCellPosition,
     isCellMenuOpenByKeyboard = props.isCellMenuOpenByKeyboard,
-    isDragAndDropEnabled = props.isDragAndDropEnabled,
     formatMessage = props.intl.formatMessage; //  : Props & WrappedComponentProps
 
   var handleClick = function handleClick() {
@@ -94,7 +93,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
   }));
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
   var parentStickyNative = targetCellRef.parentElement && (fg('platform_editor_table_sticky_header_patch_4') ? tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW) : targetCellRef.parentElement.classList.contains(ClassName.NATIVE_STICKY));
-  if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported(isDragAndDropEnabled !== null && isDragAndDropEnabled !== void 0 ? isDragAndDropEnabled : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+  if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _targetCellRef$parent;
     /* We need to default to checking the anchor style because there may be a conflict with the block controls
      plugin not using the data attribute value and setting the `anchor-name` style property independently of the data attribute.

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

@@ -8,7 +8,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD, contextualMenuTriggerSize, tablePopupMenuFitHeight } from '../consts';
 
@@ -30,24 +29,17 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCommentEditor = _ref.isCommentEditor,
     api = _ref.api,
     isDragMenuOpen = _ref.isDragMenuOpen;
-  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+  if (!editorView) {
     return null;
   }
 
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var _getPluginState = getPluginState(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition,
     isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var selection = editorView.state.selection;
   var selectionRect = isSelectionType(selection, 'cell') ?
   // Ignored via go/ees005
@@ -56,8 +48,6 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   if (!selectionRect) {
     return null;
   }
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var domAtPos = editorView.domAtPos.bind(editorView);
   var targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -87,10 +77,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     stick: true
   }, jsx("div", {
     css: tablePopupStyles(isDragAndDropEnabled)
-  }, jsx(ContextualMenu
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  , {
+  }, jsx(ContextualMenu, {
     editorView: editorView
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

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

@@ -75,7 +75,7 @@ var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
     containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.removeProperty('top');
   }
   var anchorStyles = {};
-  if (isNativeStickySupported(isDragAndDropEnabled !== null && isDragAndDropEnabled !== void 0 ? isDragAndDropEnabled : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+  if (isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _tableRef$querySelect, _tableRef$querySelect2;
     var rowAnchorName = (_tableRef$querySelect = tableRef.querySelector('tr')) === null || _tableRef$querySelect === void 0 ? void 0 : _tableRef$querySelect.style.getPropertyValue('anchor-name');
     // cast here is due to CSSProperties missing valid positionAnchor property

package/dist/types/pm-plugins/decorations/utils/column-controls.d.ts

@@ -1,4 +1,4 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
+import type { DecorationTransformer, DecorationTransformerParams } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
-export declare const buildColumnControlsDecorations: ({ decorationSet, tr, options, }: BuildDecorationTransformerParams) => DecorationSet;
+export declare const buildColumnControlsDecorations: ({ decorationSet, tr, }: DecorationTransformerParams) => DecorationSet;

package/dist/types/pm-plugins/decorations/utils/types.d.ts

@@ -1,13 +1,7 @@
 import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export type DecorationTransformer = (params: DecorationTransformerParams) => DecorationSet;
-type DecorationTransformerParams = {
+export type DecorationTransformerParams = {
     decorationSet: DecorationSet;
     tr: Transaction | ReadonlyTransaction;
 };
-export type BuildDecorationTransformerParams = DecorationTransformerParams & {
-    options: {
-        isDragAndDropEnabled: boolean;
-    };
-};
-export {};

package/dist/types/pm-plugins/utils/decoration.d.ts

@@ -9,11 +9,11 @@ import { TableDecorations } from '../../types';
 export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
-export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, isDragAndDropEnable: boolean | undefined, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
+export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
 export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
 export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];
 export declare const updateDecorations: (node: PmNode, decorationSet: DecorationSet, decorations: Decoration[], key: TableDecorations) => DecorationSet;
 export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTransaction, rowIndexTarget: number, columnEndIndexTarget: Omit<CellColumnPositioning, "left">, includeTooltip: boolean | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI) => [Decoration[], Decoration[]];
-export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">, isDragAndDropEnabled?: boolean) => Decoration[];
+export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">) => Decoration[];
 export declare const createColumnInsertLine: (columnIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];
 export declare const createRowInsertLine: (rowIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];

package/dist/types/pm-plugins/utils/sticky-header.d.ts

@@ -1,2 +1,2 @@
 export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
-export declare const isNativeStickySupported: (isDragAndDropEnabled: boolean) => boolean;
+export declare const isNativeStickySupported: () => boolean;

package/dist/types/pm-plugins/utils/tableMode.d.ts

@@ -1,5 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
+import { type TableMeasurement } from '../transforms/content-mode';
 type ContentModePluginOptions = {
     allowColumnResizing: boolean;
     allowTableResizing: boolean;
@@ -12,6 +13,12 @@ export declare const isContentModeSupported: ({ allowColumnResizing, allowTableR
  * in a single batched transaction.
  */
 export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;
+/**
+ * Temporarily overrides inline styles on the table and its surrounding containers so the browser
+ * lays columns out with `table-layout: auto`, takes a content-width measurement, and then
+ * **resets every modified style** so no temporary overrides leak into the rendered output.
+ */
+export declare const measureTableWithAutoLayout: (tableRef: HTMLTableElement) => TableMeasurement;
 /**
  * Used to measure a selected table width with it's content being laid out natively by the browser
  */

package/dist/types-ts4.5/pm-plugins/decorations/utils/column-controls.d.ts

@@ -1,4 +1,4 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
+import type { DecorationTransformer, DecorationTransformerParams } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
-export declare const buildColumnControlsDecorations: ({ decorationSet, tr, options, }: BuildDecorationTransformerParams) => DecorationSet;
+export declare const buildColumnControlsDecorations: ({ decorationSet, tr, }: DecorationTransformerParams) => DecorationSet;

package/dist/types-ts4.5/pm-plugins/decorations/utils/types.d.ts

@@ -1,13 +1,7 @@
 import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export type DecorationTransformer = (params: DecorationTransformerParams) => DecorationSet;
-type DecorationTransformerParams = {
+export type DecorationTransformerParams = {
     decorationSet: DecorationSet;
     tr: Transaction | ReadonlyTransaction;
 };
-export type BuildDecorationTransformerParams = DecorationTransformerParams & {
-    options: {
-        isDragAndDropEnabled: boolean;
-    };
-};
-export {};

package/dist/types-ts4.5/pm-plugins/utils/decoration.d.ts

@@ -9,7 +9,7 @@ import { TableDecorations } from '../../types';
 export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
-export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, isDragAndDropEnable: boolean | undefined, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
+export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
 export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
 export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];
 export declare const updateDecorations: (node: PmNode, decorationSet: DecorationSet, decorations: Decoration[], key: TableDecorations) => DecorationSet;
@@ -17,6 +17,6 @@ export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTr
     Decoration[],
     Decoration[]
 ];
-export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">, isDragAndDropEnabled?: boolean) => Decoration[];
+export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">) => Decoration[];
 export declare const createColumnInsertLine: (columnIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];
 export declare const createRowInsertLine: (rowIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];

package/dist/types-ts4.5/pm-plugins/utils/sticky-header.d.ts

@@ -1,2 +1,2 @@
 export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
-export declare const isNativeStickySupported: (isDragAndDropEnabled: boolean) => boolean;
+export declare const isNativeStickySupported: () => boolean;

package/dist/types-ts4.5/pm-plugins/utils/tableMode.d.ts

@@ -1,5 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
+import { type TableMeasurement } from '../transforms/content-mode';
 type ContentModePluginOptions = {
     allowColumnResizing: boolean;
     allowTableResizing: boolean;
@@ -12,6 +13,12 @@ export declare const isContentModeSupported: ({ allowColumnResizing, allowTableR
  * in a single batched transaction.
  */
 export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;
+/**
+ * Temporarily overrides inline styles on the table and its surrounding containers so the browser
+ * lays columns out with `table-layout: auto`, takes a content-width measurement, and then
+ * **resets every modified style** so no temporary overrides leak into the rendered output.
+ */
+export declare const measureTableWithAutoLayout: (tableRef: HTMLTableElement) => TableMeasurement;
 /**
  * Used to measure a selected table width with it's content being laid out natively by the browser
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.1.3",
+	"version": "22.2.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,12 +32,12 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/custom-steps": "^0.16.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-accessibility-utils": "^10.0.0",
+		"@atlaskit/editor-plugin-accessibility-utils": "^10.1.0",
 		"@atlaskit/editor-plugin-analytics": "^10.0.0",
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^10.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^10.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^12.0.0",
-		"@atlaskit/editor-plugin-extension": "13.0.2",
+		"@atlaskit/editor-plugin-extension": "13.0.3",
 		"@atlaskit/editor-plugin-guideline": "^10.0.0",
 		"@atlaskit/editor-plugin-interaction": "^19.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^7.0.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^64.0.0",
+		"@atlaskit/tmp-editor-statsig": "^65.0.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.5.0",
+		"@atlaskit/editor-common": "^114.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"