@atlaskit/editor-plugin-table 22.4.14 → 22.4.15

package/dist/esm/pm-plugins/utils/tableMode/smart-adjust/distribute-column-widths.js

@@ -0,0 +1,77 @@
+import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
+import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
+import { EVEN_SHARE_RATIO } from './constants';
+export var sumWidths = function sumWidths(widths) {
+  return widths.reduce(function (sum, width) {
+    return sum + width;
+  }, 0);
+};
+
+// 2px absorbs sub-pixel rounding in `getRenderedColgroupColumnWidths`.
+var SUB_PIXEL_ROUNDING_ALLOWANCE = 2;
+
+/**
+ * Clamps each desired width to `[tableCellMinWidth, MAX × evenShare]`. Greedy
+ * columns (paragraphs) hit the ceiling and wrap; small columns stay at their
+ * natural width. Leftover canvas budget grows ceiling-hitters up to their
+ * desired; overflow reclaims from ceiling-hitters only.
+ */
+export var distributeByEvenShareRatio = function distributeByEvenShareRatio(desiredWidths, editorContainerWidth) {
+  if (desiredWidths.length === 0 || !isFinite(editorContainerWidth) || editorContainerWidth <= 0) {
+    return desiredWidths;
+  }
+  var usableWidth = Math.max(editorContainerWidth - akEditorGutterPaddingDynamic() * 2, tableCellMinWidth * desiredWidths.length);
+  var evenShare = usableWidth / desiredWidths.length;
+  var ceiling = EVEN_SHARE_RATIO.MAX * evenShare;
+  var isCompactColumn = function isCompactColumn(width) {
+    return width <= ceiling;
+  };
+  var desiredCeil = desiredWidths.map(function (desired) {
+    return Math.max(tableCellMinWidth, Math.ceil(desired) + SUB_PIXEL_ROUNDING_ALLOWANCE);
+  });
+  var capped = desiredCeil.map(function (desired) {
+    return isCompactColumn(desired) ? desired : Math.min(ceiling, desired);
+  });
+  var sum = sumWidths(capped);
+
+  // Underflow: grow non-protected ceiling-hitters into the leftover, up to their desired.
+  if (sum < usableWidth) {
+    var leftover = usableWidth - sum;
+    var growthHeadroom = capped.map(function (width, index) {
+      return !isCompactColumn(desiredCeil[index]) && width >= ceiling ? Math.max(desiredCeil[index] - width, 0) : 0;
+    });
+    var totalHeadroom = sumWidths(growthHeadroom);
+    if (totalHeadroom > 0) {
+      var totalGrowth = Math.min(leftover, totalHeadroom);
+      return capped.map(function (width, index) {
+        var headroom = growthHeadroom[index];
+        if (headroom <= 0) {
+          return width;
+        }
+        return width + headroom / totalHeadroom * totalGrowth;
+      });
+    }
+    return capped;
+  }
+  if (sum === usableWidth) {
+    return capped;
+  }
+
+  // Overflow: reclaim from non-protected ceiling-hitters only.
+  var overage = sum - usableWidth;
+  var slacks = capped.map(function (width, index) {
+    return !isCompactColumn(desiredCeil[index]) && width >= ceiling ? Math.max(width - tableCellMinWidth, 0) : 0;
+  });
+  var totalSlack = sumWidths(slacks);
+  if (totalSlack <= 0) {
+    return capped;
+  }
+  return capped.map(function (width, index) {
+    var slack = slacks[index];
+    if (slack <= 0) {
+      return width;
+    }
+    var share = slack / totalSlack * Math.min(overage, totalSlack);
+    return Math.max(width - share, tableCellMinWidth);
+  });
+};

package/dist/esm/pm-plugins/utils/tableMode/smart-adjust/run-smart-adjust.js

