@atlaskit/editor-plugin-table 5.3.12 → 5.3.14

package/dist/esm/plugins/table/utils/index.js

@@ -2,7 +2,7 @@ export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, is
 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, isRowDragControlsButton, isRowControlsButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, updateResizeHandles, isResizeHandleDecoration, hasResizeHandler } from './dom';
+export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowDragControlsButton, isRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, 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 { getSelectedTableInfo, getSelectedCellInfo } from './analytics';

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

@@ -1,4 +1,5 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { TableDirection } from '../../types';
 import type { DropTargetType } from './consts';
 export interface DragAndDropAction<T, D> {
     type: T;
@@ -7,6 +8,7 @@ export interface DragAndDropAction<T, D> {
 export declare const DragAndDropActionType: {
     readonly SET_DROP_TARGET: "SET_DROP_TARGET";
     readonly CLEAR_DROP_TARGET: "CLEAR_DROP_TARGET";
+    readonly TOGGLE_DRAG_MENU: "TOGGLE_DRAG_MENU";
 };
 export type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.SET_DROP_TARGET, {
     type: DropTargetType;
@@ -16,4 +18,9 @@ export type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDro
 export type DragAndDropClearDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.CLEAR_DROP_TARGET, {
     decorationSet: DecorationSet;
 }>;
-export type DragAndDropPluginAction = DragAndDropSetDropTargetAction | DragAndDropClearDropTargetAction;
+export type DragAndDropToggleDragMenuAction = DragAndDropAction<typeof DragAndDropActionType.TOGGLE_DRAG_MENU, {
+    isDragMenuOpen: boolean;
+    direction: TableDirection;
+    index: number;
+}>;
+export type DragAndDropPluginAction = DragAndDropSetDropTargetAction | DragAndDropClearDropTargetAction | DragAndDropToggleDragMenuAction;

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

@@ -1,7 +1,7 @@
 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 type { DraggableType } from '../../types';
+import type { DraggableType, TableDirection } from '../../types';
 import { TableDecorations } from '../../types';
 import { DropTargetType } from './consts';
 export declare const getDecorations: (state: EditorState) => DecorationSet;
@@ -9,3 +9,4 @@ export declare const updatePluginStateDecorations: (state: EditorState, decorati
 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;
 export declare const moveSource: (sourceType: DraggableType, sourceIndex: number, targetIndex: number) => import("@atlaskit/editor-common/types").Command;
+export declare const toggleDragMenu: (isDragMenuOpen: boolean | undefined, direction?: TableDirection, index?: number) => import("@atlaskit/editor-common/types").Command;

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

@@ -1,7 +1,11 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { TableDirection } from '../../types';
 import type { DropTargetType } from './consts';
 export interface DragAndDropPluginState {
     decorationSet: DecorationSet;
     dropTargetType: DropTargetType;
     dropTargetIndex: number;
+    isDragMenuOpen: boolean;
+    dragMenuDirection?: TableDirection;
+    dragMenuIndex: number;
 }

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

@@ -269,6 +269,9 @@ export declare const TableCssClassName: {
     CONTROLS_INSERT_LINE: string;
     CONTROLS_BUTTON_OVERLAY: string;
     LAYOUT_BUTTON: string;
+    DRAG_CONTROLS_INSERT_BUTTON: string;
+    DRAG_CONTROLS_INSERT_BUTTON_INNER: string;
+    DRAG_CONTROLS_INSERT_BUTTON_WRAP: string;
     CONTROLS_INSERT_MARKER: string;
     CONTROLS_INSERT_COLUMN: string;
     CONTROLS_INSERT_ROW: string;
@@ -281,8 +284,12 @@ export declare const TableCssClassName: {
     CORNER_CONTROLS_INSERT_COLUMN_MARKER: string;
     CONTROLS_CORNER_BUTTON: string;
     /** Controls with drag handle */
-    COLUMN_CONTROLS_WITH_DRAG: string;
-    ROW_CONTROLS_WITH_DRAG: string;
+    DRAG_ROW_CONTROLS: string;
+    DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: string;
+    DRAG_ROW_FLOATING_INSERT_DOT: string;
+    DRAG_COLUMN_CONTROLS: string;
+    DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER: string;
+    DRAG_COLUMN_FLOATING_INSERT_DOT: string;
     DRAG_HANDLE_BUTTON_CONTAINER: string;
     /** Other classes */
     NUMBERED_COLUMN: string;
@@ -373,6 +380,7 @@ export type InvalidNodeAttr = {
     spanValue: number;
     tableLocalId: string;
 };
+export type TableDirection = 'row' | 'column';
 /**
  * Drag and Drop interfaces
  */

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

@@ -1,15 +1,17 @@
 import type { MouseEventHandler } from 'react';
+import type { TableDirection } from '../../types';
 type DragHandleAppearance = 'default' | 'selected' | 'disabled' | 'danger';
 type DragHandleProps = {
     tableLocalId: string;
     indexes: number[];
     previewWidth?: number;
     previewHeight?: number;
-    direction?: 'column' | 'row';
+    direction?: TableDirection;
     appearance?: DragHandleAppearance;
     onClick?: MouseEventHandler;
     onMouseOver?: MouseEventHandler;
     onMouseOut?: MouseEventHandler;
+    onMouseUp?: MouseEventHandler;
 };
-export declare const DragHandle: ({ tableLocalId, direction, appearance, indexes, previewWidth, previewHeight, onMouseOver, onMouseOut, onClick, }: DragHandleProps) => JSX.Element;
+export declare const DragHandle: ({ tableLocalId, direction, appearance, indexes, previewWidth, previewHeight, onMouseOver, onMouseOut, onMouseUp, onClick, }: DragHandleProps) => JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import type { TableDirection } from '../../types';
 export declare const DragPreview: ({ direction, width, height, }: {
-    direction: 'column' | 'row';
+    direction: TableDirection;
     width: number;
     height: number;
 }) => JSX.Element;

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

@@ -3,6 +3,7 @@ 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 { TableDirection } from '../../types';
 import type { CellSelectionType } from './types';
 export interface Props {
     editorView: EditorView;
@@ -23,7 +24,7 @@ export interface State {
     position?: string;
     scrollLeft: number;
 }
-export declare function getSelectionType(selection: Selection): 'column' | 'row' | undefined;
+export declare function getSelectionType(selection: Selection): TableDirection | undefined;
 declare class FloatingDeleteButton extends Component<Props, State> {
     static displayName: string;
     wrapper: HTMLElement | null;

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

@@ -1 +1,2 @@
-export type CellSelectionType = 'column' | 'row' | undefined;
+import type { TableDirection } from '../../types';
+export type CellSelectionType = TableDirection | undefined;

package/dist/types/plugins/table/ui/FloatingDragMenu/DragMenu.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginConfig, TableDirection } from '../../types';
+type DragMenuProps = {
+    direction?: TableDirection;
+    index?: number;
+    tableRef?: HTMLTableElement;
+    tableNode?: PmNode;
+    editorView: EditorView;
+    isOpen?: boolean;
+    targetCellPosition?: number;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    pluginConfig?: PluginConfig;
+};
+export declare const DragMenu: ({ direction, index, isOpen, editorView, tableNode, mountPoint, boundariesElement, scrollableElement, }: DragMenuProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TableDirection } from '../../types';
+export interface Props {
+    editorView: EditorView;
+    isOpen: boolean;
+    tableRef?: HTMLTableElement;
+    tableNode?: PmNode;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    direction?: TableDirection;
+    index?: number;
+    targetCellPosition?: number;
+}
+declare const FloatingDragMenu: {
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableRef, tableNode, direction, index, targetCellPosition, }: Props): JSX.Element | null;
+    displayName: string;
+};
+export default FloatingDragMenu;

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

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

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

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

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

@@ -1,10 +1,9 @@
 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 { WrappedComponentProps } from 'react-intl-next';
+import type { DispatchAnalyticsEvent, EditorAnalyticsAPI } 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';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
     editorView: EditorView;
     getEditorContainerWidth: GetEditorContainerWidth;
@@ -14,6 +13,7 @@ export interface Props {
     insertRowButtonIndex?: number;
     isHeaderColumnEnabled?: boolean;
     isHeaderRowEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
     mountPoint?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;

package/dist/types/plugins/table/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -12,6 +12,7 @@ export interface ColumnControlsProps {
     localId?: string;
     rowHeights?: number[];
     colWidths?: (number | undefined)[];
+    hasHeaderColumn?: boolean;
 }
-export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, isResizing, stickyTop, localId, isInDanger, rowHeights, colWidths, }: ColumnControlsProps) => JSX.Element;
+export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, isResizing, stickyTop, localId, isInDanger, rowHeights, colWidths, hasHeaderColumn, }: ColumnControlsProps) => JSX.Element;
 export default ColumnControls;

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

@@ -1,13 +1,17 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CellHoverMeta } from '../../../types';
 type DragControlsProps = {
     editorView: EditorView;
     tableRef: HTMLTableElement;
+    tableNode?: PmNode;
     tableActive?: boolean;
     hoveredCell?: CellHoverMeta;
     isInDanger?: boolean;
+    isResizing?: boolean;
+    hasHeaderRow?: boolean;
     hoverRows: (rows: number[], danger?: boolean) => void;
     selectRow: (row: number, expand: boolean) => void;
     updateCellHoverLocation: (rowIndex: number) => void;

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

@@ -1,5 +1,6 @@
 import { Component } from 'react';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers';
@@ -8,6 +9,7 @@ export interface Props {
     editorView: EditorView;
     selection?: Selection;
     tableRef?: HTMLTableElement;
+    tableNode?: PmNode;
     tableActive?: boolean;
     isInDanger?: boolean;
     isResizing?: boolean;
@@ -21,6 +23,7 @@ export interface Props {
     hoveredCell?: CellHoverMeta;
     ordering?: TableColumnOrdering;
     stickyHeader?: RowStickyState;
+    insertRowButtonIndex?: number;
 }
 interface State {
     tableHeight: number;

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

@@ -50,3 +50,4 @@ 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;
+export declare const dragMenuDropdownWidth = 240;

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

@@ -3,6 +3,7 @@ export declare const InsertMarker: (props: ThemeProps, cssString?: string) => im
 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 dragInsertButtonWrapper: (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;

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

@@ -5,10 +5,13 @@ export declare const isInsertRowButton: (node: HTMLElement | null) => boolean |
 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 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;
+/** drag-and-drop classes */
+export declare const isRowDragControlsButton: (node: HTMLElement | null) => true | HTMLElement | null;
+export declare const isDragRowFloatingInsertDot: (node: HTMLElement | null) => boolean;
+export declare const isDragColumnFloatingInsertDot: (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;

package/dist/types/plugins/table/utils/drag-menu.d.ts

@@ -0,0 +1,7 @@
+import type { Command, DropdownOptionT } from '@atlaskit/editor-common/types';
+import type { TableMap } from '@atlaskit/editor-tables/table-map';
+import type { TableDirection } from '../types';
+export interface DragMenuConfig extends DropdownOptionT<Command> {
+    id: string;
+}
+export declare const getDragMenuConfig: (direction: TableDirection, tableMap?: TableMap, index?: number) => DragMenuConfig[];

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

@@ -2,7 +2,7 @@ export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, is
 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, isRowDragControlsButton, isRowControlsButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, updateResizeHandles, isResizeHandleDecoration, hasResizeHandler, } from './dom';
+export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowDragControlsButton, isRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, 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';

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

@@ -1,4 +1,5 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { TableDirection } from '../../types';
 import type { DropTargetType } from './consts';
 export interface DragAndDropAction<T, D> {
     type: T;
@@ -7,6 +8,7 @@ export interface DragAndDropAction<T, D> {
 export declare const DragAndDropActionType: {
     readonly SET_DROP_TARGET: "SET_DROP_TARGET";
     readonly CLEAR_DROP_TARGET: "CLEAR_DROP_TARGET";
+    readonly TOGGLE_DRAG_MENU: "TOGGLE_DRAG_MENU";
 };
 export type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.SET_DROP_TARGET, {
     type: DropTargetType;
@@ -16,4 +18,9 @@ export type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDro
 export type DragAndDropClearDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.CLEAR_DROP_TARGET, {
     decorationSet: DecorationSet;
 }>;
-export type DragAndDropPluginAction = DragAndDropSetDropTargetAction | DragAndDropClearDropTargetAction;
+export type DragAndDropToggleDragMenuAction = DragAndDropAction<typeof DragAndDropActionType.TOGGLE_DRAG_MENU, {
+    isDragMenuOpen: boolean;
+    direction: TableDirection;
+    index: number;
+}>;
+export type DragAndDropPluginAction = DragAndDropSetDropTargetAction | DragAndDropClearDropTargetAction | DragAndDropToggleDragMenuAction;

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

@@ -1,7 +1,7 @@
 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 type { DraggableType } from '../../types';
+import type { DraggableType, TableDirection } from '../../types';
 import { TableDecorations } from '../../types';
 import { DropTargetType } from './consts';
 export declare const getDecorations: (state: EditorState) => DecorationSet;
@@ -9,3 +9,4 @@ export declare const updatePluginStateDecorations: (state: EditorState, decorati
 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;
 export declare const moveSource: (sourceType: DraggableType, sourceIndex: number, targetIndex: number) => import("@atlaskit/editor-common/types").Command;
+export declare const toggleDragMenu: (isDragMenuOpen: boolean | undefined, direction?: TableDirection, index?: number) => import("@atlaskit/editor-common/types").Command;

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

@@ -1,7 +1,11 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { TableDirection } from '../../types';
 import type { DropTargetType } from './consts';
 export interface DragAndDropPluginState {
     decorationSet: DecorationSet;
     dropTargetType: DropTargetType;
     dropTargetIndex: number;
+    isDragMenuOpen: boolean;
+    dragMenuDirection?: TableDirection;
+    dragMenuIndex: number;
 }

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

@@ -269,6 +269,9 @@ export declare const TableCssClassName: {
     CONTROLS_INSERT_LINE: string;
     CONTROLS_BUTTON_OVERLAY: string;
     LAYOUT_BUTTON: string;
+    DRAG_CONTROLS_INSERT_BUTTON: string;
+    DRAG_CONTROLS_INSERT_BUTTON_INNER: string;
+    DRAG_CONTROLS_INSERT_BUTTON_WRAP: string;
     CONTROLS_INSERT_MARKER: string;
     CONTROLS_INSERT_COLUMN: string;
     CONTROLS_INSERT_ROW: string;
@@ -281,8 +284,12 @@ export declare const TableCssClassName: {
     CORNER_CONTROLS_INSERT_COLUMN_MARKER: string;
     CONTROLS_CORNER_BUTTON: string;
     /** Controls with drag handle */
-    COLUMN_CONTROLS_WITH_DRAG: string;
-    ROW_CONTROLS_WITH_DRAG: string;
+    DRAG_ROW_CONTROLS: string;
+    DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: string;
+    DRAG_ROW_FLOATING_INSERT_DOT: string;
+    DRAG_COLUMN_CONTROLS: string;
+    DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER: string;
+    DRAG_COLUMN_FLOATING_INSERT_DOT: string;
     DRAG_HANDLE_BUTTON_CONTAINER: string;
     /** Other classes */
     NUMBERED_COLUMN: string;
@@ -373,6 +380,7 @@ export type InvalidNodeAttr = {
     spanValue: number;
     tableLocalId: string;
 };
+export type TableDirection = 'row' | 'column';
 /**
  * Drag and Drop interfaces
  */

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

@@ -1,15 +1,17 @@
 import type { MouseEventHandler } from 'react';
+import type { TableDirection } from '../../types';
 type DragHandleAppearance = 'default' | 'selected' | 'disabled' | 'danger';
 type DragHandleProps = {
     tableLocalId: string;
     indexes: number[];
     previewWidth?: number;
     previewHeight?: number;
-    direction?: 'column' | 'row';
+    direction?: TableDirection;
     appearance?: DragHandleAppearance;
     onClick?: MouseEventHandler;
     onMouseOver?: MouseEventHandler;
     onMouseOut?: MouseEventHandler;
+    onMouseUp?: MouseEventHandler;
 };
-export declare const DragHandle: ({ tableLocalId, direction, appearance, indexes, previewWidth, previewHeight, onMouseOver, onMouseOut, onClick, }: DragHandleProps) => JSX.Element;
+export declare const DragHandle: ({ tableLocalId, direction, appearance, indexes, previewWidth, previewHeight, onMouseOver, onMouseOut, onMouseUp, onClick, }: DragHandleProps) => JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import type { TableDirection } from '../../types';
 export declare const DragPreview: ({ direction, width, height, }: {
-    direction: 'column' | 'row';
+    direction: TableDirection;
     width: number;
     height: number;
 }) => JSX.Element;

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

@@ -3,6 +3,7 @@ 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 { TableDirection } from '../../types';
 import type { CellSelectionType } from './types';
 export interface Props {
     editorView: EditorView;
@@ -23,7 +24,7 @@ export interface State {
     position?: string;
     scrollLeft: number;
 }
-export declare function getSelectionType(selection: Selection): 'column' | 'row' | undefined;
+export declare function getSelectionType(selection: Selection): TableDirection | undefined;
 declare class FloatingDeleteButton extends Component<Props, State> {
     static displayName: string;
     wrapper: HTMLElement | null;

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

@@ -1 +1,2 @@
-export type CellSelectionType = 'column' | 'row' | undefined;
+import type { TableDirection } from '../../types';
+export type CellSelectionType = TableDirection | undefined;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginConfig, TableDirection } from '../../types';
+type DragMenuProps = {
+    direction?: TableDirection;
+    index?: number;
+    tableRef?: HTMLTableElement;
+    tableNode?: PmNode;
+    editorView: EditorView;
+    isOpen?: boolean;
+    targetCellPosition?: number;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    pluginConfig?: PluginConfig;
+};
+export declare const DragMenu: ({ direction, index, isOpen, editorView, tableNode, mountPoint, boundariesElement, scrollableElement, }: DragMenuProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TableDirection } from '../../types';
+export interface Props {
+    editorView: EditorView;
+    isOpen: boolean;
+    tableRef?: HTMLTableElement;
+    tableNode?: PmNode;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    direction?: TableDirection;
+    index?: number;
+    targetCellPosition?: number;
+}
+declare const FloatingDragMenu: {
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableRef, tableNode, direction, index, targetCellPosition, }: Props): JSX.Element | null;
+    displayName: string;
+};
+export default FloatingDragMenu;

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

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

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

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

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

@@ -1,10 +1,9 @@
 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 { WrappedComponentProps } from 'react-intl-next';
+import type { DispatchAnalyticsEvent, EditorAnalyticsAPI } 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';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface Props {
     editorView: EditorView;
     getEditorContainerWidth: GetEditorContainerWidth;
@@ -14,6 +13,7 @@ export interface Props {
     insertRowButtonIndex?: number;
     isHeaderColumnEnabled?: boolean;
     isHeaderRowEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
     mountPoint?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;

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

@@ -12,6 +12,7 @@ export interface ColumnControlsProps {
     localId?: string;
     rowHeights?: number[];
     colWidths?: (number | undefined)[];
+    hasHeaderColumn?: boolean;
 }
-export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, isResizing, stickyTop, localId, isInDanger, rowHeights, colWidths, }: ColumnControlsProps) => JSX.Element;
+export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, isResizing, stickyTop, localId, isInDanger, rowHeights, colWidths, hasHeaderColumn, }: ColumnControlsProps) => JSX.Element;
 export default ColumnControls;

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

@@ -1,13 +1,17 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CellHoverMeta } from '../../../types';
 type DragControlsProps = {
     editorView: EditorView;
     tableRef: HTMLTableElement;
+    tableNode?: PmNode;
     tableActive?: boolean;
     hoveredCell?: CellHoverMeta;
     isInDanger?: boolean;
+    isResizing?: boolean;
+    hasHeaderRow?: boolean;
     hoverRows: (rows: number[], danger?: boolean) => void;
     selectRow: (row: number, expand: boolean) => void;
     updateCellHoverLocation: (rowIndex: number) => void;