@atlaskit/editor-plugin-table 5.0.0 → 5.1.0

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface Props {
+    editorView: EditorView;
+    tableRef?: HTMLTableElement;
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    hoveredRows?: number[];
+    isHeaderColumnEnabled?: boolean;
+    isHeaderRowEnabled?: boolean;
+    stickyTop?: number;
+}
+export declare const CornerControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};

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

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import { EditorView } from '@atlaskit/editor-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;
+}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface Props {
+    editorView: EditorView;
+    tableRef: HTMLTableElement;
+    selectRow: (row: number, expand: boolean) => void;
+    hoverRows: (rows: number[], danger?: boolean) => void;
+    hoveredRows?: number[];
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    insertRowButtonIndex?: number;
+    stickyTop?: number;
+}
+export declare const RowControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};

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

@@ -0,0 +1,39 @@
+import { Component } from 'react';
+import type { TableColumnOrdering } from '@atlaskit/custom-steps';
+import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+export interface Props {
+    editorView: EditorView;
+    getEditorFeatureFlags: GetEditorFeatureFlags;
+    selection?: Selection;
+    tableRef?: HTMLTableElement;
+    tableActive?: boolean;
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    isHeaderRowEnabled?: boolean;
+    isHeaderColumnEnabled?: boolean;
+    isNumberColumnEnabled?: boolean;
+    hasHeaderRow?: boolean;
+    headerRowHeight?: number;
+    hoveredRows?: number[];
+    ordering?: TableColumnOrdering;
+    stickyHeader?: RowStickyState;
+}
+interface State {
+    tableHeight: number;
+}
+export default class TableFloatingControls extends Component<Props, State> {
+    static displayName: string;
+    private resizeObserver?;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    private tryInitResizeObserver;
+    shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+    private selectRow;
+    private hoverRows;
+}
+export {};

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

@@ -0,0 +1,9 @@
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { ThemeProps } from '@atlaskit/theme/types';
+export declare const insertColumnButtonOffset: number;
+export declare const tableRowHeight = 44;
+export declare const tableStyles: (props: ThemeProps & {
+    featureFlags?: FeatureFlags;
+}) => import("@emotion/react").SerializedStyles;
+export declare const tableFullPageEditorStyles: import("@emotion/react").SerializedStyles;
+export declare const tableCommentEditorStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,50 @@
+/**
+ * Basic colors added to prevent content overflow in table cells.
+ */
+export declare const tableCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-surface)">;
+export declare const tableHeaderCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtlest)">;
+export declare const tableToolbarColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral-subtle)">;
+export declare const tableTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-subtlest)">;
+export declare const tableBorderColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtler)">;
+export declare const tableFloatingControlsColor: "var(--ds-background-neutral)";
+export declare const tableCellSelectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-blanket-selected)">;
+export declare const tableToolbarSelectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected-pressed)">;
+export declare const tableBorderSelectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border-focused)">;
+export declare const tableCellSelectedDeleteIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)">;
+export declare const tableCellSelectedDeleteIconBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtlest)">;
+export declare const tableCellDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-blanket-danger)">;
+export declare const tableBorderDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border-danger)">;
+export declare const tableToolbarDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-danger-pressed)">;
+export declare const tableCellHoverDeleteIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-inverse)">;
+export declare const tableCellHoverDeleteIconBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-danger-bold)">;
+export declare const tableBorderRadiusSize = 3;
+export declare const tablePadding = 8;
+export declare const tableScrollbarOffset = 15;
+export declare const tableMarginFullWidthMode = 2;
+export declare const tableInsertColumnButtonSize = 20;
+export declare const tableDeleteButtonSize = 16;
+export declare const tableDeleteButtonOffset = 6;
+export declare const tableToolbarSize = 11;
+export declare const tableControlsSpacing: number;
+export declare const tableInsertColumnButtonOffset = 3;
+export declare const layoutButtonSize = 32;
+export declare const lineMarkerOffsetFromColumnControls = 13;
+export declare const lineMarkerSize = 4;
+export declare const columnControlsDecorationHeight = 25;
+export declare const columnControlsZIndex: number;
+export declare const columnControlsSelectedZIndex: number;
+export declare const columnResizeHandleZIndex: number;
+export declare const resizeHandlerAreaWidth: number;
+export declare const resizeLineWidth = 2;
+export declare const resizeHandlerZIndex: number;
+export declare const contextualMenuTriggerSize = 16;
+export declare const contextualMenuDropdownWidth = 180;
+export declare const stickyRowZIndex: number;
+export declare const stickyRowOffsetTop = 8;
+export declare const stickyHeaderBorderBottomWidth = 1;
+export declare const tableOverflowShadowWidth = 8;
+export declare const tableOverflowShadowWidthWide = 32;
+export declare const TABLE_SNAP_GAP = 9;
+export declare const TABLE_HIGHLIGHT_GAP = 10;
+export declare const TABLE_HIGHLIGHT_TOLERANCE = 2;
+export declare const STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;

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

