@atlaskit/editor-plugin-table 0.0.2 → 0.0.4

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/plugins/table/ui/FloatingContextualButton/styles.d.ts

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

package/dist/types-ts4.0/plugins/table/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -0,0 +1,87 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+import { EditorView } from 'prosemirror-view';
+import { WrappedComponentProps } from 'react-intl-next';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export declare const messages: {
+    cellBackground: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    mergeCells: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    splitCell: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    clearCells: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    sortColumnASC: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    sortColumnDESC: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    canNotSortTable: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    distributeColumns: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export interface Props {
+    editorView: EditorView;
+    isOpen: boolean;
+    selectionRect: Rect;
+    targetCellPosition?: number;
+    mountPoint?: HTMLElement;
+    allowMergeCells?: boolean;
+    allowColumnSorting?: boolean;
+    allowBackgroundColor?: boolean;
+    boundariesElement?: HTMLElement;
+    offset?: Array<number>;
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
+    getEditorContainerWidth: GetEditorContainerWidth;
+}
+export interface State {
+    isSubmenuOpen: boolean;
+}
+export declare class ContextualMenu extends Component<Props & WrappedComponentProps, State> {
+    state: State;
+    static defaultProps: {
+        boundariesElement: HTMLElement;
+    };
+    render(): jsx.JSX.Element | null;
+    private handleSubMenuRef;
+    private createItems;
+    private onMenuItemActivated;
+    private toggleOpen;
+    private handleOpenChange;
+    private handleItemMouseEnter;
+    private handleItemMouseLeave;
+    private closeSubmenu;
+    private setColor;
+}
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/plugins/table/ui/FloatingContextualMenu/index.d.ts

@@ -0,0 +1,22 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { EditorView } from 'prosemirror-view';
+import { PluginConfig } from '../../types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+export interface Props {
+    editorView: EditorView;
+    isOpen: boolean;
+    getEditorContainerWidth: GetEditorContainerWidth;
+    targetCellPosition?: number;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    pluginConfig?: PluginConfig;
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
+}
+declare const FloatingContextualMenu: {
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, }: Props): jsx.JSX.Element | null;
+    displayName: string;
+};
+export default FloatingContextualMenu;

package/dist/types-ts4.0/plugins/table/ui/FloatingContextualMenu/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const cellColourPreviewStyles: (selectedColor: string) => import("@emotion/react").SerializedStyles;
+export declare const tablePopupStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/plugins/table/ui/FloatingDeleteButton/DeleteButton.d.ts

@@ -0,0 +1,14 @@
+import React, { SyntheticEvent } from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { MessageDescriptor } from 'react-intl-next';
+export interface ButtonProps {
+    removeLabel: MessageDescriptor;
+    style?: object;
+    onClick?: (event: SyntheticEvent) => void;
+    onMouseEnter?: (event: SyntheticEvent) => void;
+    onMouseLeave?: (event: SyntheticEvent) => void;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/plugins/table/ui/FloatingDeleteButton/getPopUpOptions.d.ts

@@ -0,0 +1,10 @@
+import type { PopupProps } from '@atlaskit/editor-common/ui';
+import { CellSelectionType } from './types';
+interface GetPopupOptions {
+    left: number;
+    top: number;
+    selectionType?: CellSelectionType;
+    tableWrapper: HTMLElement | null;
+}
+export default function getPopupOptions({ left, top, selectionType, tableWrapper, }: GetPopupOptions): Partial<PopupProps>;
+export {};

package/dist/types-ts4.0/plugins/table/ui/FloatingDeleteButton/index.d.ts

@@ -0,0 +1,54 @@
+import { Component } from 'react';
+import { Selection } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { RowStickyState } from '../../pm-plugins/sticky-headers';
+import { CellSelectionType } from './types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export interface Props {
+    editorView: EditorView;
+    selection: Selection;
+    tableRef?: HTMLTableElement;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    stickyHeaders?: RowStickyState;
+    isNumberColumnEnabled?: boolean;
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
+}
+export interface State {
+    selectionType?: CellSelectionType;
+    left: number;
+    top: number;
+    indexes: number[];
+    position?: string;
+    scrollLeft: number;
+}
+export declare function getSelectionType(selection: Selection): 'column' | 'row' | undefined;
+declare class FloatingDeleteButton extends Component<Props, State> {
+    static displayName: string;
+    wrapper: HTMLElement | null;
+    constructor(props: Props);
+    shouldComponentUpdate(_: Props, nextState: State): boolean;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    updateWrapper: () => void;
+    componentWillUnmount(): void;
+    onWrapperScrolled: (e: Event) => void;
+    /**
+     * We derivate the button state from the properties passed.
+     * We do this in here because we need this information in different places
+     * and this prevent to do multiple width calculations in the same component.
+     */
+    static getDerivedStateFromProps(nextProps: Readonly<Props>, prevState: State): Partial<State> | null;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    /**
+     *
+     *
+     * @private
+     * @memberof FloatingDeleteButton
+     */
+    private handleClick;
+    render(): JSX.Element | null;
+}
+export default FloatingDeleteButton;

