@atlaskit/editor-plugin-table 7.6.2 → 7.6.4

package/dist/esm/utils/guidelines.js

@@ -6,5 +6,5 @@ import { calculateDefaultSnappings, calculateDefaultTablePreserveSnappings } fro
 // If we don't do this then the guidelines will not align correctly to the edge of the table
 export var defaultGuidelines = createFixedGuidelinesFromLengths([0].concat(_toConsumableArray(calculateDefaultSnappings(-1))));
 export var defaultGuidelinesForPreserveTable = function defaultGuidelinesForPreserveTable(editorContainerWidth) {
-  return createFixedGuidelinesFromLengths([0].concat(_toConsumableArray(calculateDefaultTablePreserveSnappings(-1, editorContainerWidth))));
+  return createFixedGuidelinesFromLengths([0].concat(_toConsumableArray(calculateDefaultTablePreserveSnappings(-1, editorContainerWidth))), undefined, true);
 };

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

@@ -3,6 +3,7 @@ import type { Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror
 import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { WidthToWidest } from '../types';
 export declare const setEditorFocus: (editorHasFocus: boolean) => Command;
 export declare const setTableRef: (ref?: HTMLTableElement) => Command;
 export declare const setCellAttr: (name: string, value: any) => Command;
@@ -33,4 +34,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;
+export declare const updateWidthToWidest: (widthToWidest: WidthToWidest) => Command;

package/dist/types/nodeviews/TableComponent.d.ts

@@ -6,7 +6,7 @@ import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/edit
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState, StickyPluginState } from '../pm-plugins/sticky-headers';
-import type { PluginInjectionAPI } from '../types';
+import type { CellHoverMeta, PluginInjectionAPI } from '../types';
 import { ShadowEvent } from '../types';
 import type { TableOptions } from './types';
 export interface ComponentProps {
@@ -25,11 +25,16 @@ export interface ComponentProps {
     isDragAndDropEnabled?: boolean;
     isTableScalingEnabled?: boolean;
     tableActive: boolean;
-    ordering: TableColumnOrdering;
+    ordering?: TableColumnOrdering;
     isResizing?: boolean;
     getEditorFeatureFlags: GetEditorFeatureFlags;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     pluginInjectionApi?: PluginInjectionAPI;
+    isInDanger?: boolean;
+    hoveredRows?: number[];
+    hoveredCell?: CellHoverMeta;
+    isTableHovered?: boolean;
+    isWholeTableInDanger?: boolean;
 }
 interface TableState {
     scroll: number;

package/dist/types/nodeviews/TableComponentWithSharedState.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { GetEditorFeatureFlags, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../types';
+import type { TableOptions } from './types';
+type ForwardRef = (node: HTMLElement | null) => any;
+type TableComponentWithSharedStateProps = {
+    view: EditorView;
+    options?: TableOptions;
+    getNode: () => PmNode;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    getEditorFeatureFlags: GetEditorFeatureFlags;
+    api?: PluginInjectionAPI;
+    eventDispatcher: EventDispatcher;
+    forwardRef: ForwardRef;
+    getPos: getPosHandlerNode;
+    allowColumnResizing?: boolean;
+    allowControls?: boolean;
+};
+/**
+ * Use useSharedPluginState to control re-renders from plugin dependencies
+ */
+export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, }: TableComponentWithSharedStateProps) => JSX.Element | null;
+export {};

package/dist/types/nodeviews/TableContainer.d.ts

@@ -26,8 +26,9 @@ type ResizableTableContainerProps = {
     pluginInjectionApi?: PluginInjectionAPI;
     isTableScalingEnabled?: boolean;
     tableWrapperHeight?: number;
+    isWholeTableInDanger?: boolean;
 };
-export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, editorView, getPos, tableRef, isResizing, pluginInjectionApi, isTableScalingEnabled, tableWrapperHeight, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
+export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, editorView, getPos, tableRef, isResizing, pluginInjectionApi, isTableScalingEnabled, tableWrapperHeight, isWholeTableInDanger, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
 type TableContainerProps = {
     node: PMNode;
     className: string;
@@ -42,6 +43,7 @@ type TableContainerProps = {
     pluginInjectionApi?: PluginInjectionAPI;
     isTableScalingEnabled?: boolean;
     tableWrapperHeight?: number;
+    isWholeTableInDanger?: boolean;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isTableScalingEnabled, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isTableScalingEnabled, isWholeTableInDanger, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
 export {};

package/dist/types/nodeviews/TableResizer.d.ts

@@ -4,6 +4,7 @@ import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 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 type { PluginInjectionAPI } from '../types';
 interface TableResizerProps {
     width: number;
     maxWidth: number;
@@ -16,11 +17,13 @@ interface TableResizerProps {
     displayGuideline: (guideline: GuidelineConfig[]) => boolean;
     attachAnalyticsEvent: (payload: TableEventPayload) => ((tr: Transaction) => boolean) | undefined;
     displayGapCursor: (toggle: boolean) => boolean;
+    pluginInjectionApi?: PluginInjectionAPI;
     isTableScalingEnabled?: boolean;
+    isWholeTableInDanger?: boolean;
 }
 export interface TableResizerImprovementProps extends TableResizerProps {
     onResizeStop?: () => void;
     onResizeStart?: () => void;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, }: PropsWithChildren<TableResizerImprovementProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isWholeTableInDanger, pluginInjectionApi, }: PropsWithChildren<TableResizerImprovementProps>) => JSX.Element;
 export {};

package/dist/types/nodeviews/types.d.ts

@@ -17,6 +17,7 @@ export interface Props {
     node: PmNode;
     view: EditorView;
     allowColumnResizing?: boolean;
+    allowControls?: boolean;
     cellMinWidth?: number;
     portalProviderAPI: PortalProviderAPI;
     eventDispatcher: EventDispatcher;

package/dist/types/plugin.d.ts

@@ -1,12 +1,12 @@
 import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { PluginConfig } from './types';
+import type { PluginConfig, TableSharedState } from './types';
 export interface TablePluginOptions {
     tableOptions: PluginConfig;
     tableResizingEnabled?: boolean;
@@ -19,15 +19,18 @@ export interface TablePluginOptions {
     isTableScalingEnabled?: boolean;
 }
 type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
+type MediaPlugin = NextEditorPlugin<'media', {
+    pluginConfiguration: any;
+    dependencies: any;
+    sharedState: any;
+    actions: any;
+}>;
 export type TablePlugin = NextEditorPlugin<'table', {
     pluginConfiguration: TablePluginOptions | undefined;
     actions: {
         insertTable: InsertTableAction;
     };
-    sharedState: {
-        isFullWidthModeEnabled: boolean;
-        wasFullWidthModeEnabled: boolean;
-    };
+    sharedState?: TableSharedState;
     commands: {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };
@@ -36,7 +39,8 @@ export type TablePlugin = NextEditorPlugin<'table', {
         ContentInsertionPlugin,
         WidthPlugin,
         GuidelinePlugin,
-        SelectionPlugin
+        SelectionPlugin,
+        OptionalPlugin<MediaPlugin>
     ];
 }>;
 /**

package/dist/types/types.d.ts

@@ -8,7 +8,7 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
 import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
-import type tablePlugin from './plugin';
+import type { TablePlugin } from './plugin';
 export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export type RowInsertPosition = 'TOP' | 'BOTTOM';
 /**
@@ -25,7 +25,13 @@ export interface InsertRowOptions {
     index: number;
     moveCursorToInsertedRow: boolean;
 }
-export type PluginInjectionAPI = ExtractInjectionAPI<typeof tablePlugin>;
+export type PluginInjectionAPI = ExtractInjectionAPI<TablePlugin>;
+export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest'> & {
+    isResizing: boolean;
+    isTableResizing?: boolean;
+    isWholeTableInDanger?: boolean;
+};
+export type TableSharedState = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'wasFullWidthModeEnabled'>;
 export type InsertRowMethods = INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU;
 export interface PluginConfig {
     advanced?: boolean;
@@ -54,6 +60,9 @@ export interface CellHoverMeta {
     colIndex?: number;
     rowIndex?: number;
 }
+export interface WidthToWidest {
+    [tableLocalId: string]: boolean;
+}
 export interface TablePluginState {
     editorHasFocus?: boolean;
     hoveredColumns: number[];
@@ -83,7 +92,7 @@ export interface TablePluginState {
     isKeyboardResize?: boolean;
     isTableCollapsed?: boolean;
     canCollapseTable?: boolean;
-    widthToWidest?: boolean;
+    widthToWidest?: WidthToWidest;
     getIntl: () => IntlShape;
     isBreakoutEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
@@ -172,7 +181,7 @@ export type TablePluginAction = {
 } | {
     type: 'UPDATE_TABLE_WIDTH_TO_WIDEST';
     data: {
-        widthToWidest: boolean | undefined;
+        widthToWidest: WidthToWidest | undefined;
     };
 } | {
     type: 'REMOVE_RESIZE_HANDLE_DECORATIONS';

package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TablePlugin } from '../../../plugin';
 import type { CellHoverMeta } from '../../../types';
 export interface ColumnControlsProps {
     editorView: EditorView;
@@ -18,5 +20,115 @@ export interface ColumnControlsProps {
     isDragging?: boolean;
     getScrollOffset?: () => number;
 }
-export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, stickyTop, localId, isInDanger, rowHeights, colWidths, hasHeaderColumn, isTableHovered, tableContainerWidth, isNumberColumnEnabled, isDragging, getScrollOffset, }: ColumnControlsProps) => JSX.Element;
+export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, stickyTop, localId, isInDanger, rowHeights, colWidths, hasHeaderColumn, isTableHovered, tableContainerWidth, isNumberColumnEnabled, isDragging, getScrollOffset, api, }: ColumnControlsProps & {
+    api?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"table", {
+        pluginConfiguration: import("../../../plugin").TablePluginOptions | undefined;
+        actions: {
+            insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
+        };
+        sharedState?: import("../../../types").TableSharedState | undefined;
+        commands: {
+            insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contentInsertion", {
+            actions: import("@atlaskit/editor-plugin-content-insertion").InsertNodeAPI;
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                sharedState: {
+                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                };
+                dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>];
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"guideline", {
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+            }, undefined>];
+            sharedState: import("@atlaskit/editor-common/guideline").GuidelinePluginState | null;
+            actions: {
+                displayGuideline: import("@atlaskit/editor-common/guideline").DisplayGuideline;
+            };
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+            actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+            commands: {
+                displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+            sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
+            pluginConfiguration: any;
+            dependencies: any;
+            sharedState: any;
+            actions: any;
+        }, any>>];
+    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+        };
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contentInsertion", {
+        actions: import("@atlaskit/editor-plugin-content-insertion").InsertNodeAPI;
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>];
+    }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+        sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+    }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"guideline", {
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>];
+        sharedState: import("@atlaskit/editor-common/guideline").GuidelinePluginState | null;
+        actions: {
+            displayGuideline: import("@atlaskit/editor-common/guideline").DisplayGuideline;
+        };
+    }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+        actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+        commands: {
+            displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+        sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+    }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
+        pluginConfiguration: any;
+        dependencies: any;
+        sharedState: any;
+        actions: any;
+    }, any>>]> | undefined;
+}) => JSX.Element;
 export default ColumnControls;

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

@@ -5,7 +5,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers';
-import type { CellHoverMeta } from '../../types';
+import type { CellHoverMeta, PluginInjectionAPI } from '../../types';
 export interface Props {
     editorView: EditorView;
     getEditorFeatureFlags: GetEditorFeatureFlags;
@@ -26,6 +26,7 @@ export interface Props {
     isNumberColumnEnabled?: boolean;
     getScrollOffset?: () => number;
     tableWrapperHeight?: number;
+    api?: PluginInjectionAPI;
 }
-export declare const TableFloatingColumnControls: ({ editorView, tableRef, getNode, tableActive, hasHeaderRow, hoveredCell, isResizing, stickyHeader, selection, isInDanger, isTableHovered, tableContainerWidth, isNumberColumnEnabled, getScrollOffset, tableWrapperHeight, }: Props) => JSX.Element | null;
+export declare const TableFloatingColumnControls: ({ editorView, tableRef, getNode, tableActive, hasHeaderRow, hoveredCell, isResizing, stickyHeader, selection, isInDanger, isTableHovered, tableContainerWidth, isNumberColumnEnabled, getScrollOffset, tableWrapperHeight, api, }: Props) => JSX.Element | null;
 export default TableFloatingColumnControls;

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

@@ -1,6 +1,229 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { CornerControlProps } from './types';
+export declare const DragCornerControlsWithSelection: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps & {
+    api?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"table", {
+        pluginConfiguration: import("../../../plugin").TablePluginOptions | undefined;
+        actions: {
+            insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
+        };
+        sharedState?: import("../../../types").TableSharedState | undefined;
+        commands: {
+            insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contentInsertion", {
+            actions: import("@atlaskit/editor-plugin-content-insertion").InsertNodeAPI;
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                sharedState: {
+                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                };
+                dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>];
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"guideline", {
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+            }, undefined>];
+            sharedState: import("@atlaskit/editor-common/guideline").GuidelinePluginState | null;
+            actions: {
+                displayGuideline: import("@atlaskit/editor-common/guideline").DisplayGuideline;
+            };
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+            actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+            commands: {
+                displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+            sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
+            pluginConfiguration: any;
+            dependencies: any;
+            sharedState: any;
+            actions: any;
+        }, any>>];
+    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+            performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+        };
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contentInsertion", {
+        actions: import("@atlaskit/editor-plugin-content-insertion").InsertNodeAPI;
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>];
+    }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+        sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+    }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"guideline", {
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>];
+        sharedState: import("@atlaskit/editor-common/guideline").GuidelinePluginState | null;
+        actions: {
+            displayGuideline: import("@atlaskit/editor-common/guideline").DisplayGuideline;
+        };
+    }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+        actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+        commands: {
+            displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+        sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+    }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
+        pluginConfiguration: any;
+        dependencies: any;
+        sharedState: any;
+        actions: any;
+    }, any>>]> | undefined;
+}>> & {
+    WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps & {
+        api?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"table", {
+            pluginConfiguration: import("../../../plugin").TablePluginOptions | undefined;
+            actions: {
+                insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
+            };
+            sharedState?: import("../../../types").TableSharedState | undefined;
+            commands: {
+                insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                sharedState: {
+                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                };
+                dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contentInsertion", {
+                actions: import("@atlaskit/editor-plugin-content-insertion").InsertNodeAPI;
+                dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                    pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                    sharedState: {
+                        createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                        attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                        performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                    };
+                    dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                    actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>];
+            }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+            }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"guideline", {
+                dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                    sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+                }, undefined>];
+                sharedState: import("@atlaskit/editor-common/guideline").GuidelinePluginState | null;
+                actions: {
+                    displayGuideline: import("@atlaskit/editor-common/guideline").DisplayGuideline;
+                };
+            }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+                actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+                commands: {
+                    displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+                };
+                sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+            }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
+                pluginConfiguration: any;
+                dependencies: any;
+                sharedState: any;
+                actions: any;
+            }, any>>];
+        }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contentInsertion", {
+            actions: import("@atlaskit/editor-plugin-content-insertion").InsertNodeAPI;
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                sharedState: {
+                    createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                    attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
+                };
+                dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>];
+                actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+            }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>];
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"guideline", {
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+            }, undefined>];
+            sharedState: import("@atlaskit/editor-common/guideline").GuidelinePluginState | null;
+            actions: {
+                displayGuideline: import("@atlaskit/editor-common/guideline").DisplayGuideline;
+            };
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+            actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+            commands: {
+                displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+            sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
+            pluginConfiguration: any;
+            dependencies: any;
+            sharedState: any;
+            actions: any;
+        }, any>>]> | undefined;
+    }>;
+};
 export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps>;
 };

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

@@ -1,2 +1,2 @@
 export { CornerControls } from './ClassicCornerControls';
-export { DragCornerControls } from './DragCornerControls';
+export { DragCornerControls, DragCornerControlsWithSelection, } from './DragCornerControls';