@atlaskit/editor-plugin-table 5.3.0 → 5.3.2

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

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
     editorView: EditorView;
     tableRef: HTMLTableElement;
@@ -11,11 +11,14 @@ export interface Props {
     isInDanger?: boolean;
     isResizing?: boolean;
     stickyTop?: number;
+    isDragAndDropEnabled?: boolean;
 }
 export default class NumberColumn extends Component<Props, any> {
     render(): JSX.Element;
     private hoverRows;
     private selectRow;
     private clearHoverSelection;
+    private updateDragHandleLocation;
+    private getCellStyles;
     private getClassNames;
 }

package/dist/types/plugins/table/ui/TableFloatingControls/RowControls/ClassicControls.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { 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/plugins/table/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CellHoverCoordinates } from '../../../types';
+type DragControlsProps = {
+    editorView: EditorView;
+    tableRef: HTMLTableElement;
+    tableActive?: boolean;
+    hoveredCell?: CellHoverCoordinates;
+    hoverRows?: (rows: number[], danger?: boolean) => void;
+    selectRow?: (row: number, expand: boolean) => void;
+};
+export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps<"intl">>;
+};
+export {};

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

@@ -1,17 +1,2 @@
-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">>;
-};
+export { RowControls } from './ClassicControls';
+export { DragControls } from './DragControls';

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

@@ -1,12 +1,11 @@
 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';
+import type { CellHoverCoordinates } from '../../types';
 export interface Props {
     editorView: EditorView;
-    getEditorFeatureFlags: GetEditorFeatureFlags;
     selection?: Selection;
     tableRef?: HTMLTableElement;
     tableActive?: boolean;
@@ -15,9 +14,11 @@ export interface Props {
     isHeaderRowEnabled?: boolean;
     isHeaderColumnEnabled?: boolean;
     isNumberColumnEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
     hasHeaderRow?: boolean;
     headerRowHeight?: number;
     hoveredRows?: number[];
+    hoveredCell?: CellHoverCoordinates;
     ordering?: TableColumnOrdering;
     stickyHeader?: RowStickyState;
 }

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

@@ -33,7 +33,9 @@ export declare const lineMarkerSize = 4;
 export declare const columnControlsDecorationHeight = 25;
 export declare const columnControlsZIndex: number;
 export declare const columnControlsSelectedZIndex: number;
+export declare const rowControlsZIndex: number;
 export declare const columnResizeHandleZIndex: number;
+export declare const insertLineWidth = 3;
 export declare const resizeHandlerAreaWidth: number;
 export declare const resizeLineWidth = 2;
 export declare const resizeHandlerZIndex: number;

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

@@ -14,3 +14,4 @@ export declare const hoveredDeleteButton: (props: ThemeProps) => import("@emotio
 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;
+export declare const insertLine: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -3,14 +3,16 @@ 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 type { Cell, CellColumnPositioning, CellHoverCoordinates } 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 createColumnControlsDecoration: (selection: Selection, hoverLocation?: CellHoverCoordinates) => 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[];
+export declare const createColumnInsertLine: (columnIndex: number, selection: Selection) => Decoration[];
+export declare const createRowInsertLine: (rowIndex: number, selection: Selection) => Decoration[];

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

@@ -4,7 +4,9 @@ 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 isColumnDragControlsDecorations: (node: HTMLElement | null) => true | HTMLElement | null;
 export declare const isRowControlsButton: (node: HTMLElement | null) => boolean;
+export declare const isRowDragControlsButton: (node: HTMLElement | null) => true | HTMLElement | null;
 export declare const isResizeHandleDecoration: (node: HTMLElement | null) => boolean;
 export declare const isTableControlsButton: (node: HTMLElement | null) => boolean;
 export declare const isTableContainerOrWrapper: (node: HTMLElement | null) => boolean;

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

@@ -1,11 +1,12 @@
 export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
-export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnLineResize, } from './decoration';
+export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnInsertLine, createColumnLineResize, createRowInsertLine, } from './decoration';
 export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } 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 { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isColumnDragControlsDecorations, isRowDragControlsButton, 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';
+export { hasMergedCellsInColumn, hasMergedCellsInRow } from './merged-cells';

package/dist/types/plugins/table/utils/merged-cells.d.ts

@@ -0,0 +1,3 @@
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const hasMergedCellsInColumn: (columnIndexes: number | number[]) => (selection: Selection) => boolean;
+export declare const hasMergedCellsInRow: (rowIndexes: number | number[]) => (selection: Selection) => boolean;

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

@@ -1,4 +1,4 @@
-import { CellColumnPositioning } from '../types';
+import type { CellColumnPositioning } from '../types';
 export declare const hoverMergedCells: () => import("@atlaskit/editor-common/types").Command;
 export declare const hoverColumns: (hoveredColumns: number[], isInDanger?: boolean) => import("@atlaskit/editor-common/types").Command;
 export declare const hoverRows: (hoveredRows: number[], isInDanger?: boolean) => import("@atlaskit/editor-common/types").Command;
@@ -6,3 +6,4 @@ export declare const hoverTable: (isInDanger?: boolean, isSelected?: boolean) =>
 export declare const clearHoverSelection: () => import("@atlaskit/editor-common/types").Command;
 export declare const showResizeHandleLine: (cellColumnPositioning: CellColumnPositioning) => import("@atlaskit/editor-common/types").Command;
 export declare const hideResizeHandleLine: () => import("@atlaskit/editor-common/types").Command;
+export declare const hoverCell: (rowIndex?: number, colIndex?: number) => import("@atlaskit/editor-common/types").Command;

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

@@ -1,4 +1,4 @@
-export { hoverColumns, hoverRows, hoverTable, hoverMergedCells, clearHoverSelection, showResizeHandleLine, hideResizeHandleLine, } from './hover';
+export { hoverColumns, hoverRows, hoverTable, hoverCell, hoverMergedCells, clearHoverSelection, showResizeHandleLine, hideResizeHandleLine, } from './hover';
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout, } from './toggle';
 export { clearMultipleCells } from './clear';

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

