@atlaskit/editor-plugin-table 22.4.14 → 22.4.16

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/entry-points/types.d.ts

@@ -1,2 +1,2 @@
 export { RESIZE_HANDLE_AREA_DECORATION_GAP, ShadowEvent, TableCssClassName, TableDecorations, } from '../types/index';
-export type { AlignmentOptions, Cell, CellColumnPositioning, CellHoverMeta, CellTransform, ColumnResizingPluginAction, ColumnResizingPluginState, DraggableBehaviour, DraggableData, DraggableSourceData, DraggableTargetData, DraggableType, HandleTypes, InsertRowMethods, InsertRowOptions, InvalidNodeAttr, MessageDescriptor, PermittedLayoutsDescriptor, PluginConfig, PluginInjectionAPI, PluginInjectionAPIWithA11y, ReportInvalidNodeAttrs, RowInsertPosition, TableDirection, TablePluginAction, TablePluginState, TableSharedState, TableSharedStateInternal, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState, WidthToWidest, } from '../types/index';
+export type { ActiveTableMenu, AlignmentOptions, Cell, CellColumnPositioning, CellHoverMeta, CellTransform, ColumnResizingPluginAction, ColumnResizingPluginState, DraggableBehaviour, DraggableData, DraggableSourceData, DraggableTargetData, DraggableType, HandleTypes, InsertRowMethods, InsertRowOptions, InvalidNodeAttr, MessageDescriptor, PermittedLayoutsDescriptor, PluginConfig, PluginInjectionAPI, PluginInjectionAPIWithA11y, ReportInvalidNodeAttrs, RowInsertPosition, TableDirection, TablePluginAction, TablePluginState, TableSharedState, TableSharedStateInternal, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState, WidthToWidest, } from '../types/index';

package/dist/types/pm-plugins/commands/active-table-menu.d.ts

@@ -0,0 +1,6 @@
+import type { Command } from '@atlaskit/editor-common/types';
+import type { ActiveTableMenu } from '../../types';
+export declare const closeActiveTableMenu: () => Command;
+export declare const toggleActiveTableMenu: (activeTableMenu: Exclude<ActiveTableMenu, {
+    type: "none";
+}>) => Command;

package/dist/types/pm-plugins/commands/commands-with-analytics.d.ts

@@ -7,8 +7,10 @@ import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/t
 import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import type { AlignmentOptions, InsertRowMethods, InsertRowOptions, PluginInjectionAPI, RowInsertPosition } from '../../types';
+import type { AlignmentOptions, InsertRowMethods, InsertRowOptions, PluginInjectionAPI, RowInsertPosition, TableDirection } from '../../types';
+import type { TriggerType } from '../drag-and-drop/types';
 import type { ResizeStateWithAnalytics } from '../table-resizing/utils/types';
+export declare const toggleActiveTableMenuWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (direction: TableDirection, index: number, trigger?: TriggerType) => Command;
 export declare const emptyMultipleCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, targetCellPosition?: number) => Command;
 export declare const mergeCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | null | undefined) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
 export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;

package/dist/types/pm-plugins/commands/index.d.ts

@@ -1,6 +1,7 @@
 export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clearHoverSelection, showResizeHandleLine, hideResizeHandleLine, setTableHovered, } from './hover';
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout, } from './toggle';
+export { closeActiveTableMenu, toggleActiveTableMenu } from './active-table-menu';
 export { clearMultipleCells } from './clear';
 export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, updateWidthToWidest, setFocusToCellMenu, } from './misc';
 export { sortByColumn } from './sort';

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/types/index.d.ts

@@ -34,7 +34,7 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
         };
     };
 };