@@ -0,0 +1,49 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getTableMeasurement } from '../../../transforms/content-mode';
+import { distributeByEvenShareRatio, sumWidths } from './distribute-column-widths';
+var measureWithIntrinsicWidth = function measureWithIntrinsicWidth(tableRef, resizerContainer, resizerItem) {
+  if (resizerContainer) {
+    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 prevTableWidth = tableRef.style.width;
+  var prevTableMaxWidth = tableRef.style.maxWidth;
+  var prevTableMinWidth = tableRef.style.minWidth;
+  tableRef.style.setProperty('width', 'max-content', 'important');
+  tableRef.style.setProperty('max-width', 'none', 'important');
+  tableRef.style.setProperty('min-width', '0', 'important');
+  try {
+    return getTableMeasurement(tableRef);
+  } finally {
+    tableRef.style.width = prevTableWidth;
+    tableRef.style.maxWidth = prevTableMaxWidth;
+    tableRef.style.minWidth = prevTableMinWidth;
+  }
+};
+export var restoreResizerContainer = function restoreResizerContainer(resizerContainer) {
+  if (!resizerContainer) {
+    return;
+  }
+  resizerContainer.style.width = 'var(--ak-editor-table-width)';
+  resizerContainer.style.removeProperty('--ak-editor-table-width');
+};
+
+/**
+ * Smart-adjust: measure unconstrained max-content per column, then clamp via
+ * `distributeByEvenShareRatio`.
+ */
+export var runSmartAdjust = function runSmartAdjust(tableRef, resizerContainer, resizerItem, editorContainerWidthFromApi) {
+  var preferredMeasurement = measureWithIntrinsicWidth(tableRef, resizerContainer, resizerItem);
+  var desiredWidths = preferredMeasurement.colWidths;
+  var editorContainerWidth = editorContainerWidthFromApi !== null && editorContainerWidthFromApi !== void 0 ? editorContainerWidthFromApi : sumWidths(desiredWidths);
+  var colWidths = distributeByEvenShareRatio(desiredWidths, editorContainerWidth);
+  return _objectSpread(_objectSpread({}, preferredMeasurement), {}, {
+    colWidths: colWidths,
+    tableWidth: sumWidths(colWidths)
+  });
+};

package/dist/esm/ui/toolbar.js

@@ -49,7 +49,8 @@ import { normaliseAlignment } from '../pm-plugins/utils/alignment';
 import { isTableNested } from '../pm-plugins/utils/nodes';
 import { getSelectedColumnIndexes, getSelectedRowIndexes } from '../pm-plugins/utils/selection';
 import { getMergedCellsPositions } from '../pm-plugins/utils/table';
-import { applyMeasuredWidthToSelectedTable, isContentModeSupported } from '../pm-plugins/utils/tableMode';
+import { applyMeasuredWidthToSelectedTable } from '../pm-plugins/utils/tableMode/apply-measured-width-to-selected-table';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode/is-content-mode-supported';
 import { TableCssClassName } from '../types';
 import { FloatingAlignmentButtons } from './FloatingAlignmentButtons/FloatingAlignmentButtons';
 export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {

package/dist/types/pm-plugins/transforms/content-mode.d.ts

@@ -4,5 +4,6 @@ export type TableMeasurement = {
     colWidths: Array<number>;
     tableWidth: number;
 };
+export declare const clampToEditorMaxWidth: (contentWidth: number) => number;
 export declare const getTableMeasurement: (tableRef: HTMLTableElement) => TableMeasurement;
 export declare const applyTableMeasurement: (tr: Transaction, tableNode: PMNode, { colWidths, tableWidth }: TableMeasurement, tablePos: number) => Transaction;

package/dist/types/pm-plugins/utils/tableMode/apply-measured-width-to-all-tables.d.ts

@@ -0,0 +1,8 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../../../types';
+/**
+ * Iterates all top-level tables in the document, and for those in content mode,
+ * measures rendered column widths and sets colwidth + table width attributes
+ * in a single batched transaction.
+ */
+export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;

package/dist/types/pm-plugins/utils/tableMode/apply-measured-width-to-selected-table.d.ts

@@ -0,0 +1,6 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../../../types';
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
+export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;

package/dist/types/pm-plugins/utils/tableMode/is-content-mode-supported.d.ts

@@ -0,0 +1,7 @@
+type ContentModePluginOptions = {
+    allowColumnResizing: boolean;
+    allowTableResizing: boolean;
+    isFullPageEditor: boolean;
+};
+export declare const isContentModeSupported: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, }: ContentModePluginOptions) => boolean;
+export {};

package/dist/types/pm-plugins/utils/tableMode/measure-table-with-auto-layout.d.ts

@@ -0,0 +1,2 @@
+import { type TableMeasurement } from '../../transforms/content-mode';
+export declare const measureTableWithAutoLayout: (tableRef: HTMLTableElement, editorContainerWidth?: number) => TableMeasurement;

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