@@ -13,3 +13,4 @@ export declare const handleMouseMove: (view: EditorView, event: Event, elementCo
 export declare function handleTripleClick(view: EditorView, pos: number): boolean;
 export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI, editorView?: EditorView) => Transaction;
 export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event, elementContentRects?: ElementContentRects) => boolean, elementContentRects?: ElementContentRects) => (view: EditorView, mouseEvent: Event) => boolean;
+export declare const withCellTracking: (eventHandler: (view: EditorView, mouseEvent: Event, elementContentRects?: ElementContentRects) => boolean, elementContentRects?: ElementContentRects) => (view: EditorView, mouseEvent: Event) => boolean;

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

@@ -1,14 +1,15 @@
-import { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
 export type TableOptions = {
     isBreakoutEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
 };
 export interface Props {
     node: PmNode;

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

@@ -1,5 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { EditorState, PluginKey, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export declare const pluginKey: PluginKey<any>;
 export declare const getDecorations: (state: EditorState) => DecorationSet;

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

@@ -1,3 +1,3 @@
-import { DecorationTransformer } from './types';
+import type { DecorationTransformer } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
 export declare const buildColumnControlsDecorations: DecorationTransformer;

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

@@ -2,3 +2,15 @@ export declare const defaultTableSelection: {
     hoveredColumns: never[];
     hoveredRows: never[];
 };
+/**
+ * Creating a separate object for hoveredCell so it doesn't get defaulted when `handleDocOrSelectionChanged` runs.
+ *
+ * It is safe to persist this value as it gets removed when the mouse cursor leaves the table, so no need to remove it
+ * when doc changes.
+ */
+export declare const defaultHoveredCell: {
+    hoveredCell: {
+        rowIndex: undefined;
+        colIndex: undefined;
+    };
+};

package/dist/types-ts4.5/plugins/table/pm-plugins/drag-and-drop/actions.d.ts

@@ -1,3 +1,4 @@
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { DropTargetType } from './consts';
 export interface DragAndDropAction<T, D> {
     type: T;
@@ -10,6 +11,9 @@ export declare const DragAndDropActionType: {
 export type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.SET_DROP_TARGET, {
     type: DropTargetType;
     index: number;
+    decorationSet: DecorationSet;
+}>;
+export type DragAndDropClearDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.CLEAR_DROP_TARGET, {
+    decorationSet: DecorationSet;
 }>;
-export type DragAndDropClearDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.CLEAR_DROP_TARGET, undefined>;
 export type DragAndDropPluginAction = DragAndDropSetDropTargetAction | DragAndDropClearDropTargetAction;

package/dist/types-ts4.5/plugins/table/pm-plugins/drag-and-drop/commands.d.ts

@@ -1,4 +1,9 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { TableDecorations } from '../../types';
 import type { DropTargetType } from './consts';
+export declare const getDecorations: (state: EditorState) => DecorationSet;
+export declare const updatePluginStateDecorations: (state: EditorState, decorations: Decoration[], key: TableDecorations) => DecorationSet;
 export declare const setDropTarget: (type: DropTargetType, index: number, tr?: Transaction) => import("@atlaskit/editor-common/types").Command;
 export declare const clearDropTarget: (tr?: Transaction) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/plugins/table/pm-plugins/drag-and-drop/utils/index.d.ts

@@ -0,0 +1 @@
+export { getDraggableDataFromEvent } from './monitor';

package/dist/types-ts4.5/plugins/table/pm-plugins/drag-and-drop/utils/monitor.d.ts

@@ -0,0 +1,3 @@
+import type { ElementEventBasePayload } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import type { DraggableData } from '../../../types';
+export declare const getDraggableDataFromEvent: ({ location, source, }: ElementEventBasePayload) => DraggableData | undefined;

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

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider'
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, breakoutEnabled?: boolean, fullWidthModeEnabled?: boolean, tableResizingEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, breakoutEnabled?: boolean, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI) => SafePlugin<import("../types").TablePluginState>;

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

@@ -7,6 +7,7 @@ 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 { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
 import type tablePlugin from './index';
 export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export type RowInsertPosition = 'TOP' | 'BOTTOM';
@@ -43,10 +44,15 @@ export interface PluginConfig {
 }
 export type { ColumnResizingPluginState } from '@atlaskit/editor-common/types';
 export type CellColumnPositioning = Pick<Rect, 'right' | 'left'>;
+export type CellHoverCoordinates = {
+    colIndex?: number;
+    rowIndex?: number;
+};
 export interface TablePluginState {
     editorHasFocus?: boolean;
     hoveredColumns: number[];
     hoveredRows: number[];
+    hoveredCell: CellHoverCoordinates;
     pluginConfig: PluginConfig;
     isHeaderColumnEnabled: boolean;
     isHeaderRowEnabled: boolean;
@@ -107,7 +113,7 @@ export type TablePluginAction = {
         isInDanger?: boolean;
     };
 } | {
-    type: 'HOVER_CELLS';
+    type: 'HOVER_MERGED_CELLS';
     data: {
         decorationSet: DecorationSet;
     };
@@ -162,6 +168,9 @@ export type TablePluginAction = {
     data: {
         decorationSet: DecorationSet;
     };
+} | {
+    type: 'HOVER_CELL';
+    data: CellHoverCoordinates;
 } | {
     type: 'SET_TARGET_CELL_POSITION';
     data: {
@@ -219,6 +228,7 @@ export type ColumnResizingPluginAction = {
     };
 };
 export declare enum TableDecorations {
+    /** Classic controls */
     ALL_CONTROLS_HOVER = "CONTROLS_HOVER",
     ROW_CONTROLS_HOVER = "ROW_CONTROLS_HOVER",
     COLUMN_CONTROLS_HOVER = "COLUMN_CONTROLS_HOVER",
@@ -230,9 +240,12 @@ export declare enum TableDecorations {
     COLUMN_RESIZING_HANDLE = "COLUMN_RESIZING_HANDLE",
     COLUMN_RESIZING_HANDLE_WIDGET = "COLUMN_RESIZING_HANDLE_WIDGET",
     COLUMN_RESIZING_HANDLE_LINE = "COLUMN_RESIZING_HANDLE_LINE",
+    COLUMN_INSERT_LINE = "COLUMN_INSERT_LINE",
+    ROW_INSERT_LINE = "ROW_INSERT_LINE",
     LAST_CELL_ELEMENT = "LAST_CELL_ELEMENT"
 }
 export declare const TableCssClassName: {
+    /** Classic controls */
     COLUMN_CONTROLS: string;
     COLUMN_CONTROLS_DECORATIONS: string;
     COLUMN_SELECTED: string;
@@ -263,8 +276,13 @@ export declare const TableCssClassName: {
     CORNER_CONTROLS_INSERT_ROW_MARKER: string;
     CORNER_CONTROLS_INSERT_COLUMN_MARKER: string;
     CONTROLS_CORNER_BUTTON: string;
+    /** Controls with drag handle */
+    COLUMN_CONTROLS_DECORATIONS_WITH_DRAG: string;
+    ROW_CONTROLS_WITH_DRAG: string;
+    /** Other classes */
     NUMBERED_COLUMN: string;
     NUMBERED_COLUMN_BUTTON: string;
+    NUMBERED_COLUMN_BUTTON_DISABLED: string;
     HOVERED_COLUMN: string;
     HOVERED_ROW: string;
     HOVERED_TABLE: string;
@@ -292,8 +310,13 @@ export declare const TableCssClassName: {
     TABLE_STICKY: string;
     TOP_LEFT_CELL: string;
     LAST_ITEM_IN_CELL: string;
+    WITH_COLUMN_INSERT_LINE: string;
+    WITH_FIRST_COLUMN_INSERT_LINE: string;
+    WITH_LAST_COLUMN_INSERT_LINE: string;
     WITH_RESIZE_LINE: string;
     WITH_RESIZE_LINE_LAST_COLUMN: string;
+    WITH_ROW_INSERT_LINE: string;
+    WITH_LAST_ROW_INSERT_LINE: string;
     TABLE_CONTAINER: string;
     TABLE_NODE_WRAPPER: string;
     TABLE_LEFT_SHADOW: string;
@@ -354,8 +377,18 @@ export interface DraggableSourceData extends Record<string, unknown> {
     localId: string;
     indexes: number[];
 }
-export interface DraggableTargetData extends Record<string, unknown> {
+export interface DraggableTargetData extends Record<string | symbol, unknown> {
     type: DraggableType;
     localId: string;
     targetIndex: number;
 }
+export interface DraggableData {
+    sourceType: DraggableType;
+    sourceLocalId: string;
+    sourceIndexes: number[];
+    targetType: DraggableType;
+    targetLocalId: string;
+    targetIndex: number;
+    targetAdjustedIndex: number;
+    targetClosestEdge: Edge;
+}

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

@@ -0,0 +1,11 @@
+import type { MouseEventHandler } from 'react';
+type DragHandleProps = {
+    tableLocalId: string;
+    indexes: number[];
+    direction?: 'column' | 'row';
+    onClick?: MouseEventHandler;
+    onMouseOver?: MouseEventHandler;
+    onMouseOut?: MouseEventHandler;
+};
+export declare const DragHandle: ({ tableLocalId, direction, indexes, onClick, onMouseOver, onMouseOut, }: DragHandleProps) => JSX.Element;
+export {};

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

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
     editorView: EditorView;
     tableRef: HTMLTableElement;
@@ -11,11 +11,14 @@ export interface Props {
     isInDanger?: boolean;
     isResizing?: boolean;
     stickyTop?: number;
+    isDragAndDropEnabled?: boolean;
 }
 export default class NumberColumn extends Component<Props, any> {
     render(): JSX.Element;
     private hoverRows;
     private selectRow;
     private clearHoverSelection;
+    private updateDragHandleLocation;
+    private getCellStyles;
     private getClassNames;
 }

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { 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/RowControls/DragControls.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CellHoverCoordinates } from '../../../types';
+type DragControlsProps = {
+    editorView: EditorView;
+    tableRef: HTMLTableElement;
+    tableActive?: boolean;
+    hoveredCell?: CellHoverCoordinates;
+    hoverRows?: (rows: number[], danger?: boolean) => void;
+    selectRow?: (row: number, expand: boolean) => void;
+};
+export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps<"intl">>;
+};
+export {};

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

@@ -1,17 +1,2 @@
-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">>;
-};
+export { RowControls } from './ClassicControls';
+export { DragControls } from './DragControls';

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

@@ -1,12 +1,11 @@
 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';
+import type { CellHoverCoordinates } from '../../types';
 export interface Props {
     editorView: EditorView;
-    getEditorFeatureFlags: GetEditorFeatureFlags;
     selection?: Selection;
     tableRef?: HTMLTableElement;
     tableActive?: boolean;
@@ -15,9 +14,11 @@ export interface Props {
     isHeaderRowEnabled?: boolean;
     isHeaderColumnEnabled?: boolean;
     isNumberColumnEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
     hasHeaderRow?: boolean;
     headerRowHeight?: number;
     hoveredRows?: number[];
+    hoveredCell?: CellHoverCoordinates;
     ordering?: TableColumnOrdering;
     stickyHeader?: RowStickyState;
 }

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

@@ -33,7 +33,9 @@ export declare const lineMarkerSize = 4;
 export declare const columnControlsDecorationHeight = 25;
 export declare const columnControlsZIndex: number;
 export declare const columnControlsSelectedZIndex: number;
+export declare const rowControlsZIndex: number;
 export declare const columnResizeHandleZIndex: number;
+export declare const insertLineWidth = 3;
 export declare const resizeHandlerAreaWidth: number;
 export declare const resizeLineWidth = 2;
 export declare const resizeHandlerZIndex: number;

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

@@ -14,3 +14,4 @@ export declare const hoveredDeleteButton: (props: ThemeProps) => import("@emotio
 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;
+export declare const insertLine: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -3,17 +3,19 @@ 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 type { Cell, CellColumnPositioning, CellHoverCoordinates } 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 createColumnControlsDecoration: (selection: Selection, hoverLocation?: CellHoverCoordinates) => 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[];
+export declare const createColumnInsertLine: (columnIndex: number, selection: Selection) => Decoration[];
+export declare const createRowInsertLine: (rowIndex: number, selection: Selection) => Decoration[];

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

@@ -7,7 +7,9 @@ export declare const getColumnOrRowIndex: (target: HTMLElement) => [
     number
 ];
 export declare const isColumnControlsDecorations: (node: HTMLElement | null) => boolean;
+export declare const isColumnDragControlsDecorations: (node: HTMLElement | null) => true | HTMLElement | null;
 export declare const isRowControlsButton: (node: HTMLElement | null) => boolean;
+export declare const isRowDragControlsButton: (node: HTMLElement | null) => true | HTMLElement | null;
 export declare const isResizeHandleDecoration: (node: HTMLElement | null) => boolean;
 export declare const isTableControlsButton: (node: HTMLElement | null) => boolean;
 export declare const isTableContainerOrWrapper: (node: HTMLElement | null) => boolean;

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

@@ -1,11 +1,12 @@
 export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
-export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnLineResize, } from './decoration';
+export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnInsertLine, createColumnLineResize, createRowInsertLine, } from './decoration';
 export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } 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 { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isColumnDragControlsDecorations, isRowDragControlsButton, 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';
+export { hasMergedCellsInColumn, hasMergedCellsInRow } from './merged-cells';

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

@@ -0,0 +1,3 @@
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const hasMergedCellsInColumn: (columnIndexes: number | number[]) => (selection: Selection) => boolean;
+export declare const hasMergedCellsInRow: (rowIndexes: number | number[]) => (selection: Selection) => boolean;