-export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'isCommentEditor' | 'isTableScalingEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard'> & {
+export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'isCommentEditor' | 'isTableScalingEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard' | 'activeTableMenu'> & {
     dragMenuDirection?: TableDirection;
     dragMenuIndex?: number;
     editorContentAreaHeight?: number;
@@ -85,7 +85,22 @@ export interface CellHoverMeta {
 export interface WidthToWidest {
     [tableLocalId: string]: boolean;
 }
+export type ActiveTableMenu = {
+    type: 'none';
+} | {
+    openedBy: 'mouse' | 'keyboard';
+    type: 'cell';
+} | {
+    index: number;
+    openedBy: 'mouse' | 'keyboard';
+    type: 'row';
+} | {
+    index: number;
+    openedBy: 'mouse' | 'keyboard';
+    type: 'column';
+};
 export interface TablePluginState {
+    activeTableMenu?: ActiveTableMenu;
     canCollapseTable?: boolean;
     editorHasFocus?: boolean;
     editorViewportHeight?: number;
@@ -266,6 +281,11 @@ export type TablePluginAction = {
     type: 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON';
 } | {
     type: 'TOGGLE_CONTEXTUAL_MENU';
+} | {
+    data: {
+        activeTableMenu: ActiveTableMenu;
+    };
+    type: 'SET_ACTIVE_TABLE_MENU';
 } | {
     data: {
         isCellMenuOpenByKeyboard: boolean;

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

@@ -2,7 +2,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
+import { type PluginInjectionAPI } from '../../types';
 export interface Props {
+    api?: PluginInjectionAPI | null;
     boundariesElement?: HTMLElement;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorView: EditorView;

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PluginInjectionAPI } from '../../types';
+import { type PluginInjectionAPI } from '../../types';
 type CellMenuPopupProps = {
     api: PluginInjectionAPI | undefined | null;
+    boundariesElement?: HTMLElement;
     editorView: EditorView;
-    isCellMenuOpenByKeyboard?: boolean;
-    isOpen: boolean;
-    targetCellRef: Node;
+    mountPoint?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    targetCellRef: HTMLElement;
+    zIndex: number;
 };
-export declare const CellMenuPopup: ({ api, editorView, isCellMenuOpenByKeyboard, isOpen, targetCellRef, }: CellMenuPopupProps) => React.JSX.Element;
+export declare const CellMenuPopup: ({ api, boundariesElement, editorView, mountPoint, scrollableElement, targetCellRef, zIndex, }: CellMenuPopupProps) => React.JSX.Element;
 export {};

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

@@ -16,7 +16,6 @@ interface Props {
     mountPoint?: HTMLElement;
     pluginConfig?: PluginConfig;
     scrollableElement?: HTMLElement;
-    targetCellPosition?: number;
 }
 declare const FloatingContextualMenu: {
     ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, isCommentEditor, api, isDragMenuOpen, }: Props): JSX.Element | null;

package/dist/types/ui/TableMenu/cell/getCellMenuComponents.d.ts

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

package/dist/types/ui/TableMenu/cell/items/MergeCellsItem.d.ts

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

package/dist/types/ui/TableMenu/cell/items/SplitCellItem.d.ts

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

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/shared/TableMenuContext.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type TableMenuContextValue = {
     canMergeCells?: boolean;
     canSplitCell?: boolean;
+    editorView?: EditorView;
     hasMergedCellsInTable?: boolean;
     isFirstColumn?: boolean;
     isFirstRow?: boolean;

package/dist/types/ui/TableMenu/shared/items/BackgroundColorItem.d.ts

@@ -3,4 +3,5 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const BackgroundColorItem: () => React.JSX.Element;
+import type { TableMenuComponentsParams } from '../types';
+export declare const BackgroundColorItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element;

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

@@ -1,2 +1,2 @@
 export { RESIZE_HANDLE_AREA_DECORATION_GAP, ShadowEvent, TableCssClassName, TableDecorations, } from '../types/index';
-export type { AlignmentOptions, Cell, CellColumnPositioning, CellHoverMeta, CellTransform, ColumnResizingPluginAction, ColumnResizingPluginState, DraggableBehaviour, DraggableData, DraggableSourceData, DraggableTargetData, DraggableType, HandleTypes, InsertRowMethods, InsertRowOptions, InvalidNodeAttr, MessageDescriptor, PermittedLayoutsDescriptor, PluginConfig, PluginInjectionAPI, PluginInjectionAPIWithA11y, ReportInvalidNodeAttrs, RowInsertPosition, TableDirection, TablePluginAction, TablePluginState, TableSharedState, TableSharedStateInternal, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState, WidthToWidest, } from '../types/index';
+export type { ActiveTableMenu, AlignmentOptions, Cell, CellColumnPositioning, CellHoverMeta, CellTransform, ColumnResizingPluginAction, ColumnResizingPluginState, DraggableBehaviour, DraggableData, DraggableSourceData, DraggableTargetData, DraggableType, HandleTypes, InsertRowMethods, InsertRowOptions, InvalidNodeAttr, MessageDescriptor, PermittedLayoutsDescriptor, PluginConfig, PluginInjectionAPI, PluginInjectionAPIWithA11y, ReportInvalidNodeAttrs, RowInsertPosition, TableDirection, TablePluginAction, TablePluginState, TableSharedState, TableSharedStateInternal, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState, WidthToWidest, } from '../types/index';

package/dist/types-ts4.5/pm-plugins/commands/active-table-menu.d.ts

@@ -0,0 +1,6 @@
+import type { Command } from '@atlaskit/editor-common/types';
+import type { ActiveTableMenu } from '../../types';
+export declare const closeActiveTableMenu: () => Command;
+export declare const toggleActiveTableMenu: (activeTableMenu: Exclude<ActiveTableMenu, {
+    type: "none";
+}>) => Command;

package/dist/types-ts4.5/pm-plugins/commands/commands-with-analytics.d.ts

@@ -7,8 +7,10 @@ import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/t
 import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import type { AlignmentOptions, InsertRowMethods, InsertRowOptions, PluginInjectionAPI, RowInsertPosition } from '../../types';
+import type { AlignmentOptions, InsertRowMethods, InsertRowOptions, PluginInjectionAPI, RowInsertPosition, TableDirection } from '../../types';
+import type { TriggerType } from '../drag-and-drop/types';
 import type { ResizeStateWithAnalytics } from '../table-resizing/utils/types';
+export declare const toggleActiveTableMenuWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (direction: TableDirection, index: number, trigger?: TriggerType) => Command;
 export declare const emptyMultipleCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, targetCellPosition?: number) => Command;
 export declare const mergeCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | null | undefined) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
 export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;

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

@@ -1,6 +1,7 @@
 export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clearHoverSelection, showResizeHandleLine, hideResizeHandleLine, setTableHovered, } from './hover';
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout, } from './toggle';
+export { closeActiveTableMenu, toggleActiveTableMenu } from './active-table-menu';
 export { clearMultipleCells } from './clear';
 export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectColumns, selectRow, selectRows, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, updateWidthToWidest, setFocusToCellMenu, } from './misc';
 export { sortByColumn } from './sort';

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/types/index.d.ts

@@ -34,7 +34,7 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
         };
     };
 };
