@atlaskit/editor-plugin-table 0.0.0 → 0.0.1

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

@@ -0,0 +1,4 @@
+export declare function contentWidth(elem: HTMLElement, container: HTMLElement, colWidths?: number[], canvas?: HTMLCanvasElement): {
+    minWidth: number;
+    width: number;
+};

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

@@ -0,0 +1,13 @@
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+export declare const updateControls: (getEditorFeatureFlags: GetEditorFeatureFlags) => (state: EditorState) => void;
+export declare const isClickNear: (event: MouseEvent, click: {
+    x: number;
+    y: number;
+}) => boolean;
+export declare const getResizeCellPos: (view: EditorView, event: MouseEvent, lastColumnResizable: boolean) => number | null;
+export declare const updateStickyMargins: (table: HTMLElement) => void;
+export declare const applyColWidthsToStickyRow: (colGroup: HTMLTableColElement | null, headerRow: HTMLTableRowElement) => void;
+export declare const syncStickyRowToTable: (tableRef?: HTMLElement | null | undefined) => void;
+export declare const applyTableWidthToStickyRow: (tableRef: HTMLElement, headerRow: HTMLTableRowElement) => void;

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

@@ -0,0 +1,12 @@
+export { generateColgroup, insertColgroupFromNode, hasTableBeenResized, } from './colgroup';
+export { contentWidth } from './content-width';
+export { getColumnStateFromDOM, getFreeSpace, getCellsRefsInColumn, calculateColumnWidth, addContainerLeftRightPadding, } from './column-state';
+export type { ColumnState } from './column-state';
+export { growColumn, shrinkColumn, reduceSpace } from './resize-logic';
+export { getResizeState, updateColgroup, getTotalWidth, evenAllColumnsWidths, bulkColumnsResize, areColumnsEven, adjustColumnsWidths, } from './resize-state';
+export { tableLayoutToSize, getLayoutSize, getDefaultLayoutMaxWidth, pointsAtCell, currentColWidth, domCellAround, } from './misc';
+export { updateControls, isClickNear, getResizeCellPos } from './dom';
+export { scale, scaleWithParent } from './scale-table';
+export type { ScaleOptions } from './scale-table';
+export type { ResizeState, ResizeStateWithAnalytics } from './types';
+export { resizeColumn } from './resize-column';

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

@@ -0,0 +1,22 @@
+import { ResolvedPos } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { CellAttributes, TableLayout } from '@atlaskit/adf-schema';
+import { TableOptions } from '../../../nodeviews/types';
+import { Node as PMNode } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+export declare const tableLayoutToSize: Record<string, number>;
+export declare function getLayoutSize(tableLayout: TableLayout, containerWidth: number | undefined, options: TableOptions): number;
+export declare function getDefaultLayoutMaxWidth(containerWidth?: number): number;
+export declare function pointsAtCell($pos: ResolvedPos<any>): false | PMNode<any> | null | undefined;
+export declare function currentColWidth(view: EditorView, cellPos: number, { colspan, colwidth }: CellAttributes): number;
+export declare function domCellAround(target: HTMLElement | null): HTMLElement | null;
+interface getTableMaxWidthProps {
+    table: PMNode;
+    tableStart: number;
+    state: EditorState;
+    layout: TableLayout;
+    getEditorContainerWidth: GetEditorContainerWidth;
+}
+export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getEditorContainerWidth, }: getTableMaxWidthProps) => any;
+export {};

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

@@ -0,0 +1,2 @@
+import { ResizeState } from './types';
+export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement, selectedColumns?: number[] | undefined) => ResizeState;

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

@@ -0,0 +1,4 @@
+import { ResizeState } from './types';
+export declare const growColumn: (state: ResizeState, colIndex: number, amount: number, selectedColumns?: number[] | undefined) => ResizeState;
+export declare const shrinkColumn: (state: ResizeState, colIndex: number, amount: number, selectedColumns?: number[] | undefined) => ResizeState;
+export declare function reduceSpace(state: ResizeState, amount: number, ignoreCols?: number[]): ResizeState;

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

