@atlaskit/editor-plugin-table 7.9.0 → 7.10.1

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

@@ -1,13 +1,12 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl-next';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorContainerWidth, GetEditorFeatureFlags } 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 { RowStickyState, StickyPluginState } from '../pm-plugins/sticky-headers';
 import type { CellHoverMeta, PluginInjectionAPI } from '../types';
-import { ShadowEvent } from '../types';
 import type { TableOptions } from './types';
 export interface ComponentProps {
     view: EditorView;
@@ -30,61 +29,14 @@ export interface ComponentProps {
     getEditorFeatureFlags: GetEditorFeatureFlags;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     pluginInjectionApi?: PluginInjectionAPI;
+    intl: IntlShape;
     isInDanger?: boolean;
     hoveredRows?: number[];
     hoveredCell?: CellHoverMeta;
     isTableHovered?: boolean;
     isWholeTableInDanger?: boolean;
 }
-interface TableState {
-    scroll: number;
-    parentWidth?: number;
-    stickyHeader?: RowStickyState;
-    [ShadowEvent.SHOW_BEFORE_SHADOW]: boolean;
-    [ShadowEvent.SHOW_AFTER_SHADOW]: boolean;
-    tableWrapperWidth?: number;
-    tableWrapperHeight?: number;
-}
-declare class TableComponent extends React.Component<ComponentProps, TableState> {
-    static displayName: string;
-    state: TableState;
-    private wrapper?;
-    private table?;
-    private node;
-    private containerWidth?;
-    private wasResizing?;
-    private tableNodeWidth?;
-    private layoutSize?;
-    private overflowShadowsObserver?;
-    private stickyScrollbar?;
-    private isInitialOverflowSent;
-    private initialOverflowCaptureTimerId?;
-    private resizeObserver?;
-    private dragAndDropCleanupFn?;
-    constructor(props: ComponentProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleColgroupUpdates(force?: boolean): void;
-    componentDidUpdate(_: any, prevState: TableState): void;
-    private updateShadowState;
-    private createShadowSentinels;
-    private observeTable;
-    onStickyState: (state: StickyPluginState) => void;
-    prevTableState: any;
-    render(): JSX.Element;
-    private handleScroll;
-    private handleTableResizing;
-    private scaleTable;
-    private setTimerToSendInitialOverflowCaptured;
-    private handleAutoSize;
-    private handleWindowResize;
-    private getParentNodeWidth;
-    private updateParentWidth;
-    private tableNodeLayoutSize;
-    private scaleTableDebounced;
-    private handleTableResizingDebounced;
-    private handleScrollDebounced;
-    private handleAutoSizeDebounced;
-    private handleWindowResizeDebounced;
-}
-export default TableComponent;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
+    WrappedComponent: React.ComponentType<ComponentProps>;
+};
+export default _default;

package/dist/types/plugin.d.ts

@@ -36,12 +36,12 @@ export type TablePlugin = NextEditorPlugin<'table', {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };
     dependencies: [
-        OptionalPlugin<AccessibilityUtilsPlugin>,
         AnalyticsPlugin,
         ContentInsertionPlugin,
         WidthPlugin,
         GuidelinePlugin,
         SelectionPlugin,
+        OptionalPlugin<AccessibilityUtilsPlugin>,
         OptionalPlugin<MediaPlugin>,
         OptionalPlugin<EditorViewModePlugin>
     ];

package/dist/types/pm-plugins/table-resizing/utils/colgroup.d.ts

@@ -10,7 +10,7 @@ type Col = Array<string | {
  */
 export declare const getColWidthFix: (colwidth: number, tableColumnCount: number) => number;
 export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement) => Col[];
-export declare const insertColgroupFromNode: (tableRef: HTMLTableElement, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean) => HTMLCollection;
+export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean) => HTMLCollection;
 export declare const hasTableBeenResized: (table: PmNode) => boolean;
 /**
  * Check if a table has all the column width set to tableCellMinWidth(48px) or null

package/dist/types/pm-plugins/table-resizing/utils/misc.d.ts

@@ -24,5 +24,5 @@ export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getE
  */
 export declare const getTableElementWidth: (table: PMNode) => number;
 export declare const getTableContainerElementWidth: (table: PMNode) => number;
-export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement) => number;
+export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement | null) => number;
 export {};

package/dist/types/pm-plugins/table-resizing/utils/resize-column.d.ts