-export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'isCommentEditor' | 'isTableScalingEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard'> & {
+export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'isCommentEditor' | 'isTableScalingEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard' | 'activeTableMenu'> & {
     dragMenuDirection?: TableDirection;
     dragMenuIndex?: number;
     editorContentAreaHeight?: number;
@@ -85,7 +85,22 @@ export interface CellHoverMeta {
 export interface WidthToWidest {
     [tableLocalId: string]: boolean;
 }
+export type ActiveTableMenu = {
+    type: 'none';
+} | {
+    openedBy: 'mouse' | 'keyboard';
+    type: 'cell';
+} | {
+    index: number;
+    openedBy: 'mouse' | 'keyboard';
+    type: 'row';
+} | {
+    index: number;
+    openedBy: 'mouse' | 'keyboard';
+    type: 'column';
+};
 export interface TablePluginState {
+    activeTableMenu?: ActiveTableMenu;
     canCollapseTable?: boolean;
     editorHasFocus?: boolean;
     editorViewportHeight?: number;
@@ -266,6 +281,11 @@ export type TablePluginAction = {
     type: 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON';
 } | {
     type: 'TOGGLE_CONTEXTUAL_MENU';
+} | {
+    data: {
+        activeTableMenu: ActiveTableMenu;
+    };
+    type: 'SET_ACTIVE_TABLE_MENU';
 } | {
     data: {
         isCellMenuOpenByKeyboard: boolean;

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

@@ -2,7 +2,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
+import { type PluginInjectionAPI } from '../../types';
 export interface Props {
+    api?: PluginInjectionAPI | null;
     boundariesElement?: HTMLElement;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorView: EditorView;

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PluginInjectionAPI } from '../../types';
+import { type PluginInjectionAPI } from '../../types';
 type CellMenuPopupProps = {
     api: PluginInjectionAPI | undefined | null;
+    boundariesElement?: HTMLElement;
     editorView: EditorView;
-    isCellMenuOpenByKeyboard?: boolean;
-    isOpen: boolean;
-    targetCellRef: Node;
+    mountPoint?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    targetCellRef: HTMLElement;
+    zIndex: number;
 };
-export declare const CellMenuPopup: ({ api, editorView, isCellMenuOpenByKeyboard, isOpen, targetCellRef, }: CellMenuPopupProps) => React.JSX.Element;
+export declare const CellMenuPopup: ({ api, boundariesElement, editorView, mountPoint, scrollableElement, targetCellRef, zIndex, }: CellMenuPopupProps) => React.JSX.Element;
 export {};

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

@@ -16,7 +16,6 @@ interface Props {
     mountPoint?: HTMLElement;
     pluginConfig?: PluginConfig;
     scrollableElement?: HTMLElement;
-    targetCellPosition?: number;
 }
 declare const FloatingContextualMenu: {
     ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, isCommentEditor, api, isDragMenuOpen, }: Props): JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/cell/getCellMenuComponents.d.ts

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

package/dist/types-ts4.5/ui/TableMenu/cell/items/MergeCellsItem.d.ts

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

package/dist/types-ts4.5/ui/TableMenu/cell/items/SplitCellItem.d.ts

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

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/shared/TableMenuContext.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type TableMenuContextValue = {
     canMergeCells?: boolean;
     canSplitCell?: boolean;
+    editorView?: EditorView;
     hasMergedCellsInTable?: boolean;
     isFirstColumn?: boolean;
     isFirstRow?: boolean;

package/dist/types-ts4.5/ui/TableMenu/shared/items/BackgroundColorItem.d.ts

@@ -3,4 +3,5 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const BackgroundColorItem: () => React.JSX.Element;
+import type { TableMenuComponentsParams } from '../types';
+export declare const BackgroundColorItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.4.14",
+	"version": "22.4.16",
 	"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.47.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"
 		},