@@ -0,0 +1,4 @@
+/** Each column's max width is `MAX × (usableWidth / numCols)`. */
+export declare const EVEN_SHARE_RATIO: {
+    readonly MAX: 2;
+};

package/dist/types/pm-plugins/utils/tableMode/smart-adjust/distribute-column-widths.d.ts

@@ -0,0 +1,8 @@
+export declare const sumWidths: (widths: Array<number>) => number;
+/**
+ * Clamps each desired width to `[tableCellMinWidth, MAX × evenShare]`. Greedy
+ * columns (paragraphs) hit the ceiling and wrap; small columns stay at their
+ * natural width. Leftover canvas budget grows ceiling-hitters up to their
+ * desired; overflow reclaims from ceiling-hitters only.
+ */
+export declare const distributeByEvenShareRatio: (desiredWidths: Array<number>, editorContainerWidth: number) => Array<number>;

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

@@ -0,0 +1,7 @@
+import { type TableMeasurement } from '../../../transforms/content-mode';
+export declare const restoreResizerContainer: (resizerContainer: HTMLElement | undefined | null) => void;
+/**
+ * Smart-adjust: measure unconstrained max-content per column, then clamp via
+ * `distributeByEvenShareRatio`.
+ */
+export declare const runSmartAdjust: (tableRef: HTMLTableElement, resizerContainer: HTMLElement | undefined | null, resizerItem: HTMLElement | undefined | null, editorContainerWidthFromApi: number | undefined) => TableMeasurement;

package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts

@@ -1,3 +1,3 @@
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
 import type { TableMenuComponentsParams } from '../shared/types';
-export declare const getColumnMenuComponents: ({ api }: TableMenuComponentsParams) => RegisterComponent[];
+export declare const getColumnMenuComponents: ({ api, }: TableMenuComponentsParams) => RegisterComponent[];

package/dist/types/ui/TableMenu/column/items/DistributeColumnsItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TableMenuComponentsParams } from '../../shared/types';
-export declare const DistributeColumnsItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;
+export declare const DistributeColumnsItem: ({ api, }: TableMenuComponentsParams) => React.JSX.Element | null;

package/dist/types-ts4.5/pm-plugins/transforms/content-mode.d.ts

@@ -4,5 +4,6 @@ export type TableMeasurement = {
     colWidths: Array<number>;
     tableWidth: number;
 };
+export declare const clampToEditorMaxWidth: (contentWidth: number) => number;
 export declare const getTableMeasurement: (tableRef: HTMLTableElement) => TableMeasurement;
 export declare const applyTableMeasurement: (tr: Transaction, tableNode: PMNode, { colWidths, tableWidth }: TableMeasurement, tablePos: number) => Transaction;

package/dist/types-ts4.5/pm-plugins/utils/tableMode/apply-measured-width-to-all-tables.d.ts

@@ -0,0 +1,8 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../../../types';
+/**
+ * Iterates all top-level tables in the document, and for those in content mode,
+ * measures rendered column widths and sets colwidth + table width attributes
+ * in a single batched transaction.
+ */
+export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;

package/dist/types-ts4.5/pm-plugins/utils/tableMode/apply-measured-width-to-selected-table.d.ts

@@ -0,0 +1,6 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../../../types';
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
+export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;

package/dist/types-ts4.5/pm-plugins/utils/tableMode/is-content-mode-supported.d.ts

@@ -0,0 +1,7 @@
+type ContentModePluginOptions = {
+    allowColumnResizing: boolean;
+    allowTableResizing: boolean;
+    isFullPageEditor: boolean;
+};
+export declare const isContentModeSupported: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, }: ContentModePluginOptions) => boolean;
+export {};

package/dist/types-ts4.5/pm-plugins/utils/tableMode/measure-table-with-auto-layout.d.ts

@@ -0,0 +1,2 @@
+import { type TableMeasurement } from '../../transforms/content-mode';
+export declare const measureTableWithAutoLayout: (tableRef: HTMLTableElement, editorContainerWidth?: number) => TableMeasurement;

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

@@ -0,0 +1,4 @@
+/** Each column's max width is `MAX × (usableWidth / numCols)`. */
+export declare const EVEN_SHARE_RATIO: {
+    readonly MAX: 2;
+};

package/dist/types-ts4.5/pm-plugins/utils/tableMode/smart-adjust/distribute-column-widths.d.ts

