@atlaskit/editor-plugin-table 12.3.0 → 12.3.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 12.3.2
+
+### Patch Changes
+
+- [`dd62fd4cc8e91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd62fd4cc8e91) -
+  mark table elements for better TTVC tracking
+- Updated dependencies
+
+## 12.3.1
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
 ## 12.3.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/TableContainer.js

@@ -104,14 +104,14 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
   var style = (0, _react.useMemo)(function () {
     return (0, _tableContainerStyles.getAlignmentStyle)(alignment);
   }, [alignment]);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "table-alignment-container",
+    "data-ssr-placeholder": (0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
+    "data-ssr-placeholder-replace": (0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    _react.default.createElement("div", {
-      "data-testid": "table-alignment-container",
-      style: style
-    }, children)
-  );
+    ,
+    style: style
+  }, children);
 };
 var AlignmentTableContainerWrapper = function AlignmentTableContainerWrapper(_ref3) {
   var isTableAlignmentEnabled = _ref3.isTableAlignmentEnabled,
@@ -123,6 +123,8 @@ var AlignmentTableContainerWrapper = function AlignmentTableContainerWrapper(_re
   if (!isTableAlignmentEnabled) {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "table-alignment-container",
+      "data-ssr-placeholder": (0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
+      "data-ssr-placeholder-replace": (0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',

package/dist/cjs/nodeviews/table.js

@@ -21,6 +21,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _createPluginConfig = require("../pm-plugins/create-plugin-config");
 var _pluginKey = require("../pm-plugins/drag-and-drop/plugin-key");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
@@ -153,6 +154,10 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
         if (this.view.state.selection.visible) {
           selectionBookmark = this.view.state.selection.getBookmark();
         }
+        if ((0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+          this.dom.setAttribute('data-ssr-placeholder', "table-nodeview-".concat(this.node.attrs.localId));
+          this.dom.setAttribute('data-ssr-placeholder-replace', "table-nodeview-".concat(this.node.attrs.localId));
+        }
 
         // Remove the ProseMirror table DOM structure to avoid duplication, as it's replaced with the React table node.
         if (this.dom && this.renderedDOM) {

package/dist/cjs/nodeviews/toDOM.js

@@ -40,13 +40,16 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
       var tableMinWidth = (0, _colgroup.getResizerMinWidth)(node);
       var tableWidthAttribute = node.attrs.width ? "".concat(node.attrs.width, "px") : "100%";
       var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-number-column': node.attrs.isNumberColumnEnabled,
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
         'data-table-width': node.attrs.width
-      };
+      }, (0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true) && {
+        'data-ssr-placeholder': "table-".concat(node.attrs.localId),
+        'data-ssr-placeholder-replace': "table-".concat(node.attrs.localId)
+      });
 
       // This would be used for table scaling in colgroup CSS
       // cqw, or px is well supported

package/dist/es2019/nodeviews/TableContainer.js

@@ -101,14 +101,14 @@ const AlignmentTableContainer = ({
   const style = useMemo(() => {
     return getAlignmentStyle(alignment);
   }, [alignment]);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "table-alignment-container",
+    "data-ssr-placeholder": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? `table-${node.attrs.localId}` : undefined,
+    "data-ssr-placeholder-replace": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? `table-${node.attrs.localId}` : undefined
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    React.createElement("div", {
-      "data-testid": "table-alignment-container",
-      style: style
-    }, children)
-  );
+    ,
+    style: style
+  }, children);
 };
 const AlignmentTableContainerWrapper = ({
   isTableAlignmentEnabled,
@@ -121,6 +121,8 @@ const AlignmentTableContainerWrapper = ({
   if (!isTableAlignmentEnabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "table-alignment-container",
+      "data-ssr-placeholder": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? `table-${node.attrs.localId}` : undefined,
+      "data-ssr-placeholder-replace": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? `table-${node.attrs.localId}` : undefined,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',

package/dist/es2019/nodeviews/table.js

@@ -7,6 +7,7 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { pluginKey as tableDragAndDropPluginKey } from '../pm-plugins/drag-and-drop/plugin-key';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -125,6 +126,10 @@ export default class TableView extends ReactNodeView {
       if (this.view.state.selection.visible) {
         selectionBookmark = this.view.state.selection.getBookmark();
       }
+      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+        this.dom.setAttribute('data-ssr-placeholder', `table-nodeview-${this.node.attrs.localId}`);
+        this.dom.setAttribute('data-ssr-placeholder-replace', `table-nodeview-${this.node.attrs.localId}`);
+      }
 
       // Remove the ProseMirror table DOM structure to avoid duplication, as it's replaced with the React table node.
       if (this.dom && this.renderedDOM) {

package/dist/es2019/nodeviews/toDOM.js

@@ -29,7 +29,11 @@ export const tableNodeSpecWithFixedToDOM = config => {
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
-        'data-table-width': node.attrs.width
+        'data-table-width': node.attrs.width,
+        ...(expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && {
+          'data-ssr-placeholder': `table-${node.attrs.localId}`,
+          'data-ssr-placeholder-replace': `table-${node.attrs.localId}`
+        })
       };
 
       // This would be used for table scaling in colgroup CSS

package/dist/esm/nodeviews/TableContainer.js

@@ -95,14 +95,14 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
   var style = useMemo(function () {
     return getAlignmentStyle(alignment);
   }, [alignment]);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "table-alignment-container",
+    "data-ssr-placeholder": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
+    "data-ssr-placeholder-replace": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    React.createElement("div", {
-      "data-testid": "table-alignment-container",
-      style: style
-    }, children)
-  );
+    ,
+    style: style
+  }, children);
 };
 var AlignmentTableContainerWrapper = function AlignmentTableContainerWrapper(_ref3) {
   var isTableAlignmentEnabled = _ref3.isTableAlignmentEnabled,
@@ -114,6 +114,8 @@ var AlignmentTableContainerWrapper = function AlignmentTableContainerWrapper(_re
   if (!isTableAlignmentEnabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "table-alignment-container",
+      "data-ssr-placeholder": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
+      "data-ssr-placeholder-replace": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',

package/dist/esm/nodeviews/table.js

@@ -17,6 +17,7 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { pluginKey as tableDragAndDropPluginKey } from '../pm-plugins/drag-and-drop/plugin-key';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -146,6 +147,10 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
         if (this.view.state.selection.visible) {
           selectionBookmark = this.view.state.selection.getBookmark();
         }
+        if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+          this.dom.setAttribute('data-ssr-placeholder', "table-nodeview-".concat(this.node.attrs.localId));
+          this.dom.setAttribute('data-ssr-placeholder-replace', "table-nodeview-".concat(this.node.attrs.localId));
+        }
 
         // Remove the ProseMirror table DOM structure to avoid duplication, as it's replaced with the React table node.
         if (this.dom && this.renderedDOM) {

package/dist/esm/nodeviews/toDOM.js

@@ -33,13 +33,16 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
       var tableMinWidth = getResizerMinWidth(node);
       var tableWidthAttribute = node.attrs.width ? "".concat(node.attrs.width, "px") : "100%";
       var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
-      var attrs = {
+      var attrs = _objectSpread({
         'data-number-column': node.attrs.isNumberColumnEnabled,
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
         'data-table-width': node.attrs.width
-      };
+      }, expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && {
+        'data-ssr-placeholder': "table-".concat(node.attrs.localId),
+        'data-ssr-placeholder-replace': "table-".concat(node.attrs.localId)
+      });
 
       // This would be used for table scaling in colgroup CSS
       // cqw, or px is well supported

package/dist/types/nodeviews/ExternalDropTargets.d.ts

@@ -3,7 +3,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const ExternalDropTargets: ({ editorView, node, getScrollOffset, getTableWrapperWidth, }: {
     editorView: EditorView;
-    node?: PMNode;
     getScrollOffset: () => number;
     getTableWrapperWidth: () => number;
+    node?: PMNode;
 }) => React.JSX.Element | null;

package/dist/types/nodeviews/TableComponent.d.ts

@@ -10,36 +10,36 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CellHoverMeta, PluginInjectionAPI } from '../types';
 import type { TableOptions } from './types';
 interface ComponentProps {
-    view: EditorView;
-    getNode: () => PmNode;
     allowColumnResizing?: boolean;
-    eventDispatcher: EventDispatcher;
-    getPos: () => number | undefined;
-    options?: TableOptions;
-    contentDOM: (node: HTMLElement | null) => void;
-    containerWidth: EditorContainerWidth;
     allowControls?: boolean;
-    allowTableResizing?: boolean;
     allowTableAlignment?: boolean;
-    isHeaderRowEnabled: boolean;
-    isHeaderColumnEnabled: boolean;
-    isMediaFullscreen?: boolean;
-    isDragAndDropEnabled?: boolean;
-    isTableScalingEnabled?: boolean;
-    tableActive: boolean;
-    ordering?: TableColumnOrdering;
-    isResizing?: boolean;
-    getEditorFeatureFlags: GetEditorFeatureFlags;
+    allowTableResizing?: boolean;
+    containerWidth: EditorContainerWidth;
+    contentDOM: (node: HTMLElement | null) => void;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-    pluginInjectionApi?: PluginInjectionAPI;
+    eventDispatcher: EventDispatcher;
+    getEditorFeatureFlags: GetEditorFeatureFlags;
+    getNode: () => PmNode;
+    getPos: () => number | undefined;
+    hoveredCell?: CellHoverMeta;
+    hoveredRows?: number[];
     intl: IntlShape;
+    isDragAndDropEnabled?: boolean;
+    isHeaderColumnEnabled: boolean;
+    isHeaderRowEnabled: boolean;
     isInDanger?: boolean;
-    hoveredRows?: number[];
-    hoveredCell?: CellHoverMeta;
+    isMediaFullscreen?: boolean;
+    isResizing?: boolean;
     isTableHovered?: boolean;
+    isTableScalingEnabled?: boolean;
     isWholeTableInDanger?: boolean;
-    selection?: Selection;
     limitedMode?: boolean;
+    options?: TableOptions;
+    ordering?: TableColumnOrdering;
+    pluginInjectionApi?: PluginInjectionAPI;
+    selection?: Selection;
+    tableActive: boolean;
+    view: EditorView;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
     WrappedComponent: React.ComponentType<ComponentProps>;

package/dist/types/nodeviews/TableComponentWithSharedState.d.ts

@@ -8,19 +8,19 @@ import type { PluginInjectionAPI } from '../types';
 import type { TableOptions } from './types';
 type ForwardRef = (node: HTMLElement | null) => any;
 type TableComponentWithSharedStateProps = {
-    view: EditorView;
-    options?: TableOptions;
-    getNode: () => PmNode;
-    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-    getEditorFeatureFlags: GetEditorFeatureFlags;
-    api?: PluginInjectionAPI;
-    eventDispatcher: EventDispatcher;
-    forwardRef: ForwardRef;
-    getPos: getPosHandlerNode;
     allowColumnResizing?: boolean;
     allowControls?: boolean;
     allowTableAlignment?: boolean;
     allowTableResizing?: boolean;
+    api?: PluginInjectionAPI;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    eventDispatcher: EventDispatcher;
+    forwardRef: ForwardRef;
+    getEditorFeatureFlags: GetEditorFeatureFlags;
+    getNode: () => PmNode;
+    getPos: getPosHandlerNode;
+    options?: TableOptions;
+    view: EditorView;
 };
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies

package/dist/types/nodeviews/TableContainer.d.ts

@@ -5,48 +5,48 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
 type ResizableTableContainerProps = {
-    containerWidth: number;
-    lineLength: number;
-    node: PMNode;
     className: string;
+    containerWidth: number;
     editorView: EditorView;
     getPos: () => number | undefined;
-    tableRef: HTMLTableElement;
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
     isResizing?: boolean;
-    isWindowResized?: boolean;
-    pluginInjectionApi?: PluginInjectionAPI;
-    tableWrapperHeight?: number;
-    isWholeTableInDanger?: boolean;
+    isTableAlignmentEnabled?: boolean;
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
-    isTableAlignmentEnabled?: boolean;
+    isWholeTableInDanger?: boolean;
+    isWindowResized?: boolean;
+    lineLength: number;
+    node: PMNode;
+    pluginInjectionApi?: PluginInjectionAPI;
     shouldUseIncreasedScalingPercent?: boolean;
-    isCommentEditor?: boolean;
-    isChromelessEditor?: boolean;
+    tableRef: HTMLTableElement;
+    tableWrapperHeight?: number;
 };
 export declare const ResizableTableContainer: React.FC<ResizableTableContainerProps & {
     children?: React.ReactNode | undefined;
 }>;
 type TableContainerProps = {
-    node: PMNode;
     className: string;
     containerWidth: EditorContainerWidth;
     editorView: EditorView;
     getPos: () => number | undefined;
-    tableRef: HTMLTableElement;
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
     isNested: boolean;
     isResizing?: boolean;
-    isWindowResized?: boolean;
-    pluginInjectionApi?: PluginInjectionAPI;
-    tableWrapperHeight?: number;
-    isWholeTableInDanger?: boolean;
+    isTableAlignmentEnabled?: boolean;
     isTableResizingEnabled: boolean | undefined;
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
-    isTableAlignmentEnabled?: boolean;
+    isWholeTableInDanger?: boolean;
+    isWindowResized?: boolean;
+    node: PMNode;
+    pluginInjectionApi?: PluginInjectionAPI;
     shouldUseIncreasedScalingPercent?: boolean;
-    isCommentEditor?: boolean;
-    isChromelessEditor?: boolean;
+    tableRef: HTMLTableElement;
+    tableWrapperHeight?: number;
 };
 export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, isWindowResized, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
 export {};

package/dist/types/nodeviews/TableResizer.d.ts

@@ -7,29 +7,29 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
 interface TableResizerProps {
-    width: number;
-    maxWidth: number | string;
+    attachAnalyticsEvent: (payload: TableEventPayload) => ((tr: Transaction) => boolean) | undefined;
     containerWidth: number;
-    lineLength: number;
-    updateWidth: (width: number) => void;
+    disabled?: boolean;
+    displayGapCursor: (toggle: boolean) => boolean;
+    displayGuideline: (guideline: GuidelineConfig[]) => boolean;
     editorView: EditorView;
     getPos: () => number | undefined;
-    node: PMNode;
-    tableRef: HTMLTableElement;
-    displayGuideline: (guideline: GuidelineConfig[]) => boolean;
-    attachAnalyticsEvent: (payload: TableEventPayload) => ((tr: Transaction) => boolean) | undefined;
-    displayGapCursor: (toggle: boolean) => boolean;
-    pluginInjectionApi?: PluginInjectionAPI;
+    isCommentEditor?: boolean;
+    isFullWidthModeEnabled?: boolean;
+    isTableAlignmentEnabled?: boolean;
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
-    isTableAlignmentEnabled?: boolean;
     isWholeTableInDanger?: boolean;
-    isFullWidthModeEnabled?: boolean;
-    shouldUseIncreasedScalingPercent?: boolean;
-    isCommentEditor?: boolean;
-    onResizeStop?: () => void;
+    lineLength: number;
+    maxWidth: number | string;
+    node: PMNode;
     onResizeStart?: () => void;
-    disabled?: boolean;
+    onResizeStop?: () => void;
+    pluginInjectionApi?: PluginInjectionAPI;
+    shouldUseIncreasedScalingPercent?: boolean;
+    tableRef: HTMLTableElement;
+    updateWidth: (width: number) => void;
+    width: number;
 }
 export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, disabled, }: PropsWithChildren<TableResizerProps>) => React.JSX.Element;
 export {};

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

@@ -34,8 +34,8 @@ export default class TableRow extends TableNodeView<HTMLTableRowElement> impleme
     update(node: PMNode, ..._args: any[]): boolean;
     destroy(): void;
     ignoreMutation(mutationRecord: MutationRecord | {
-        type: 'selection';
         target: Node;
+        type: 'selection';
     }): boolean;
     /**
      * Methods

package/dist/types/nodeviews/table-node-views.d.ts

@@ -8,14 +8,14 @@ import type { PluginInjectionAPI } from '../types';
 import TableCell from './TableCell';
 import TableRow from './TableRow';
 type TableViewOptions = {
-    portalProviderAPI: PortalProviderAPI;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     eventDispatcher: EventDispatcher;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags: GetEditorFeatureFlags;
-    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-    pluginInjectionApi?: PluginInjectionAPI;
-    isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
+    pluginInjectionApi?: PluginInjectionAPI;
+    portalProviderAPI: PortalProviderAPI;
 };
 export declare const tableView: (options: TableViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => import("prosemirror-view").NodeView;
 type TableCellViewOptions = {

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

@@ -19,8 +19,8 @@ export default class TableView extends ReactNodeView<Props> {
     getEditorFeatureFlags: GetEditorFeatureFlags;
     constructor(props: Props);
     getContentDOM(): {
-        dom: HTMLElement;
         contentDOM?: HTMLElement;
+        dom: HTMLElement;
     };
     /**
      * Handles moving the table from ProseMirror's DOM structure into a React-rendered table node.
@@ -36,8 +36,8 @@ export default class TableView extends ReactNodeView<Props> {
     private hasHoveredRows;
     viewShouldUpdate(nextNode: PmNode): boolean;
     ignoreMutation(mutation: MutationRecord | {
-        type: 'selection';
         target: Node;
+        type: 'selection';
     }): boolean;
     destroy(): void;
 }

package/dist/types/nodeviews/toDOM.d.ts

@@ -2,14 +2,14 @@ import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { DOMOutputSpec, NodeSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 type Config = {
     allowColumnResizing: boolean;
-    tableResizingEnabled: boolean;
     getEditorContainerWidth: GetEditorContainerWidth;
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
+    isNested?: boolean;
     isNestingSupported?: boolean;
     isTableScalingEnabled?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
-    isCommentEditor?: boolean;
-    isChromelessEditor?: boolean;
-    isNested?: boolean;
+    tableResizingEnabled: boolean;
 };
 export declare const tableNodeSpecWithFixedToDOM: (config: Config) => NodeSpec & {
     toDOM: (node: PMNode) => DOMOutputSpec;

package/dist/types/nodeviews/types.d.ts

@@ -6,28 +6,28 @@ 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 = {
-    isFullWidthModeEnabled?: boolean;
-    wasFullWidthModeEnabled?: boolean;
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
     isDragAndDropEnabled?: boolean;
+    isFullWidthModeEnabled?: boolean;
     isTableScalingEnabled?: boolean;
-    isCommentEditor?: boolean;
-    isChromelessEditor?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
+    wasFullWidthModeEnabled?: boolean;
 };
 export interface Props {
-    node: PmNode;
-    view: EditorView;
     allowColumnResizing?: boolean;
-    allowTableResizing?: boolean;
-    allowTableAlignment?: boolean;
     allowControls?: boolean;
+    allowTableAlignment?: boolean;
+    allowTableResizing?: boolean;
     cellMinWidth?: number;
-    portalProviderAPI: PortalProviderAPI;
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     eventDispatcher: EventDispatcher;
-    getPos: () => number | undefined;
-    options?: TableOptions;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags: GetEditorFeatureFlags;
-    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    getPos: () => number | undefined;
+    node: PmNode;
+    options?: TableOptions;
     pluginInjectionApi?: PluginInjectionAPI;
+    portalProviderAPI: PortalProviderAPI;
+    view: EditorView;
 }

package/dist/types/pm-plugins/analytics/actions.d.ts

@@ -7,12 +7,12 @@ export declare enum AnalyticPluginTypes {
     UpdateRowOrColumnMovedAndOverflowTrigger = 4
 }
 type UpdateRowOrColumnMovedAction = {
-    type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction;
     data: RowOrColumnMovedState;
+    type: AnalyticPluginTypes.UpdateRowOrColumnMovedAction;
 };
 type RemoveRowOrColumnMovedAction = {
-    type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction;
     data: undefined;
+    type: AnalyticPluginTypes.RemoveRowOrColumnMovedAction;
 };
 export type AnalyticPluginAction = UpdateRowOrColumnMovedAction | RemoveRowOrColumnMovedAction;
 export {};

package/dist/types/pm-plugins/analytics/types.d.ts

@@ -1,9 +1,9 @@
 export type ActionType = 'none' | 'addRowOrColumn' | 'copyOrCut' | 'pasted';
 export type RowOrColumnMovedState = {
-    type?: 'row' | 'column';
+    currentActions: Array<ActionType>;
     /** used to confirm if same number of cells was copied and pasted */
     numberOfCells?: number;
-    currentActions: Array<ActionType>;
+    type?: 'row' | 'column';
 };
 export type AnalyticPluginState = {
     rowOrColumnMoved: RowOrColumnMovedState;

package/dist/types/pm-plugins/commands/column-resize.d.ts

@@ -11,21 +11,21 @@ export declare const initiateKeyboardColumnResizing: ({ ariaNotify, getIntl, nod
     nodeViewPortalProviderAPI: PortalProviderAPI;
 }) => Command;
 export declare const activateNextResizeArea: ({ direction, ariaNotify, getIntl, nodeViewPortalProviderAPI, }: {
-    direction: Direction;
     ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
+    direction: Direction;
     getIntl?: () => IntlShape;
     nodeViewPortalProviderAPI: PortalProviderAPI;
 }) => Command;
 export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, ariaNotify, api, getIntl, }: {
-    stepSize: number;
-    getEditorContainerWidth: GetEditorContainerWidth;
-    isTableScalingEnabled: boolean;
-    isTableFixedColumnWidthsOptionEnabled: boolean;
-    isCommentEditor: boolean;
     api: PluginInjectionAPI | undefined | null;
     ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
+    getEditorContainerWidth: GetEditorContainerWidth;
     getIntl?: () => IntlShape;
+    isCommentEditor: boolean;
+    isTableFixedColumnWidthsOptionEnabled: boolean;
+    isTableScalingEnabled: boolean;
     originalTr?: Transaction;
+    stepSize: number;
 }) => Command;
 export declare const stopKeyboardColumnResizing: ({ ariaNotify, getIntl, originalTr, }: {
     ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;

package/dist/types/pm-plugins/commands/insert.d.ts

@@ -5,16 +5,16 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
 type InsertTableWithNestingSupportCommand = (options: {
-    isTableScalingEnabled?: boolean;
-    isTableAlignmentEnabled?: boolean;
-    isFullWidthModeEnabled?: boolean;
-    isCommentEditor?: boolean;
-    isChromelessEditor?: boolean;
-    isTableResizingEnabled?: boolean;
     createTableProps?: {
-        rowsCount?: number;
         colsCount?: number;
+        rowsCount?: number;
     };
+    isChromelessEditor?: boolean;
+    isCommentEditor?: boolean;
+    isFullWidthModeEnabled?: boolean;
+    isTableAlignmentEnabled?: boolean;
+    isTableResizingEnabled?: boolean;
+    isTableScalingEnabled?: boolean;
 }, api: PluginInjectionAPI | undefined | null, analyticsPayload?: AnalyticsEventPayload) => EditorCommand;
 export declare function addColumnAt(api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction;
 export declare const addColumnBefore: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;