@atlaskit/editor-plugin-table 5.1.0 → 5.2.0

package/dist/esm/plugins/table/pm-plugins/main.js

@@ -13,7 +13,8 @@ import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../
 import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
 import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseLeave, handleMouseMove, handleMouseOut, handleMouseOver, handleTripleClick, whenTableInFocus } from '../event-handlers';
 import { createTableView } from '../nodeviews/table';
-import TableCellNodeView from '../nodeviews/tableCell';
+import TableCell from '../nodeviews/TableCell';
+import TableRow from '../nodeviews/TableRow';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { fixTables, replaceSelectedTable } from '../transforms';
 import { TableCssClassName as ClassName } from '../types';
@@ -22,7 +23,7 @@ import { isHeaderRowRequired } from '../utils/paste';
 import { defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, breakoutEnabled, fullWidthModeEnabled, tableResizingEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, breakoutEnabled, fullWidthModeEnabled, tableResizingEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi) {
   var _window;
   var state = createPluginState(dispatch, _objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -33,7 +34,8 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     wasFullWidthModeEnabled: previousFullWidthModeEnabled,
     isTableResizingEnabled: tableResizingEnabled,
     isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,
-    isHeaderColumnEnabled: false
+    isHeaderColumnEnabled: false,
+    isDragAndDropEnabled: dragAndDropEnabled
   }, defaultTableSelection), {}, {
     getIntl: getIntl
   }));
@@ -46,14 +48,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       elementContentRects[entry.target.id] = entry.contentRect;
     });
   }) : undefined;
-  var tableCellNodeview = {
-    tableCell: function tableCell(node, view, getPos) {
-      return new TableCellNodeView(node, view, getPos, observer);
-    },
-    tableHeader: function tableHeader(node, view, getPos) {
-      return new TableCellNodeView(node, view, getPos, observer);
-    }
-  };
 
   // Used to prevent invalid table cell spans being reported more than once per editor/document
   var invalidTableIds = [];
@@ -229,11 +223,20 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
         }
         return false;
       },