@@ -0,0 +1,8 @@
+export declare const sumWidths: (widths: Array<number>) => number;
+/**
+ * Clamps each desired width to `[tableCellMinWidth, MAX × evenShare]`. Greedy
+ * columns (paragraphs) hit the ceiling and wrap; small columns stay at their
+ * natural width. Leftover canvas budget grows ceiling-hitters up to their
+ * desired; overflow reclaims from ceiling-hitters only.
+ */
+export declare const distributeByEvenShareRatio: (desiredWidths: Array<number>, editorContainerWidth: number) => Array<number>;

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

@@ -0,0 +1,7 @@
+import { type TableMeasurement } from '../../../transforms/content-mode';
+export declare const restoreResizerContainer: (resizerContainer: HTMLElement | undefined | null) => void;
+/**
+ * Smart-adjust: measure unconstrained max-content per column, then clamp via
+ * `distributeByEvenShareRatio`.
+ */
+export declare const runSmartAdjust: (tableRef: HTMLTableElement, resizerContainer: HTMLElement | undefined | null, resizerItem: HTMLElement | undefined | null, editorContainerWidthFromApi: number | undefined) => TableMeasurement;

package/dist/types-ts4.5/ui/TableMenu/column/getColumnMenuComponents.d.ts

@@ -1,3 +1,3 @@
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
 import type { TableMenuComponentsParams } from '../shared/types';
-export declare const getColumnMenuComponents: ({ api }: TableMenuComponentsParams) => RegisterComponent[];
+export declare const getColumnMenuComponents: ({ api, }: TableMenuComponentsParams) => RegisterComponent[];

package/dist/types-ts4.5/ui/TableMenu/column/items/DistributeColumnsItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TableMenuComponentsParams } from '../../shared/types';
-export declare const DistributeColumnsItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;
+export declare const DistributeColumnsItem: ({ api, }: TableMenuComponentsParams) => React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.4.14",
+	"version": "22.4.15",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.13.0",
+		"@atlaskit/adf-schema": "^52.14.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/custom-steps": "^0.17.0",
 		"@atlaskit/editor-palette": "^2.2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^10.1.0",
 		"@atlaskit/editor-plugin-content-insertion": "^10.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^12.1.0",
-		"@atlaskit/editor-plugin-extension": "13.5.5",
+		"@atlaskit/editor-plugin-extension": "13.5.6",
 		"@atlaskit/editor-plugin-guideline": "^10.1.0",
 		"@atlaskit/editor-plugin-interaction": "^19.1.0",
 		"@atlaskit/editor-plugin-limited-mode": "^7.2.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/editor-tables": "^2.10.0",
 		"@atlaskit/editor-toolbar": "^1.7.0",
 		"@atlaskit/editor-ui-control-model": "^1.2.0",
-		"@atlaskit/icon": "^35.0.0",
+		"@atlaskit/icon": "^35.1.0",
 		"@atlaskit/insm": "^0.4.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -59,10 +59,10 @@
 		"@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": "^82.3.0",
+		"@atlaskit/tmp-editor-statsig": "^83.0.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^22.2.0",
+		"@atlaskit/tooltip": "^22.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
@@ -74,7 +74,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.41.0",
+		"@atlaskit/editor-common": "^114.46.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -122,6 +122,9 @@
 		"platform_editor_content_mode_button_mvp": {
 			"type": "boolean"
 		},
