@atlaskit/editor-plugin-table 5.0.0 → 5.1.0

package/dist/types-ts4.5/plugins/table/types.d.ts

@@ -0,0 +1,342 @@
+import type { IntlShape } from 'react-intl-next';
+import type { TableLayout } from '@atlaskit/adf-schema';
+import type { TableColumnOrdering } from '@atlaskit/custom-steps';
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
+import type tablePlugin from './index';
+export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
+export type RowInsertPosition = 'TOP' | 'BOTTOM';
+export type PermittedLayoutsDescriptor = TableLayout[] | 'all';
+export type Cell = {
+    pos: number;
+    start: number;
+    node: PmNode;
+};
+export type CellTransform = (cell: Cell) => (tr: Transaction) => Transaction;
+export interface InsertRowOptions {
+    index: number;
+    moveCursorToInsertedRow: boolean;
+}
+export type PluginInjectionAPI = ExtractInjectionAPI<typeof tablePlugin>;
+export 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;
+    permittedLayouts?: PermittedLayoutsDescriptor;
+    allowControls?: boolean;
+    stickyHeaders?: boolean;
+    allowCellOptionsInFloatingToolbar?: boolean;
+    allowDistributeColumns?: boolean;
+}
+export type { ColumnResizingPluginState } from '@atlaskit/editor-common/types';
+export 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;
+    isResizeHandleWidgetAdded?: boolean;
+    resizeHandleRowIndex?: number;
+    resizeHandleColumnIndex?: number;
+    resizeHandleIncludeTooltip?: boolean;
+    isTableCollapsed?: boolean;
+    canCollapseTable?: boolean;
+    getIntl: () => IntlShape;
+    isBreakoutEnabled?: boolean;
+    wasFullWidthModeEnabled?: boolean;
+    isTableResizingEnabled?: boolean;
+}
+export 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;
+        resizeHandleRowIndex: number;
+        resizeHandleColumnIndex: number;
+        resizeHandleIncludeTooltip: boolean;
+    };
+} | {
+    type: 'UPDATE_RESIZE_HANDLE_DECORATIONS';
+    data: {
+        decorationSet: DecorationSet;
+        resizeHandleRowIndex: number | undefined;
+        resizeHandleColumnIndex: number | undefined;
+        resizeHandleIncludeTooltip: boolean | undefined;
+    };
+} | {
+    type: 'REMOVE_RESIZE_HANDLE_DECORATIONS';
+    data: {
+        decorationSet: DecorationSet;
+    };
+} | {
+    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 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_WIDGET = "COLUMN_RESIZING_HANDLE_WIDGET",
+    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_BUTTON_FIXED: 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;
+    WITH_RESIZE_LINE_LAST_COLUMN: 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_SCROLLBAR_CONTAINER: string;
+    TABLE_STICKY_SENTINEL_TOP: string;
+    TABLE_STICKY_SENTINEL_BOTTOM: string;
+    TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: string;
+    TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: string;
+    TABLE_SHADOW_SENTINEL_LEFT: string;
+    TABLE_SHADOW_SENTINEL_RIGHT: 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;
+    TABLE_RESIZER_CONTAINER: 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 type ElementContentRects = {
+    [key: string]: ResizeObserverEntry['contentRect'];
+};
+export declare enum ShadowEvent {
+    SHOW_BEFORE_SHADOW = "showBeforeShadow",
+    SHOW_AFTER_SHADOW = "showAfterShadow"
+}
+export type ReportInvalidNodeAttrs = (invalidNodeAttrs: InvalidNodeAttr) => void;
+export type InvalidNodeAttr = {
+    nodeType: string;
+    attribute: string;
+    reason: string;
+    spanValue: number;
+    tableLocalId: string;
+};

package/dist/types-ts4.5/plugins/table/ui/ColumnResizeWidget/index.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import React from 'react';
+type Props = {
+    startIndex: number;
+    endIndex: number;
+    includeTooltip?: boolean;
+};
+export declare const ColumnResizeWidget: React.FC<Props>;
+export {};

package/dist/types-ts4.5/plugins/table/ui/FloatingContextualButton/FixedButton.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { RowStickyState } from '../../pm-plugins/sticky-headers';
+export declare const BUTTON_WIDTH = 20;
+export interface Props {
+    children: React.ReactNode;
+    mountTo: HTMLElement;
+    offset: number;
+    stickyHeader: RowStickyState;
+    targetCellPosition: number;
+    targetCellRef: HTMLElement;
+    tableWrapper: HTMLElement;
+    isContextualMenuOpen: boolean | undefined;
+}
+interface CalcLeftPosData {
+    buttonWidth: number;
+    cellRectLeft: number;
+    cellRefWidth: number;
+    offset: number;
+}
+export declare const calcLeftPos: ({ buttonWidth, cellRectLeft, cellRefWidth, offset, }: CalcLeftPosData) => number;
+export declare const calcObserverTargetMargin: (tableWrapper: HTMLElement, fixedButtonRefCurrent: HTMLElement) => number;
+export declare const FixedButton: ({ children, isContextualMenuOpen, mountTo, offset, stickyHeader, tableWrapper, targetCellPosition, targetCellRef, }: Props) => React.ReactPortal;
+export default FixedButton;

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

@@ -0,0 +1,21 @@
+import { jsx } from '@emotion/react';
+import { TableLayout } from '@atlaskit/adf-schema';
+import { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { RowStickyState } from '../../pm-plugins/sticky-headers';
+export interface Props {
+    editorView: EditorView;
+    tableWrapper?: HTMLElement;
+    tableNode?: PMNode;
+    targetCellPosition: number;
+    isContextualMenuOpen?: boolean;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    layout?: TableLayout;
+    isNumberColumnEnabled?: boolean;
+    stickyHeader?: RowStickyState;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+}
+export default function (props: Props): jsx.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const tableFloatingCellButtonStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const tableFloatingCellButtonSelectedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,87 @@
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
+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 | undefined;
+    };
+    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.5/plugins/table/ui/FloatingContextualMenu/index.d.ts

@@ -0,0 +1,23 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginConfig } from '../../types';
+export interface Props {
+    editorView: EditorView;
+    isOpen: boolean;
+    getEditorContainerWidth: GetEditorContainerWidth;
+    getEditorFeatureFlags?: GetEditorFeatureFlags;
+    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.5/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.5/plugins/table/ui/FloatingDeleteButton/DeleteButton.d.ts

@@ -0,0 +1,13 @@
+import React, { SyntheticEvent } from 'react';
+import { MessageDescriptor, WrappedComponentProps } 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.5/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.5/plugins/table/ui/FloatingDeleteButton/index.d.ts

@@ -0,0 +1,54 @@
+import { Component } from 'react';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { CellSelectionType } from './types';
+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.5/plugins/table/ui/FloatingDeleteButton/types.d.ts

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

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

@@ -0,0 +1,13 @@
+import type { SyntheticEvent } from 'react';
+import React from 'react';
+import type { 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.5/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.5/plugins/table/ui/FloatingInsertButton/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+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.5/plugins/table/ui/LayoutButton/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { TableLayout } from '@atlaskit/adf-schema';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { RowStickyState } from '../../pm-plugins/sticky-headers';
+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;