-      nodeViews: _objectSpread(_objectSpread({}, tableCellNodeview), {}, {
+      nodeViews: {
         table: function table(node, view, getPos) {
           return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, pluginInjectionApi);
+        },
+        tableRow: function tableRow(node, view, getPos) {
+          return new TableRow(node, view, getPos, eventDispatcher);
+        },
+        tableCell: function tableCell(node, view, getPos) {
+          return new TableCell(node, view, getPos, eventDispatcher, observer);
+        },
+        tableHeader: function tableHeader(node, view, getPos) {
+          return new TableCell(node, view, getPos, eventDispatcher, observer);
         }
-      }),
+      },
       handleDOMEvents: {
         focus: handleFocus,
         blur: handleBlur,

package/dist/esm/plugins/table/pm-plugins/sticky-headers/index.js

@@ -1,5 +1,4 @@
 export { createPlugin } from './plugin';
 export { pluginKey } from './plugin-key';
 export { findStickyHeaderForTable } from './util';
-export { updateStickyState, removeStickyState } from './commands';
-export { TableRowNodeView } from './nodeviews/tableRow';
+export { updateStickyState, removeStickyState } from './commands';

package/dist/esm/plugins/table/pm-plugins/sticky-headers/plugin.js

@@ -1,5 +1,4 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { TableRowNodeView } from './nodeviews/tableRow';
 import { pluginKey } from './plugin-key';
 import { createPluginState } from './plugin-state';
 export var createPlugin = function createPlugin(dispatch, eventDispatcher) {
@@ -9,13 +8,6 @@ export var createPlugin = function createPlugin(dispatch, eventDispatcher) {
   var getEditorFeatureFlags = arguments.length > 3 ? arguments[3] : undefined;
   return new SafePlugin({
     state: createPluginState(dispatch, initialState),
-    key: pluginKey,
-    props: {
-      nodeViews: {
-        tableRow: function tableRow(node, view, getPos) {
-          return new TableRowNodeView(node, view, getPos, eventDispatcher);
-        }
-      }
-    }
+    key: pluginKey
   });
 };

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

@@ -150,4 +150,34 @@ export var hasResizeHandler = function hasResizeHandler(_ref) {
     return false;
   }
   return true;
+};
+export var getTree = function getTree(tr) {
+  // pm renders into tbody, owned by react
+  var tbody = tr.parentElement;
+  if (!tbody) {
+    return null;
+  }
+
+  // rendered by react
+  var table = tbody.parentElement;
+  if (!table) {
+    return null;
+  }
+
+  // rendered by react
+  var wrapper = table.parentElement;
+  if (!wrapper) {
+    return null;
+  }
+  return {
+    wrapper: wrapper,
+    table: table
+  };
+};
+export var getTop = function getTop(element) {
+  var _element$getBoundingC, _element$getBoundingC2;
+  if (!element || element instanceof Window) {
+    return 0;
+  }
+  return (_element$getBoundingC = element === null || element === void 0 || (_element$getBoundingC2 = element.getBoundingClientRect) === null || _element$getBoundingC2 === void 0 || (_element$getBoundingC2 = _element$getBoundingC2.call(element)) === null || _element$getBoundingC2 === void 0 ? void 0 : _element$getBoundingC2.top) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : 0;
 };

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

@@ -1,6 +1,6 @@
 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 { 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 { getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames } from './column-controls';

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

@@ -1,4 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { mapChildren } from '@atlaskit/editor-common/utils';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
@@ -104,4 +105,27 @@ export var isTableNested = function isTableNested(state) {
   var parent = state.doc.resolve(tablePos).parent;
   var nodeTypes = state.schema.nodes;
   return parent.type === nodeTypes.layoutColumn || parent.type === nodeTypes.expand || parent.type === nodeTypes.bodiedExtension;
+};
+export var anyChildCellMergedAcrossRow = function anyChildCellMergedAcrossRow(node) {
+  return mapChildren(node, function (child) {
+    return child.attrs.rowspan || 0;
+  }).some(function (rowspan) {
+    return rowspan > 1;
+  });
+};
+
+/**
+ * Check if a given node is a header row with this definition:
+ *  - all children are tableHeader cells
+ *  - no table cells have been have merged with other table row cells
+ *
+ * @param node ProseMirror node
+ * @return boolean if it meets definition
+ */
+export var supportedHeaderRow = function supportedHeaderRow(node) {
+  var allHeaders = mapChildren(node, function (child) {
+    return child.type.name === 'tableHeader';
+  }).every(Boolean);
+  var someMerged = anyChildCellMergedAcrossRow(node);
+  return allHeaders && !someMerged;
 };

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

@@ -0,0 +1,13 @@
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import TableNodeView from './TableNodeViewBase';
+export default class TableCell extends TableNodeView<HTMLElement> implements NodeView {
+    private readonly observer?;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher, observer?: ResizeObserver | undefined);
+    private isStickyHeaderEnabled;
+    private isDragAndDropEnabled;
+    update(node: PMNode): boolean;
+    destroy(): void;
+    private updateNodeView;
+}

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

@@ -0,0 +1,18 @@
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+export default abstract class TableNodeView<T extends HTMLElement> implements NodeView {
+    protected node: PmNode;
+    protected readonly view: EditorView;
+    protected readonly getPos: () => number | undefined;
+    protected readonly eventDispatcher: EventDispatcher;
+    /**
+     * @constructor
+     */
+    constructor(node: PmNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher);
+    /**
+     * Variables
+     */
+    dom: T;
+    contentDOM: T;
+}

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

@@ -0,0 +1,60 @@
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import TableNodeView from './TableNodeViewBase';
+export default class TableRow extends TableNodeView<HTMLTableRowElement> implements NodeView {
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher);
+    /**
+     * Variables
+     */
+    private isHeaderRow;
+    private isStickyHeaderEnabled;
+    private isDragAndDropEnabled;
+    private editorScrollableElement?;
+    private colControlsOffset;
+    private focused;
+    private topPosEditorElement;
+    private isSticky;
+    private lastStickyTimestamp;
+    private intersectionObserver?;
+    private resizeObserver?;
+    private sentinels;
+    private stickyRowHeight?;
+    private listening;
+    private padding;
+    private top;
+    /**
+     * Methods: Nodeview Lifecycle
+     */
+    update(node: PMNode, ..._args: any[]): boolean;
+    destroy(): void;
+    ignoreMutation(mutationRecord: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    /**
+     * Methods
+     */
+    private headerRowMouseScrollEnd;
+    private headerRowMouseScroll;
+    private subscribe;
+    private unsubscribe;
+    private initObservers;
+    private createResizeObserver;
+    private createIntersectionObserver;
+    private onTablePluginState;
+    private updateStickyHeaderWidth;
+    /**
+     * Manually refire the intersection observers.
+     * Useful when the header may have detached from the table.
+     */
+    private refireIntersectionObservers;
+    private makeHeaderRowSticky;
+    private makeRowHeaderNotSticky;
+    private getWrapperoffset;
+    private getWrapperRefTop;
+    private getScrolledTableTop;
+    private getCurrentTableTop;
+    private emitOn;
+    private emitOff;
+}

package/dist/types/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, 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, fullWidthModeEnabled?: boolean, tableResizingEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI) => SafePlugin<import("../types").TablePluginState>;