+		"platform_editor_table_fit_to_content_smart_adjust": {
+			"type": "boolean"
+		},
 		"platform_editor_table_height_analytics": {
 			"type": "boolean"
 		},

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

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.measureTableWithAutoLayout = exports.isContentModeSupported = exports.applyMeasuredWidthToSelectedTable = exports.applyMeasuredWidthToAllTables = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _styles = require("@atlaskit/editor-common/styles");
-var _table = require("@atlaskit/editor-common/table");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _contentMode = require("../transforms/content-mode");
-var isContentModeSupported = exports.isContentModeSupported = function isContentModeSupported(_ref) {
-  var allowColumnResizing = _ref.allowColumnResizing,
-    allowTableResizing = _ref.allowTableResizing,
-    isFullPageEditor = _ref.isFullPageEditor;
-  return allowColumnResizing && allowTableResizing && isFullPageEditor;
-};
-
-/**
- * Iterates all top-level tables in the document, and for those in content mode,
- * measures rendered column widths and sets colwidth + table width attributes
- * in a single batched transaction.
- */
-var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTables(view, pluginInjectionApi) {
-  var _view$state = view.state,
-    doc = _view$state.doc,
-    schema = _view$state.schema;
-  var tr = view.state.tr;
-  var table = schema.nodes.table;
-  var modified = false;
-  var measuredTables = [];
-
-  // modify only top-level tables
-  doc.forEach(function (node, offset) {
-    if (node.type !== table || (0, _table.hasTableBeenResized)(node) && node.attrs.layout !== 'align-start') {
-      return;
-    }
-    var domNode = view.domAtPos(offset + 1).node;
-    var tableWrapper = domNode instanceof HTMLElement ? domNode.closest(".".concat(_styles.TableSharedCssClassName.TABLE_VIEW_CONTENT_WRAP)) : null;
-    var tableRef = tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.querySelector('table');
-    if (!tableRef) {
-      return;
-    }
-    measuredTables.push({
-      node: node,
-      offset: offset,
-      measurement: (0, _contentMode.getTableMeasurement)(tableRef)
-    });
-  });
-  measuredTables.forEach(function (_ref2) {
-    var node = _ref2.node,
-      offset = _ref2.offset,
-      measurement = _ref2.measurement;
-    tr = (0, _contentMode.applyTableMeasurement)(tr, node, measurement, offset);
-    modified = true;
-  });
-  if (modified) {
-    var _pluginInjectionApi$a, _pluginInjectionApi$w, _pluginInjectionApi$w2;
-    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || (_pluginInjectionApi$a = _pluginInjectionApi$a.actions) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.attachAnalyticsEvent({
-      action: _analytics.TABLE_ACTION.FIT_TO_CONTENT_AUTO_CONVERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.TABLE,
-      actionSubjectId: null,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        editorContainerWidth: (_pluginInjectionApi$w = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w2 = pluginInjectionApi.width) === null || _pluginInjectionApi$w2 === void 0 || (_pluginInjectionApi$w2 = _pluginInjectionApi$w2.sharedState.currentState()) === null || _pluginInjectionApi$w2 === void 0 ? void 0 : _pluginInjectionApi$w2.width) !== null && _pluginInjectionApi$w !== void 0 ? _pluginInjectionApi$w : 0,
-        totalTablesResized: measuredTables.length,
-        measurements: measuredTables.map(function (_ref3) {
-          var measurement = _ref3.measurement;
-          return {
-            tableWidth: measurement.tableWidth,
-            totalColumnCount: measurement.colWidths.length
-          };
-        })
-      }
-    })(tr);
-    view.dispatch(tr.setMeta('addToHistory', false));
-  }
-};
-
-/**
- * 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.
- */
-var measureTableWithAutoLayout = exports.measureTableWithAutoLayout = function measureTableWithAutoLayout(tableRef) {
-  var cols = Array.from(tableRef.querySelectorAll(':scope > colgroup > col'));
-  var contentWrap = tableRef.closest(".".concat(_styles.TableSharedCssClassName.TABLE_VIEW_CONTENT_WRAP));
-  var resizerContainer = contentWrap === null || contentWrap === void 0 ? void 0 : contentWrap.querySelector(".".concat(_styles.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) {
-    // 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 = (0, _contentMode.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
- */
-var applyMeasuredWidthToSelectedTable = exports.applyMeasuredWidthToSelectedTable = function applyMeasuredWidthToSelectedTable(view, api) {
-  var _api$analytics, _api$width$sharedStat, _api$width;
-  var tableObject = (0, _utils.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 = (0, _contentMode.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: _analytics.TABLE_ACTION.FIT_TO_CONTENT_ON_DEMAND,
-    actionSubject: _analytics.ACTION_SUBJECT.TABLE,
-    actionSubjectId: null,
-    eventType: _analytics.EVENT_TYPE.TRACK,
-    attributes: {
-      editorContainerWidth: (_api$width$sharedStat = api === null || api === void 0 || (_api$width = api.width) === null || _api$width === void 0 || (_api$width = _api$width.sharedState.currentState()) === null || _api$width === void 0 ? void 0 : _api$width.width) !== null && _api$width$sharedStat !== void 0 ? _api$width$sharedStat : 0,
-      tableWidth: measurement.tableWidth,
-      totalColumnCount: measurement.colWidths.length
-    }
-  })(tr);
-  view.dispatch(tr);
-};