@@ -1,3 +1,3 @@
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { ResizeState } from './types';
-export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean) => ResizeState;
+export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement | null, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean) => ResizeState;

package/dist/types/pm-plugins/table-resizing/utils/resize-state.d.ts

@@ -7,7 +7,7 @@ export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, star
     minWidth: number;
     maxSize: number;
     table: PMNode;
-    tableRef: HTMLTableElement;
+    tableRef: HTMLTableElement | null;
     start: number;
     domAtPos: (pos: number) => {
         node: Node;
@@ -15,7 +15,7 @@ export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, star
     };
     isTableScalingEnabled: boolean;
 }) => ResizeState;
-export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement, tableNode?: PMNode, isTableScalingEnabled?: boolean) => void;
+export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement | null, tableNode?: PMNode, isTableScalingEnabled?: boolean) => void;
 export declare const getTotalWidth: ({ cols }: ResizeState) => number;
 export declare const adjustColumnsWidths: (resizeState: ResizeState, maxSize: number) => ResizeState;
 export declare const evenAllColumnsWidths: (resizeState: ResizeState) => ResizeState;

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

@@ -30,15 +30,7 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
         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").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-            dependencies: [];
-            actions: {
-                ariaNotify: (message: string) => void;
-            };
-            sharedState: {
-                message: string;
-            };
-        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -82,7 +74,13 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
                 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", {
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+            };
+            sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
             pluginConfiguration: any;
             dependencies: any;
             sharedState: any;
@@ -132,15 +130,7 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
         } | undefined>>];
-    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-        dependencies: [];
-        actions: {
-            ariaNotify: (message: string) => void;
-        };
-        sharedState: {
-            message: string;
-        };
-    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, 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;
@@ -184,7 +174,13 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
             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", {
+    }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+        };
+        sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         pluginConfiguration: any;
         dependencies: any;
         sharedState: any;

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

@@ -11,15 +11,7 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
         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").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-            dependencies: [];
-            actions: {
-                ariaNotify: (message: string) => void;
-            };
-            sharedState: {
-                message: string;
-            };
-        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -63,7 +55,13 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 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", {
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+            };
+            sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
             pluginConfiguration: any;
             dependencies: any;
             sharedState: any;
@@ -113,15 +111,7 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
         } | undefined>>];
-    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-        dependencies: [];
-        actions: {
-            ariaNotify: (message: string) => void;
-        };
-        sharedState: {
-            message: string;
-        };
-    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, 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;
@@ -165,7 +155,13 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             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", {
+    }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+        };
+        sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         pluginConfiguration: any;
         dependencies: any;
         sharedState: any;
@@ -226,15 +222,7 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             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").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-                dependencies: [];
-                actions: {
-                    ariaNotify: (message: string) => void;
-                };
-                sharedState: {
-                    message: string;
-                };
-            }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                 sharedState: {
                     createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -278,7 +266,13 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                     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", {
+            }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                dependencies: [];
+                actions: {
+                    ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+                };
+                sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+            }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
                 pluginConfiguration: any;
                 dependencies: any;
                 sharedState: any;
@@ -328,15 +322,7 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
             } | undefined>>];
-        }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-            dependencies: [];
-            actions: {
-                ariaNotify: (message: string) => void;
-            };
-            sharedState: {
-                message: string;
-            };
-        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        }, 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;
@@ -380,7 +366,13 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 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", {
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+            };
+            sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
             pluginConfiguration: any;
             dependencies: any;
             sharedState: any;

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

@@ -39,15 +39,7 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         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").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-            dependencies: [];
-            actions: {
-                ariaNotify: (message: string) => void;
-            };
-            sharedState: {
-                message: string;
-            };
-        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -91,7 +83,13 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                 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", {
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+            };
+            sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
             pluginConfiguration: any;
             dependencies: any;
             sharedState: any;
@@ -141,15 +139,7 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
         } | undefined>>];
-    }, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
-        dependencies: [];
-        actions: {
-            ariaNotify: (message: string) => void;
-        };
-        sharedState: {
-            message: string;
-        };
-    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, 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;
@@ -193,7 +183,13 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
             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", {
+    }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
+        };
+        sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         pluginConfiguration: any;
         dependencies: any;
         sharedState: any;

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

@@ -1,13 +1,13 @@
 export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
 export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnInsertLine, createColumnLineResize, createRowInsertLine, } from './decoration';