@@ -0,0 +1,29 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+import { TableLayout } from '@atlaskit/adf-schema';
+import { ResizeState, ResizeStateWithAnalytics } from './types';
+import { EditorState } from 'prosemirror-state';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, start, domAtPos, }: {
+    minWidth: number;
+    maxSize: number;
+    table: PMNode;
+    tableRef: HTMLTableElement;
+    start: number;
+    domAtPos: (pos: number) => {
+        node: Node;
+        offset: number;
+    };
+}) => ResizeState;
+export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement) => void;
+export declare const getTotalWidth: ({ cols }: ResizeState) => number;
+export declare const adjustColumnsWidths: (resizeState: ResizeState, maxSize: number) => ResizeState;
+export declare const evenAllColumnsWidths: (resizeState: ResizeState) => ResizeState;
+export declare const evenSelectedColumnsWidths: (resizeState: ResizeState, rect: Rect) => ResizeState;
+export declare const bulkColumnsResize: (resizeState: ResizeState, columnsIndexes: number[], sourceColumnIndex: number) => ResizeState;
+export declare const areColumnsEven: (resizeState: ResizeState) => boolean;
+export declare const normaliseTableLayout: (input: string | undefined | null) => TableLayout;
+export declare const getNewResizeStateFromSelectedColumns: (rect: Rect, state: EditorState, domAtPos: (pos: number) => {
+    node: Node;
+    offset: number;
+}, getEditorContainerWidth: GetEditorContainerWidth) => ResizeStateWithAnalytics | undefined;

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

@@ -0,0 +1,17 @@
+import { Node as PMNode } from 'prosemirror-model';
+import type { DomAtPos } from 'prosemirror-utils';
+import { ResizeState } from '../utils/types';
+export interface ScaleOptions {
+    node: PMNode;
+    prevNode: PMNode;
+    start: number;
+    containerWidth?: number;
+    previousContainerWidth?: number;
+    parentWidth?: number;
+    layoutChanged?: boolean;
+    isBreakoutEnabled?: boolean;
+    isFullWidthModeEnabled?: boolean;
+}
+export declare const scale: (tableRef: HTMLTableElement, options: ScaleOptions, domAtPos: DomAtPos) => ResizeState | undefined;
+export declare const scaleWithParent: (tableRef: HTMLTableElement, parentWidth: number, table: PMNode, start: number, domAtPos: DomAtPos) => ResizeState;
+export declare function scaleTableTo(state: ResizeState, maxSize: number): ResizeState;

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

@@ -0,0 +1,22 @@
+import { ColumnState } from './column-state';
+import { ContentNodeWithPos } from 'prosemirror-utils';
+export interface ResizeState {
+    cols: ColumnState[];
+    widths: number[];
+    maxSize: number;
+    overflow: boolean;
+    tableWidth: number;
+}
+export interface ResizeStateWithAnalytics {
+    resizeState: ResizeState;
+    table: ContentNodeWithPos;
+    changed: boolean;
+    attributes: {
+        position: number;
+        count: number;
+        totalRowCount: number;
+        totalColumnCount: number;
+        widthsBefore: number[];
+        widthsAfter: number[];
+    };
+}

package/dist/types/plugins/table/pm-plugins/table-resizing/utils/unit-to-number.d.ts

@@ -0,0 +1 @@
+export declare const unitToNumber: (unit: string | null) => number;

package/dist/types/plugins/table/pm-plugins/table-selection-keymap.d.ts

@@ -0,0 +1,4 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
+export declare function tableSelectionKeymapPlugin(editorSelectionAPI: EditorSelectionAPI | undefined | null): SafePlugin;
+export default tableSelectionKeymapPlugin;

package/dist/types/plugins/table/reducer.d.ts

@@ -0,0 +1,3 @@
+import { TablePluginAction, TablePluginState } from './types';
+declare const _default: (pluginState: TablePluginState, action: TablePluginAction) => TablePluginState;
+export default _default;