@@ -0,0 +1,63 @@
+declare const _default: {
+    insertColumn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeColumns: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    insertRow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeRows: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cellOptions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalOKButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalMessagePrefix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmModalCheckboxLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteElementTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unnamedSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    adjustColumns: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+import type { ThemeProps } from '@atlaskit/theme/types';
+export declare const InsertMarker: (props: ThemeProps, cssString?: string) => import("@emotion/react").SerializedStyles;
+export declare const HeaderButton: (props: ThemeProps, cssString?: string) => import("@emotion/react").SerializedStyles;
+export declare const HeaderButtonHover: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const HeaderButtonDanger: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const insertColumnButtonWrapper: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const insertRowButtonWrapper: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const columnControlsLineMarker: () => import("@emotion/react").SerializedStyles;
+export declare const DeleteButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const OverflowShadow: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const hoveredDeleteButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const hoveredCell: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const hoveredWarningCell: import("@emotion/react").SerializedStyles;
+export declare const resizeHandle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,45 @@
+import type { AnalyticsEventPayload, AnalyticsEventPayloadCallback, EditorAnalyticsAPI, TableEventPayload } from '@atlaskit/editor-common/analytics';
+import { HigherOrderCommand } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+export declare function getSelectedTableInfo(selection: Selection): {
+    table: import("prosemirror-utils").ContentNodeWithPos | undefined;
+    map: TableMap | undefined;
+    totalRowCount: number;
+    totalColumnCount: number;
+};
+export declare function getSelectedCellInfo(selection: Selection): {
+    totalRowCount: number;
+    totalColumnCount: number;
+    horizontalCells: number;
+    verticalCells: number;
+    totalCells: number;
+};
+export declare const withEditorAnalyticsAPI: (payload: AnalyticsEventPayload | AnalyticsEventPayloadCallback) => (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => HigherOrderCommand;
+interface UseMeasureFramerateConfig {
+    maxSamples?: number;
+    minFrames?: number;
+    minTimeMs?: number;
+    sampleRateMs?: number;
+    timeoutMs?: number;
+}
+export declare const generateResizedPayload: (props: {
+    originalNode: PMNode;
+    resizedNode: PMNode;
+}) => TableEventPayload;
+export declare const reduceResizeFrameRateSamples: (frameRateSamples: number[]) => number[];
+export declare const generateResizeFrameRatePayloads: (props: {
+    docSize: number;
+    frameRateSamples: number[];
+    originalNode: PMNode;
+}) => TableEventPayload[];
+/**
+ * Measures the framerate of a component over a given time period.
+ */
+export declare const useMeasureFramerate: (config?: UseMeasureFramerateConfig) => {
+    startMeasure: () => void;
+    endMeasure: () => number[];
+    countFrames: () => void;
+};
+export {};

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

@@ -0,0 +1,29 @@
+import { NodeRange, NodeType } from '@atlaskit/editor-prosemirror/model';
+import { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+interface IsTableCollapsibleResult {
+    tableIsCollapsible: boolean;
+    range?: NodeRange;
+    findWrappingRes?: Array<{
+        type: NodeType;
+        attrs?: {
+            [key: string]: any;
+        } | null;
+    }> | null | undefined;
+}
+/**
+ * Checks whether we can wrap the selected table into an expand via
+ * prosemirror-transform's `findWrapping` helper
+ */
+export declare const isTableCollapsible: (tr: Transaction | ReadonlyTransaction) => IsTableCollapsibleResult;
+/**
+ * Collapses the selected table into an expand given a transaction via
+ * `Transform.wrap`.
+ *
+ * Will return undefined if it cannot determine the relevant table from a
+ * selection, or if the table itself isn't collapsible.
+ *
+ * @param tr
+ * @returns Transaction | undefined
+ */
+export declare const collapseSelectedTable: (tr: Transaction) => Transaction | undefined;
+export {};

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

@@ -0,0 +1,10 @@
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const getColumnsWidths: (view: EditorView) => Array<number | undefined>;
+export declare const isColumnDeleteButtonVisible: (selection: Selection) => boolean;
+export declare const getColumnDeleteButtonParams: (columnsWidths: Array<number | undefined>, selection: Selection) => {
+    left: number;
+    indexes: number[];
+} | null;
+export declare const getColumnClassNames: (index: number, selection: Selection, hoveredColumns?: number[], isInDanger?: boolean, isResizing?: boolean) => string;
+export declare const colWidthsForRow: (tr: HTMLTableRowElement) => string;

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

@@ -0,0 +1,19 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { ReadonlyTransaction, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import type { Cell, CellColumnPositioning } from '../types';
+import { TableDecorations } from '../types';
+export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
+export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
+export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
+export declare const createControlsHoverDecoration: (cells: Cell[], type: 'row' | 'column' | 'table', tr: Transaction | ReadonlyTransaction, danger?: boolean, selected?: boolean) => Decoration[];
+export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
+export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];
+export declare const updateDecorations: (node: PmNode, decorationSet: DecorationSet, decorations: Decoration[], key: TableDecorations) => DecorationSet;
+export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTransaction, rowIndexTarget: number, columnEndIndexTarget: Omit<CellColumnPositioning, 'left'>, includeTooltip: boolean | undefined, getIntl: () => IntlShape) => [
+    Decoration[],
+    Decoration[]
+];
+export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, 'left'>) => Decoration[];

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

@@ -0,0 +1,20 @@
+import type { ElementContentRects } from '../types';
+export declare const isCell: (node: HTMLElement | null) => boolean;
+export declare const isCornerButton: (node: HTMLElement | null) => boolean;
+export declare const isInsertRowButton: (node: HTMLElement | null) => boolean | HTMLElement | null;
+export declare const getColumnOrRowIndex: (target: HTMLElement) => [
+    number,
+    number
+];
+export declare const isColumnControlsDecorations: (node: HTMLElement | null) => boolean;
+export declare const isRowControlsButton: (node: HTMLElement | null) => boolean;
+export declare const isResizeHandleDecoration: (node: HTMLElement | null) => boolean;
+export declare const isTableControlsButton: (node: HTMLElement | null) => boolean;
+export declare const isTableContainerOrWrapper: (node: HTMLElement | null) => boolean;
+export declare const getMousePositionHorizontalRelativeByElement: (mouseEvent: MouseEvent, elementContentRects?: ElementContentRects, gapInPixels?: number) => 'left' | 'right' | null;
+export declare const getMousePositionVerticalRelativeByElement: (mouseEvent: MouseEvent) => 'top' | 'bottom' | null;
+export declare const updateResizeHandles: (tableRef?: HTMLElement) => void;
+export declare const hasResizeHandler: ({ columnEndIndexTarget, target, }: {
+    columnEndIndexTarget: number;
+    target: HTMLElement;
+}) => boolean;

package/dist/types-ts4.5/plugins/table/utils/get-allow-add-column-custom-step.d.ts

@@ -0,0 +1,2 @@
+import { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare function getAllowAddColumnCustomStep(state: EditorState): boolean;

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

@@ -0,0 +1,2 @@
+import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+export declare const defaultGuidelines: GuidelineConfig[];

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

@@ -0,0 +1,11 @@
+export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
+export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnLineResize, } from './decoration';
+export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, } from './nodes';
+export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, } from './paste';
+export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, updateResizeHandles, isResizeHandleDecoration, hasResizeHandler, } from './dom';
+export { getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, } 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 { updatePluginStateDecorations } from './update-plugin-state-decorations';

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