-export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } from './nodes';
+export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } from './nodes';
 export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, } from './paste';
 export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, isDragRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, isDragCornerButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, isResizeHandleDecoration, hasResizeHandler, findNearestCellIndexToPoint, } from './dom';
 export { convertHTMLCellIndexToColumnIndex, getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, getColumnIndexMappedToColumnIndexInFirstRow, } from './column-controls';
 export { getRowHeights, isRowDeleteButtonVisible, getRowDeleteButtonParams, getRowsParams, getRowClassNames, copyPreviousRow, } from './row-controls';
 export type { RowParams } from './row-controls';
 export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
-export { getMergedCellsPositions } from './table';
+export { getMergedCellsPositions, getAssistiveMessage } from './table';
 export { updatePluginStateDecorations } from './update-plugin-state-decorations';
 export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells, } from './merged-cells';
 export { createTableWithWidth } from './create';

package/dist/types/utils/nodes.d.ts

@@ -9,6 +9,7 @@ export declare const checkIfNumberColumnEnabled: (selection: Selection) => boole
 export declare const getTableWidth: (node: PmNode) => number;
 export declare const tablesHaveDifferentColumnWidths: (currentTable: PmNode, previousTable: PmNode) => boolean;
 export declare const tablesHaveDifferentNoOfColumns: (currentTable: PmNode, previousTable: PmNode) => boolean;
+export declare const tablesHaveDifferentNoOfRows: (currentTable: PmNode, previousTable: PmNode) => boolean;
 export declare const isTableNested: (state: EditorState, tablePos?: number) => boolean;
 export declare const anyChildCellMergedAcrossRow: (node: PmNode) => boolean;
 /**

package/dist/types/utils/table.d.ts

@@ -1,4 +1,7 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
 export declare const getMergedCellsPositions: (tr: Transaction) => number[];
 export declare const colsToRect: (cols: Array<number>, noOfRows: number) => Rect;
+export declare const getAssistiveMessage: (prevTableNode: PmNode, currentTableNode: PmNode, intl: IntlShape) => string;

package/dist/types-ts4.5/commands/column-resize.d.ts

@@ -1,26 +1,27 @@
 import type { IntlShape } from 'react-intl-next/src/types';
 import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Direction } from '@atlaskit/editor-tables/types';
 export declare const initiateKeyboardColumnResizing: ({ ariaNotify, getIntl, }: {
-    ariaNotify?: ((message: string) => void) | undefined;
+    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
     getIntl?: (() => IntlShape) | undefined;
 }) => Command;
 export declare const activateNextResizeArea: ({ direction, ariaNotify, getIntl, }: {
     direction: Direction;
-    ariaNotify?: ((message: string) => void) | undefined;
+    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
     getIntl?: (() => IntlShape) | undefined;
 }) => Command;
 export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWidth, isTableScalingEnabled, ariaNotify, getIntl, }: {
     stepSize: number;
     getEditorContainerWidth: GetEditorContainerWidth;
     isTableScalingEnabled: boolean;
-    ariaNotify?: ((message: string) => void) | undefined;
+    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
     getIntl?: (() => IntlShape) | undefined;
     originalTr?: Transaction | undefined;
 }) => Command;
 export declare const stopKeyboardColumnResizing: ({ ariaNotify, getIntl, originalTr, }: {
-    ariaNotify?: ((message: string) => void) | undefined;
+    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
     getIntl?: (() => IntlShape) | undefined;
     originalTr?: Transaction | undefined;
 }) => Command;

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

@@ -1,13 +1,12 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl-next';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorContainerWidth, GetEditorFeatureFlags } 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 { RowStickyState, StickyPluginState } from '../pm-plugins/sticky-headers';
 import type { CellHoverMeta, PluginInjectionAPI } from '../types';
-import { ShadowEvent } from '../types';
 import type { TableOptions } from './types';
 export interface ComponentProps {
     view: EditorView;
@@ -30,61 +29,14 @@ export interface ComponentProps {
     getEditorFeatureFlags: GetEditorFeatureFlags;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     pluginInjectionApi?: PluginInjectionAPI;
+    intl: IntlShape;
     isInDanger?: boolean;
     hoveredRows?: number[];
     hoveredCell?: CellHoverMeta;
     isTableHovered?: boolean;
     isWholeTableInDanger?: boolean;
 }
-interface TableState {
-    scroll: number;
-    parentWidth?: number;
-    stickyHeader?: RowStickyState;
-    [ShadowEvent.SHOW_BEFORE_SHADOW]: boolean;
-    [ShadowEvent.SHOW_AFTER_SHADOW]: boolean;
-    tableWrapperWidth?: number;
-    tableWrapperHeight?: number;
-}
-declare class TableComponent extends React.Component<ComponentProps, TableState> {
-    static displayName: string;
-    state: TableState;
-    private wrapper?;
-    private table?;
-    private node;
-    private containerWidth?;
-    private wasResizing?;
-    private tableNodeWidth?;
-    private layoutSize?;
-    private overflowShadowsObserver?;
-    private stickyScrollbar?;
-    private isInitialOverflowSent;
-    private initialOverflowCaptureTimerId?;
-    private resizeObserver?;
-    private dragAndDropCleanupFn?;
-    constructor(props: ComponentProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleColgroupUpdates(force?: boolean): void;
-    componentDidUpdate(_: any, prevState: TableState): void;
-    private updateShadowState;
-    private createShadowSentinels;
-    private observeTable;
-    onStickyState: (state: StickyPluginState) => void;
-    prevTableState: any;
-    render(): JSX.Element;
-    private handleScroll;
-    private handleTableResizing;
-    private scaleTable;
-    private setTimerToSendInitialOverflowCaptured;
-    private handleAutoSize;
-    private handleWindowResize;
-    private getParentNodeWidth;
-    private updateParentWidth;
-    private tableNodeLayoutSize;
-    private scaleTableDebounced;
-    private handleTableResizingDebounced;
-    private handleScrollDebounced;
-    private handleAutoSizeDebounced;
-    private handleWindowResizeDebounced;
-}
-export default TableComponent;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
+    WrappedComponent: React.ComponentType<ComponentProps>;
+};
+export default _default;

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

@@ -36,12 +36,12 @@ export type TablePlugin = NextEditorPlugin<'table', {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };
     dependencies: [
-        OptionalPlugin<AccessibilityUtilsPlugin>,
         AnalyticsPlugin,
         ContentInsertionPlugin,
         WidthPlugin,
         GuidelinePlugin,
         SelectionPlugin,
+        OptionalPlugin<AccessibilityUtilsPlugin>,
         OptionalPlugin<MediaPlugin>,
         OptionalPlugin<EditorViewModePlugin>
     ];

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/colgroup.d.ts

@@ -10,7 +10,7 @@ type Col = Array<string | {
  */
 export declare const getColWidthFix: (colwidth: number, tableColumnCount: number) => number;
 export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement) => Col[];