package/dist/types/plugins/table/todo-stubs.d.ts

@@ -0,0 +1 @@
+export declare const sendLogs: (_a?: any) => void;

package/dist/types/plugins/table/toolbar.d.ts

@@ -0,0 +1,36 @@
+import type { Command, FloatingToolbarDropdown, FloatingToolbarHandler, FloatingToolbarItem } from '@atlaskit/editor-common/types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { ToolbarMenuConfig, ToolbarMenuState, ToolbarMenuContext, PluginConfig } from './types';
+import { EditorState } from 'prosemirror-state';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const messages: {
+    tableOptions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    headerRow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    headerColumn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    numberedColumn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    collapseTable: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarItem<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (config: PluginConfig) => FloatingToolbarHandler;

package/dist/types/plugins/table/transforms/column-width.d.ts

@@ -0,0 +1,18 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+import { ResizeState } from '../pm-plugins/table-resizing/utils';
+import { ContentNodeWithPos } from 'prosemirror-utils';
+import { EditorView } from 'prosemirror-view';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNode, start: number) => (tr: Transaction) => Transaction;
+/**
+ * This function is called when user inserts/deletes a column in a table to;
+ * - rescale all columns (if the table did not overflow before the insertion)
+ * - and update column widths.
+ *
+ * This is done manually to avoid a multi-dispatch in TableComponent. See [ED-8288].
+ * @param table
+ * @param view
+ * @returns Updated transaction with rescaled columns for a given table
+ */
+export declare const rescaleColumns: (getEditorContainerWidth: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;

package/dist/types/plugins/table/transforms/delete-columns.d.ts

@@ -0,0 +1,3 @@
+import { Transaction } from 'prosemirror-state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const deleteColumns: (rect: Rect, allowAddColumnCustomStep?: boolean) => (tr: Transaction) => Transaction;

package/dist/types/plugins/table/transforms/delete-rows.d.ts

@@ -0,0 +1,3 @@
+import { Transaction } from 'prosemirror-state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const deleteRows: (rect: Rect, isHeaderRowRequired?: boolean) => (tr: Transaction) => Transaction;

package/dist/types/plugins/table/transforms/fix-tables.d.ts

@@ -0,0 +1,10 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { ReportInvalidNodeAttrs } from '../types';
+export declare const fireAnalytics: (properties?: {}) => void;
+export declare const removeExtraneousColumnWidths: (node: PMNode, basePos: number, tr: Transaction, reportInvalidTableCellSpanAttrs?: ReportInvalidNodeAttrs | undefined) => boolean;
+export declare const fixTables: (tr: Transaction, reportInvalidTableCellSpanAttrs?: ReportInvalidNodeAttrs | undefined) => Transaction | undefined;
+export declare const fixAutoSizedTable: (view: EditorView, tableNode: PMNode, tableRef: HTMLTableElement, tablePos: number, opts: {
+    containerWidth: number;
+}) => Transaction;

package/dist/types/plugins/table/transforms/index.d.ts

@@ -0,0 +1,7 @@
+export { mergeCells, canMergeCells, removeEmptyColumns } from './merge';
+export { fireAnalytics, fixTables, fixAutoSizedTable } from './fix-tables';
+export { deleteColumns } from './delete-columns';
+export { deleteRows } from './delete-rows';
+export { updateColumnWidths } from './column-width';
+export { setMeta } from './metadata';
+export { replaceSelectedTable } from './replace-table';

package/dist/types/plugins/table/transforms/merge.d.ts

@@ -0,0 +1,5 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+export declare function mergeCells(tr: Transaction): Transaction;
+export declare function canMergeCells(tr: Transaction): boolean;
+export declare function removeEmptyColumns(table: PMNode): PMNode | null;

package/dist/types/plugins/table/transforms/metadata.d.ts

@@ -0,0 +1,21 @@
+import { Transaction } from 'prosemirror-state';
+declare type TableProblems = 'NEGATIVE_ROWSPAN' | 'REMOVE_EMPTY_ROWS' | 'REMOVE_EMPTY_COLUMNS' | 'EMPTY_TABLE' | 'FIX_ROWSPANS' | 'COLWIDTHS_BEFORE_UPDATE' | 'COLWIDTHS_AFTER_UPDATE';
+export declare type TableMetaData = {
+    type: 'MERGE_CELLS';
+    problem?: TableProblems;
+} | {
+    type: 'DELETE_ROWS';
+    problem?: TableProblems;
+} | {
+    type: 'DELETE_COLUMNS';
+    problem?: TableProblems;
+} | {
+    type: 'UPDATE_COLUMN_WIDTHS';
+    data: {
+        colwidths: number[];
+        colspan: number;
+    };
+    problem?: TableProblems;
+};
+export declare const setMeta: (meta: TableMetaData) => (tr: Transaction) => Transaction;
+export {};

package/dist/types/plugins/table/transforms/replace-table.d.ts

@@ -0,0 +1,5 @@
+import { Transaction, EditorState } from 'prosemirror-state';
+import { Slice } from 'prosemirror-model';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export declare const replaceSelectedTable: (state: EditorState, content: string | Slice, inputMethod: INPUT_METHOD.KEYBOARD | INPUT_METHOD.CLIPBOARD, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => Transaction;

package/dist/types/plugins/table/transforms/split.d.ts

@@ -0,0 +1,9 @@
+import { Transaction } from 'prosemirror-state';
+/**
+ * Helper to split all the cells in a range of columns
+ * @param tr
+ * @param tablePos
+ * @param columnStart - Start of the rect included (rect.left)
+ * @param columnEnd - End of the rect not included (rect.right)
+ */
+export declare function splitCellsInColumns(tr: Transaction, tablePos: number, columnStart: number, columnEnd: number): Transaction;

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

@@ -0,0 +1,328 @@
+import { Node as PmNode } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+import { DecorationSet } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import { TableLayout } from '@atlaskit/adf-schema';
+import { TableColumnOrdering } from '@atlaskit/adf-schema/steps';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
+export declare type RowInsertPosition = 'TOP' | 'BOTTOM';
+export declare type PermittedLayoutsDescriptor = TableLayout[] | 'all';
+export declare type Cell = {
+    pos: number;
+    start: number;
+    node: PmNode;
+};
+export declare type CellTransform = (cell: Cell) => (tr: Transaction) => Transaction;
+export interface InsertRowOptions {
+    index: number;
+    moveCursorToInsertedRow: boolean;
+}
+export declare type InsertRowMethods = INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB;
+export interface PluginConfig {
+    advanced?: boolean;
+    allowBackgroundColor?: boolean;
+    allowColumnResizing?: boolean;
+    allowHeaderColumn?: boolean;
+    allowHeaderRow?: boolean;
+    allowMergeCells?: boolean;
+    allowNumberColumn?: boolean;
+    allowColumnSorting?: boolean;
+    allowAddColumnWithCustomStep?: boolean;
+    allowCollapse?: boolean;
+    isHeaderRowRequired?: boolean;
+    stickToolbarToBottom?: boolean;
+    permittedLayouts?: PermittedLayoutsDescriptor;
+    allowControls?: boolean;
+    stickyHeaders?: boolean;
+    allowCellOptionsInFloatingToolbar?: boolean;
+    tableCellOptimization?: boolean;
+    tableRenderOptimization?: boolean;
+    stickyHeadersOptimization?: boolean;
+    initialRenderOptimization?: boolean;
+    mouseMoveOptimization?: boolean;
+    tableOverflowShadowsOptimization?: boolean;
+    allowDistributeColumns?: boolean;
+}
+export interface ColumnResizingPluginState {
+    resizeHandlePos: number | null;
+    dragging: {
+        startX: number;
+        startWidth: number;
+    } | null;
+    lastClick: {
+        x: number;
+        y: number;
+        time: number;
+    } | null;
+    lastColumnResizable?: boolean;
+}
+export declare type CellColumnPositioning = Pick<Rect, 'right' | 'left'>;
+export interface TablePluginState {
+    editorHasFocus?: boolean;
+    hoveredColumns: number[];
+    hoveredRows: number[];
+    pluginConfig: PluginConfig;
+    isHeaderColumnEnabled: boolean;
+    isHeaderRowEnabled: boolean;
+    isNumberColumnEnabled?: boolean;
+    targetCellPosition?: number;
+    tableNode?: PmNode;
+    tableRef?: HTMLTableElement;
+    tablePos?: number;
+    tableWrapperTarget?: HTMLElement;
+    isContextualMenuOpen?: boolean;
+    isInDanger?: boolean;
+    insertColumnButtonIndex?: number;
+    insertRowButtonIndex?: number;
+    isFullWidthModeEnabled?: boolean;
+    layout?: TableLayout;
+    ordering?: TableColumnOrdering;
+    resizeHandleColumnIndex?: number;
+    tableCellOptimization?: boolean;
+    isTableCollapsed?: boolean;
+    canCollapseTable?: boolean;
+}
+export declare type TablePluginAction = {
+    type: 'SET_EDITOR_FOCUS';
+    data: {
+        editorHasFocus: boolean;
+    };
+} | {
+    type: 'TOGGLE_HEADER_ROW';
+} | {
+    type: 'TOGGLE_HEADER_COLUMN';
+} | {
+    type: 'SORT_TABLE';
+    data: {
+        ordering: TableColumnOrdering;
+    };
+} | {
+    type: 'SET_TABLE_REF';
+    data: {
+        tableRef?: HTMLTableElement;
+        tableNode?: PmNode;
+        tableWrapperTarget?: HTMLElement;
+        layout: TableLayout;
+        isHeaderRowEnabled: boolean;
+        isHeaderColumnEnabled: boolean;
+    };
+} | {
+    type: 'HOVER_ROWS';
+    data: {
+        decorationSet: DecorationSet;
+        hoveredRows: number[];
+        isInDanger?: boolean;
+    };
+} | {
+    type: 'HOVER_CELLS';
+    data: {
+        decorationSet: DecorationSet;
+    };
+} | {
+    type: 'HOVER_COLUMNS';
+    data: {
+        decorationSet: DecorationSet;
+        hoveredColumns: number[];
+        isInDanger?: boolean;
+    };
+} | {
+    type: 'HOVER_TABLE';
+    data: {
+        decorationSet: DecorationSet;
+        hoveredRows: number[];
+        hoveredColumns: number[];
+        isInDanger?: boolean;
+    };
+} | {
+    type: 'ADD_RESIZE_HANDLE_DECORATIONS';
+    data: {
+        decorationSet: DecorationSet;
+        resizeHandleColumnIndex: number;
+    };
+} | {
+    type: 'CLEAR_HOVER_SELECTION';
+    data: {
+        decorationSet: DecorationSet;
+    };
+} | {
+    type: 'SHOW_RESIZE_HANDLE_LINE';
+    data: {
+        decorationSet: DecorationSet;
+    };
+} | {
+    type: 'HIDE_RESIZE_HANDLE_LINE';
+    data: {
+        decorationSet: DecorationSet;
+    };
+} | {
+    type: 'SET_TARGET_CELL_POSITION';
+    data: {
+        targetCellPosition?: number;
+    };
+} | {
+    type: 'SELECT_COLUMN';
+    data: {
+        targetCellPosition: number;
+        decorationSet: DecorationSet;
+    };
+} | {
+    type: 'SET_TABLE_LAYOUT';
+    data: {
+        layout: TableLayout;
+    };
+} | {
+    type: 'SHOW_INSERT_ROW_BUTTON';
+    data: {
+        insertRowButtonIndex: number;
+    };
+} | {
+    type: 'SHOW_INSERT_COLUMN_BUTTON';
+    data: {
+        insertColumnButtonIndex: number;
+    };
+} | {
+    type: 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON';
+} | {
+    type: 'TOGGLE_CONTEXTUAL_MENU';
+};
+export declare type ColumnResizingPluginAction = {
+    type: 'SET_RESIZE_HANDLE_POSITION';
+    data: {
+        resizeHandlePos: number | null;
+    };
+} | {
+    type: 'STOP_RESIZING';
+} | {
+    type: 'SET_DRAGGING';
+    data: {
+        dragging: {
+            startX: number;
+            startWidth: number;
+        } | null;
+    };
+} | {
+    type: 'SET_LAST_CLICK';
+    data: {
+        lastClick: {
+            x: number;
+            y: number;
+            time: number;
+        } | null;
+    };
+};
+export declare enum TableDecorations {
+    ALL_CONTROLS_HOVER = "CONTROLS_HOVER",
+    ROW_CONTROLS_HOVER = "ROW_CONTROLS_HOVER",
+    COLUMN_CONTROLS_HOVER = "COLUMN_CONTROLS_HOVER",
+    TABLE_CONTROLS_HOVER = "TABLE_CONTROLS_HOVER",
+    CELL_CONTROLS_HOVER = "CELL_CONTROLS_HOVER",
+    COLUMN_CONTROLS_DECORATIONS = "COLUMN_CONTROLS_DECORATIONS",
+    COLUMN_SELECTED = "COLUMN_SELECTED",
+    COLUMN_RESIZING_HANDLE = "COLUMN_RESIZING_HANDLE",
+    COLUMN_RESIZING_HANDLE_LINE = "COLUMN_RESIZING_HANDLE_LINE",
+    LAST_CELL_ELEMENT = "LAST_CELL_ELEMENT"
+}
+export declare const TableCssClassName: {
+    COLUMN_CONTROLS: string;
+    COLUMN_CONTROLS_DECORATIONS: string;
+    COLUMN_SELECTED: string;
+    ROW_CONTROLS_WRAPPER: string;
+    ROW_CONTROLS: string;
+    ROW_CONTROLS_INNER: string;
+    ROW_CONTROLS_BUTTON_WRAP: string;
+    ROW_CONTROLS_BUTTON: string;
+    CONTROLS_BUTTON: string;
+    CONTROLS_BUTTON_ICON: string;
+    CONTROLS_INSERT_BUTTON: string;
+    CONTROLS_INSERT_BUTTON_INNER: string;
+    CONTROLS_INSERT_BUTTON_WRAP: string;
+    CONTROLS_INSERT_LINE: string;
+    CONTROLS_BUTTON_OVERLAY: string;
+    LAYOUT_BUTTON: string;
+    CONTROLS_INSERT_MARKER: string;
+    CONTROLS_INSERT_COLUMN: string;
+    CONTROLS_INSERT_ROW: string;
+    CONTROLS_DELETE_BUTTON_WRAP: string;
+    CONTROLS_DELETE_BUTTON: string;
+    CONTROLS_FLOATING_BUTTON_COLUMN: string;
+    CONTROLS_FLOATING_BUTTON_ROW: string;
+    CORNER_CONTROLS: string;
+    CORNER_CONTROLS_INSERT_ROW_MARKER: string;
+    CORNER_CONTROLS_INSERT_COLUMN_MARKER: string;
+    CONTROLS_CORNER_BUTTON: string;
+    NUMBERED_COLUMN: string;
+    NUMBERED_COLUMN_BUTTON: string;
+    HOVERED_COLUMN: string;
+    HOVERED_ROW: string;
+    HOVERED_TABLE: string;
+    HOVERED_CELL: string;
+    HOVERED_CELL_IN_DANGER: string;
+    HOVERED_CELL_ACTIVE: string;
+    HOVERED_CELL_WARNING: string;
+    HOVERED_DELETE_BUTTON: string;
+    WITH_CONTROLS: string;
+    RESIZING_PLUGIN: string;
+    RESIZE_CURSOR: string;
+    IS_RESIZING: string;
+    RESIZE_HANDLE: string;
+    RESIZE_HANDLE_DECORATION: string;
+    CONTEXTUAL_SUBMENU: string;
+    CONTEXTUAL_MENU_BUTTON_WRAP: string;
+    CONTEXTUAL_MENU_BUTTON: string;
+    CONTEXTUAL_MENU_ICON: string;
+    SELECTED_CELL: string;
+    NODEVIEW_WRAPPER: string;
+    TABLE_SELECTED: string;
+    TABLE_CELL: string;
+    TABLE_HEADER_CELL: string;
+    TABLE_STICKY: string;
+    TOP_LEFT_CELL: string;
+    LAST_ITEM_IN_CELL: string;
+    WITH_RESIZE_LINE: string;
+    TABLE_CONTAINER: string;
+    TABLE_NODE_WRAPPER: string;
+    TABLE_LEFT_SHADOW: string;
+    TABLE_RIGHT_SHADOW: string;
+    TABLE_STICKY_SHADOW: string;
+    TABLE_STICKY_WRAPPER: string;
+    TABLE_STICKY_SENTINEL_TOP: string;
+    TABLE_STICKY_SENTINEL_BOTTOM: string;
+    TABLE_CELL_NODEVIEW_CONTENT_DOM: string;
+    TABLE_CELL_WRAPPER: string;
+    TABLE_HEADER_CELL_WRAPPER: string;
+    TABLE_ROW_CONTROLS_WRAPPER: string;
+    TABLE_COLUMN_CONTROLS_DECORATIONS: string;
+};
+export interface ToolbarMenuConfig {
+    allowHeaderRow?: boolean;
+    allowHeaderColumn?: boolean;
+    allowNumberColumn?: boolean;
+    allowCollapse?: boolean;
+}
+export interface ToolbarMenuState {
+    isHeaderRowEnabled?: boolean;
+    isHeaderColumnEnabled?: boolean;
+    isNumberColumnEnabled?: boolean;
+    isTableCollapsed?: boolean;
+    canCollapseTable?: boolean;
+}
+export interface ToolbarMenuContext {
+    formatMessage: IntlShape['formatMessage'];
+}
+export declare type ElementContentRects = {
+    [key: string]: ResizeObserverEntry['contentRect'];
+};
+export declare enum ShadowEvent {
+    SHOW_BEFORE_SHADOW = "showBeforeShadow",
+    SHOW_AFTER_SHADOW = "showAfterShadow"
+}
+export declare type ReportInvalidNodeAttrs = (invalidNodeAttrs: InvalidNodeAttr) => void;
+export declare type InvalidNodeAttr = {
+    nodeType: string;
+    attribute: string;
+    reason: string;
+    spanValue: number;
+    tableLocalId: string;
+};

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

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { EditorView } from 'prosemirror-view';
+import { WrappedComponentProps } from 'react-intl-next';
+import { TableLayout } from '@atlaskit/adf-schema';
+import { RowStickyState } from '../../pm-plugins/sticky-headers';
+import { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { Node as PMNode } from 'prosemirror-model';
+export interface Props {
+    editorView: EditorView;
+    tableNode?: PMNode;
+    targetCellPosition: number;
+    isContextualMenuOpen?: boolean;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    layout?: TableLayout;
+    isNumberColumnEnabled?: boolean;
+    stickyHeader?: RowStickyState;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+}
+export declare class FloatingContextualButtonInner extends React.Component<Props & WrappedComponentProps, any> {
+    static displayName: string;
+    render(): jsx.JSX.Element | null;
+    shouldComponentUpdate(nextProps: Props): boolean;
+    private handleClick;
+}
+export default function (props: Props): jsx.JSX.Element;

package/dist/types/plugins/table/ui/FloatingContextualButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const tableFloatingCellButtonStyles: import("@emotion/react").SerializedStyles;