package/dist/types/plugins/table/pm-plugins/sticky-headers/index.d.ts

@@ -3,4 +3,3 @@ export { pluginKey } from './plugin-key';
 export type { StickyPluginState, RowStickyState } from './types';
 export { findStickyHeaderForTable } from './util';
 export { updateStickyState, removeStickyState } from './commands';
-export { TableRowNodeView } from './nodeviews/tableRow';

package/dist/types/plugins/table/pm-plugins/sticky-headers/plugin.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 export declare const createPlugin: (dispatch: Dispatch, eventDispatcher: EventDispatcher, initialState: (() => never[]) | undefined, getEditorFeatureFlags: GetEditorFeatureFlags) => SafePlugin<import("./types").StickyPluginState>;

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

@@ -73,6 +73,7 @@ export interface TablePluginState {
     isBreakoutEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
 }
 export type TablePluginAction = {
     type: 'SET_EDITOR_FOCUS';

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

@@ -15,3 +15,9 @@ export declare const hasResizeHandler: ({ columnEndIndexTarget, target, }: {
     columnEndIndexTarget: number;
     target: HTMLElement;
 }) => boolean;
+export type TableDOMElements = {
+    wrapper: HTMLDivElement;
+    table: HTMLTableElement;
+};
+export declare const getTree: (tr: HTMLTableRowElement) => TableDOMElements | null;
+export declare const getTop: (element: HTMLElement | Window | undefined) => number;

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

@@ -1,6 +1,6 @@
 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 { 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 { getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, } from './column-controls';

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

@@ -1,5 +1,5 @@
-import { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { 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;
@@ -11,3 +11,13 @@ 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;
+export declare const anyChildCellMergedAcrossRow: (node: PmNode) => boolean;
+/**
+ * Check if a given node is a header row with this definition:
+ *  - all children are tableHeader cells
+ *  - no table cells have been have merged with other table row cells
+ *
+ * @param node ProseMirror node
+ * @return boolean if it meets definition
+ */
+export declare const supportedHeaderRow: (node: PmNode) => boolean;

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

@@ -0,0 +1,13 @@
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import TableNodeView from './TableNodeViewBase';
+export default class TableCell extends TableNodeView<HTMLElement> implements NodeView {
+    private readonly observer?;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher, observer?: ResizeObserver | undefined);
+    private isStickyHeaderEnabled;
+    private isDragAndDropEnabled;
+    update(node: PMNode): boolean;
+    destroy(): void;
+    private updateNodeView;
+}

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

@@ -0,0 +1,18 @@
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+export default abstract class TableNodeView<T extends HTMLElement> implements NodeView {
+    protected node: PmNode;
+    protected readonly view: EditorView;
+    protected readonly getPos: () => number | undefined;
+    protected readonly eventDispatcher: EventDispatcher;
+    /**
+     * @constructor
+     */
+    constructor(node: PmNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher);
+    /**
+     * Variables
+     */
+    dom: T;
+    contentDOM: T;
+}

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

@@ -0,0 +1,60 @@
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import TableNodeView from './TableNodeViewBase';
+export default class TableRow extends TableNodeView<HTMLTableRowElement> implements NodeView {
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher);
+    /**
+     * Variables
+     */
+    private isHeaderRow;
+    private isStickyHeaderEnabled;
+    private isDragAndDropEnabled;
+    private editorScrollableElement?;
+    private colControlsOffset;
+    private focused;
+    private topPosEditorElement;
+    private isSticky;
+    private lastStickyTimestamp;
+    private intersectionObserver?;
+    private resizeObserver?;
+    private sentinels;
+    private stickyRowHeight?;
+    private listening;
+    private padding;
+    private top;
+    /**
+     * Methods: Nodeview Lifecycle
+     */
+    update(node: PMNode, ..._args: any[]): boolean;
+    destroy(): void;
+    ignoreMutation(mutationRecord: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    /**
+     * Methods
+     */
+    private headerRowMouseScrollEnd;
+    private headerRowMouseScroll;
+    private subscribe;
+    private unsubscribe;
+    private initObservers;
+    private createResizeObserver;
+    private createIntersectionObserver;
+    private onTablePluginState;
+    private updateStickyHeaderWidth;
+    /**
+     * Manually refire the intersection observers.
+     * Useful when the header may have detached from the table.
+     */
+    private refireIntersectionObservers;
+    private makeHeaderRowSticky;
+    private makeRowHeaderNotSticky;
+    private getWrapperoffset;
+    private getWrapperRefTop;
+    private getScrolledTableTop;
+    private getCurrentTableTop;
+    private emitOn;
+    private emitOff;
+}

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, 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, fullWidthModeEnabled?: boolean, tableResizingEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI) => SafePlugin<import("../types").TablePluginState>;

package/dist/types-ts4.5/plugins/table/pm-plugins/sticky-headers/index.d.ts

@@ -3,4 +3,3 @@ export { pluginKey } from './plugin-key';
 export type { StickyPluginState, RowStickyState } from './types';
 export { findStickyHeaderForTable } from './util';
 export { updateStickyState, removeStickyState } from './commands';
-export { TableRowNodeView } from './nodeviews/tableRow';

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

@@ -1,4 +1,4 @@
-import { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 export declare const createPlugin: (dispatch: Dispatch, eventDispatcher: EventDispatcher, initialState: (() => never[]) | undefined, getEditorFeatureFlags: GetEditorFeatureFlags) => SafePlugin<import("./types").StickyPluginState>;

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

@@ -73,6 +73,7 @@ export interface TablePluginState {
     isBreakoutEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;
+    isDragAndDropEnabled?: boolean;
 }
 export type TablePluginAction = {
     type: 'SET_EDITOR_FOCUS';

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

@@ -18,3 +18,9 @@ export declare const hasResizeHandler: ({ columnEndIndexTarget, target, }: {
     columnEndIndexTarget: number;
     target: HTMLElement;
 }) => boolean;
+export type TableDOMElements = {
+    wrapper: HTMLDivElement;
+    table: HTMLTableElement;
+};
+export declare const getTree: (tr: HTMLTableRowElement) => TableDOMElements | null;
+export declare const getTop: (element: HTMLElement | Window | undefined) => number;

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

@@ -1,6 +1,6 @@
 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 { 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 { getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, } from './column-controls';

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

@@ -1,5 +1,5 @@
-import { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { 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;
@@ -11,3 +11,13 @@ 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;
+export declare const anyChildCellMergedAcrossRow: (node: PmNode) => boolean;
+/**
+ * Check if a given node is a header row with this definition:
+ *  - all children are tableHeader cells
+ *  - no table cells have been have merged with other table row cells
+ *
+ * @param node ProseMirror node
+ * @return boolean if it meets definition
+ */
+export declare const supportedHeaderRow: (node: PmNode) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/__tests__/unit/nodeviews/cell.ts

@@ -32,7 +32,7 @@ import {
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
 import tablePlugin from '../../../plugins/table-plugin';
-import TableCellViews from '../../../plugins/table/nodeviews/tableCell';
+import TableCell from '../../../plugins/table/nodeviews/TableCell';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import type { PluginConfig } from '../../../plugins/table/types';
 
@@ -121,7 +121,7 @@ describe('table -> nodeviews -> tableCell.tsx', () => {
       const { state, dispatch } = editorView;
       const cell = findCellClosestToPos(state.doc.resolve(pos))!;
       const background = tableBackgroundColorNames.get('red');
-      const updateSpy = jest.spyOn(TableCellViews.prototype, 'update');
+      const updateSpy = jest.spyOn(TableCell.prototype, 'update');
       dispatch(setCellAttrs(cell, { background })(state.tr));
       expect(updateSpy).toHaveReturnedWith(true);
       const cellDomNode = document.querySelector('td')!;