package/dist/types-ts4.0/plugins/table/ui/FloatingDeleteButton/types.d.ts

@@ -0,0 +1 @@
+export declare type CellSelectionType = 'column' | 'row' | undefined;

package/dist/types-ts4.0/plugins/table/ui/FloatingInsertButton/InsertButton.d.ts

@@ -0,0 +1,12 @@
+import React, { SyntheticEvent } from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+export interface ButtonProps {
+    type: 'row' | 'column';
+    tableRef: HTMLElement;
+    onMouseDown: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    hasStickyHeaders: boolean;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ButtonProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ButtonProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/plugins/table/ui/FloatingInsertButton/getPopupOptions.d.ts

@@ -0,0 +1,3 @@
+import type { PopupProps } from '@atlaskit/editor-common/ui';
+declare function getPopupOptions(type: 'column' | 'row', index: number, hasNumberedColumns: boolean, tableContainer: HTMLElement | null): Partial<PopupProps>;
+export default getPopupOptions;

package/dist/types-ts4.0/plugins/table/ui/FloatingInsertButton/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Node as PmNode } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { WrappedComponentProps } from 'react-intl-next';
+import { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+export interface Props {
+    editorView: EditorView;
+    getEditorContainerWidth: GetEditorContainerWidth;
+    tableRef?: HTMLElement;
+    tableNode?: PmNode;
+    insertColumnButtonIndex?: number;
+    insertRowButtonIndex?: number;
+    isHeaderColumnEnabled?: boolean;
+    isHeaderRowEnabled?: boolean;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    hasStickyHeaders?: boolean;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
+}
+export declare class FloatingInsertButton extends React.Component<Props & WrappedComponentProps, any> {
+    static displayName: string;
+    constructor(props: Props & WrappedComponentProps);
+    render(): JSX.Element | null;
+    private getCellPosition;
+    private insertRow;
+    private insertColumn;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/plugins/table/ui/LayoutButton/index.d.ts

@@ -0,0 +1,21 @@
+import React from '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 type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export interface Props {
+    editorView: EditorView;
+    targetRef?: HTMLElement;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    isResizing?: boolean;
+    layout?: TableLayout;
+    stickyHeader?: RowStickyState;
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/plugins/table/ui/TableFloatingControls/CornerControls/index.d.ts

@@ -0,0 +1,19 @@
+import { Component } from 'react';
+import { EditorView } from 'prosemirror-view';
+export interface Props {
+    editorView: EditorView;
+    tableRef?: HTMLTableElement;
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    hoveredRows?: number[];
+    isHeaderColumnEnabled?: boolean;
+    isHeaderRowEnabled?: boolean;
+    stickyTop?: number;
+}
+export default class CornerControls extends Component<Props, any> {
+    render(): JSX.Element | null;
+    private isActive;
+    private clearHoverSelection;
+    private selectTable;
+    private hoverTable;
+}

package/dist/types-ts4.0/plugins/table/ui/TableFloatingControls/NumberColumn/index.d.ts

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import { EditorView } from 'prosemirror-view';
+export interface Props {
+    editorView: EditorView;
+    tableRef: HTMLTableElement;
+    tableActive?: boolean;
+    hoverRows: (rows: number[], danger?: boolean) => void;
+    hoveredRows?: number[];
+    selectRow: (row: number, expand: boolean) => void;
+    hasHeaderRow?: boolean;
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    stickyTop?: number;
+}
+export default class NumberColumn extends Component<Props, any> {
+    render(): JSX.Element;
+    private hoverRows;
+    private selectRow;
+    private clearHoverSelection;
+    private getClassNames;
+}