-export declare const insertColgroupFromNode: (tableRef: HTMLTableElement, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean) => HTMLCollection;
+export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean) => HTMLCollection;
 export declare const hasTableBeenResized: (table: PmNode) => boolean;
 /**
  * Check if a table has all the column width set to tableCellMinWidth(48px) or null

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/misc.d.ts

@@ -24,5 +24,5 @@ export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getE
  */
 export declare const getTableElementWidth: (table: PMNode) => number;
 export declare const getTableContainerElementWidth: (table: PMNode) => number;
-export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement) => number;
+export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement | null) => number;
 export {};

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/resize-column.d.ts

@@ -1,3 +1,3 @@
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { ResizeState } from './types';
-export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean) => ResizeState;
+export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement | null, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean) => ResizeState;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/resize-state.d.ts

@@ -7,7 +7,7 @@ export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, star
     minWidth: number;
     maxSize: number;
     table: PMNode;
-    tableRef: HTMLTableElement;
+    tableRef: HTMLTableElement | null;
     start: number;
     domAtPos: (pos: number) => {
         node: Node;
@@ -15,7 +15,7 @@ export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, star
     };
     isTableScalingEnabled: boolean;
 }) => ResizeState;
-export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement, tableNode?: PMNode, isTableScalingEnabled?: boolean) => void;
+export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement | null, tableNode?: PMNode, isTableScalingEnabled?: boolean) => void;
 export declare const getTotalWidth: ({ cols }: ResizeState) => number;
 export declare const adjustColumnsWidths: (resizeState: ResizeState, maxSize: number) => ResizeState;
 export declare const evenAllColumnsWidths: (resizeState: ResizeState) => ResizeState;