@@ -0,0 +1,13 @@
+import { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const isIsolating: (node: PmNode) => boolean;
+export declare const containsHeaderColumn: (table: PmNode) => boolean;
+export declare const containsHeaderRow: (table: PmNode) => boolean;
+export declare const checkIfHeaderColumnEnabled: (selection: Selection) => boolean;
+export declare const checkIfHeaderRowEnabled: (selection: Selection) => boolean;
+export declare const checkIfNumberColumnEnabled: (selection: Selection) => boolean;
+export declare const isLayoutSupported: (state: EditorState) => boolean;
+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 isTableNested: (state: EditorState, tablePos?: number) => boolean;

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

@@ -0,0 +1,14 @@
+import { Fragment, Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
+import { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const unwrapContentFromTable: (maybeTable: PMNode) => PMNode | PMNode[];
+export declare const removeTableFromFirstChild: (node: PMNode, i: number) => PMNode | PMNode[];
+export declare const removeTableFromLastChild: (node: PMNode, i: number, fragment: Fragment) => PMNode | PMNode[];
+/**
+ * When we copy from a table cell with a hardBreak at the end,
+ * the slice generated will come with a hardBreak outside of the table.
+ * This code will look for that pattern and fix it.
+ */
+export declare const transformSliceToFixHardBreakProblemOnCopyFromCell: (slice: Slice, schema: Schema) => Slice;
+export declare const transformSliceToRemoveOpenTable: (slice: Slice, schema: Schema) => Slice;
+export declare const transformSliceToCorrectEmptyTableCells: (slice: Slice, schema: Schema) => Slice;
+export declare function isHeaderRowRequired(state: EditorState): boolean | undefined;

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

@@ -0,0 +1,16 @@
+import { Schema } from '@atlaskit/editor-prosemirror/model';
+import { Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+export interface RowParams {
+    startIndex: number;
+    endIndex: number;
+    height: number;
+}
+export declare const getRowHeights: (tableRef: HTMLTableElement) => number[];
+export declare const isRowDeleteButtonVisible: (selection: Selection) => boolean;
+export declare const getRowDeleteButtonParams: (rowsHeights: Array<number | undefined>, selection: Selection, offsetTop?: number) => {
+    top: number;
+    indexes: number[];
+} | null;
+export declare const getRowsParams: (rowsHeights: Array<number | undefined>) => RowParams[];
+export declare const getRowClassNames: (index: number, selection: Selection, hoveredRows?: number[], isInDanger?: boolean, isResizing?: boolean) => string;
+export declare const copyPreviousRow: (schema: Schema) => (insertNewRowIndex: number) => (tr: Transaction) => Transaction;

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

@@ -0,0 +1,6 @@
+import { Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const isSelectionUpdated: (oldSelection: Selection, newSelection?: Selection) => boolean;
+export declare const normalizeSelection: (tr: Transaction) => Transaction;
+export declare const getSelectedColumnIndexes: (selectionRect: Rect) => number[];
+export declare const getSelectedRowIndexes: (selectionRect: Rect) => number[];

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

@@ -0,0 +1,10 @@
+import { type GuidelineConfig } from '@atlaskit/editor-common/guideline';
+export declare const calculateDefaultSnappings: (lengthOffset?: number) => number[];
+export declare const defaultSnappingWidths: number[];
+/**
+ * Returns keys of guidelines that are closest to the table and withthin the snapGap
+ */
+export declare const findClosestSnap: (currentWidth: number, snapWidths: number[], guidelines: GuidelineConfig[], snapGap?: number, tolerance?: number) => {
+    gap: number;
+    keys: string[];
+};

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

@@ -0,0 +1,4 @@
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const getMergedCellsPositions: (tr: Transaction) => number[];
+export declare const colsToRect: (cols: Array<number>, noOfRows: number) => Rect;

package/dist/types-ts4.5/plugins/table/utils/update-plugin-state-decorations.d.ts

@@ -0,0 +1,4 @@
+import { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { TableDecorations } from '../types';
+export declare const updatePluginStateDecorations: (state: EditorState, decorations: Decoration[], key: TableDecorations) => DecorationSet;

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

@@ -0,0 +1,2 @@
+import { default as tablesPlugin } from './table';
+export default tablesPlugin;

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

@@ -0,0 +1,5 @@
+export interface MessageDescriptor {
+    id: string;
+    description: string;
+    defaultMessage: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^32.0.0",
     "@atlaskit/custom-steps": "^0.0.2",
-    "@atlaskit/editor-common": "^76.8.0",
+    "@atlaskit/editor-common": "^76.9.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.2.0",
     "@atlaskit/editor-plugin-content-insertion": "^0.1.0",
@@ -39,7 +39,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/report.api.md

@@ -19,12 +19,10 @@ import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import type { EditorCommand } from '@atlaskit/editor-common/types';
-import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { TableLayout } from '@atlaskit/adf-schema';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 
@@ -70,17 +68,6 @@ interface PluginConfig {
   stickyHeaders?: boolean;
 }
 
-// @public (undocumented)
-type SelectionPlugin = NextEditorPlugin<
-  'selection',
-  {
-    pluginConfiguration: unknown;
-    commands: {
-      displayGapCursor: (toggle: boolean) => EditorCommand;
-    };
-  }
->;
-
 // @public (undocumented)
 export type TablePlugin = NextEditorPlugin<
   'table',
@@ -94,7 +81,7 @@ export type TablePlugin = NextEditorPlugin<
       ContentInsertionPlugin,
       WidthPlugin,
       GuidelinePlugin,
-      OptionalPlugin<SelectionPlugin>,
+      SelectionPlugin,
     ];
   }
 >;
@@ -108,8 +95,6 @@ interface TablePluginOptions {
   // (undocumented)
   dragAndDropEnabled?: boolean;
   // (undocumented)
-  editorSelectionAPI?: EditorSelectionAPI;
-  // (undocumented)
   fullWidthEnabled?: boolean;
   // (undocumented)
   getEditorFeatureFlags?: GetEditorFeatureFlags;

package/src/plugins/table/index.tsx

@@ -43,6 +43,10 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import { pluginConfig } from './create-plugin-config';
 import { createPlugin as createDecorationsPlugin } from './pm-plugins/decorations/plugin';
+import {
+  createPlugin as createDragAndDropPlugin,
+  pluginKey as dragAndDropPluginKey,
+} from './pm-plugins/drag-and-drop';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
@@ -266,6 +270,13 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
                 )
               : undefined,
         },
+        {
+          name: 'tableDragAndDrop',
+          plugin: ({ dispatch, eventDispatcher }) =>
+            options?.dragAndDropEnabled
+              ? createDragAndDropPlugin(dispatch, eventDispatcher)
+              : undefined,
+        },
         {
           name: 'tableLocalId',
           plugin: ({ dispatch }) => createTableLocalIdPlugin(dispatch),
@@ -343,6 +354,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               tableWidthPluginState: tableWidthPluginKey,
               tableResizingPluginState: tableResizingPluginKey,
               stickyHeadersState: stickyHeadersPluginKey,
+              dragAndDropState: dragAndDropPluginKey,
             }}
             render={({
               tableResizingPluginState: resizingPluginState,

package/src/plugins/table/pm-plugins/drag-and-drop/actions.ts

@@ -0,0 +1,29 @@
+import type { DropTargetType } from './consts';
+
+export interface DragAndDropAction<T, D> {
+  type: T;
+  data: D;
+}
+
+export const DragAndDropActionType = {
+  SET_DROP_TARGET: 'SET_DROP_TARGET',
+  CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET',
+} as const;
+
+export type DragAndDropSetDropTargetAction = DragAndDropAction<
+  typeof DragAndDropActionType.SET_DROP_TARGET,
+  {
+    type: DropTargetType;
+    index: number;
+  }
+>;
+
+export type DragAndDropClearDropTargetAction = DragAndDropAction<
+  typeof DragAndDropActionType.CLEAR_DROP_TARGET,
+  undefined
+>;
+
+// NOTE: This should be a Union of all possible actions
+export type DragAndDropPluginAction =
+  | DragAndDropSetDropTargetAction
+  | DragAndDropClearDropTargetAction;