@atlaskit/editor-plugin-table 12.1.14 → 12.2.0

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

@@ -10,6 +10,7 @@ import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-p
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { tableCellView, tableHeaderView, tableRowView, tableView } from '../nodeviews/table-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { TableCssClassName as ClassName } from '../types';
@@ -52,29 +53,63 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     }
     return editorView.state;
   };
-  var nodeViews = isSSR() && fg('platform_editor_table_fallback_to_dom_on_ssr') ? undefined : {
-    table: tableView({
-      portalProviderAPI: portalProviderAPI,
-      eventDispatcher: eventDispatcher,
-      getEditorContainerWidth: getEditorContainerWidth,
-      getEditorFeatureFlags: getEditorFeatureFlags,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      pluginInjectionApi: pluginInjectionApi,
-      isCommentEditor: isCommentEditor,
-      isChromelessEditor: isChromelessEditor
-    }),
-    tableRow: tableRowView({
-      eventDispatcher: eventDispatcher
-    }),
-    tableCell: tableCellView({
-      eventDispatcher: eventDispatcher,
-      pluginInjectionApi: pluginInjectionApi
-    }),
-    tableHeader: tableHeaderView({
-      eventDispatcher: eventDispatcher,
-      pluginInjectionApi: pluginInjectionApi
-    })
+  var getNodeView = function getNodeView() {
+    // Because the layout shift issues has been fixed under experiment platform_editor_tables_scaling_css, so still want to load nodeview on SSR if experiment is enabled
+    if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+      return {
+        table: tableView({
+          portalProviderAPI: portalProviderAPI,
+          eventDispatcher: eventDispatcher,
+          getEditorContainerWidth: getEditorContainerWidth,
+          getEditorFeatureFlags: getEditorFeatureFlags,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          pluginInjectionApi: pluginInjectionApi,
+          isCommentEditor: isCommentEditor,
+          isChromelessEditor: isChromelessEditor
+        }),
+        tableRow: tableRowView({
+          eventDispatcher: eventDispatcher,
+          pluginInjectionApi: pluginInjectionApi
+        }),
+        tableCell: tableCellView({
+          eventDispatcher: eventDispatcher,
+          pluginInjectionApi: pluginInjectionApi
+        }),
+        tableHeader: tableHeaderView({
+          eventDispatcher: eventDispatcher,
+          pluginInjectionApi: pluginInjectionApi
+        })
+      };
+    }
+    if (isSSR() && fg('platform_editor_table_fallback_to_dom_on_ssr')) {
+      return undefined;
+    }
+    return {
+      table: tableView({
+        portalProviderAPI: portalProviderAPI,
+        eventDispatcher: eventDispatcher,
+        getEditorContainerWidth: getEditorContainerWidth,
+        getEditorFeatureFlags: getEditorFeatureFlags,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        pluginInjectionApi: pluginInjectionApi,
+        isCommentEditor: isCommentEditor,
+        isChromelessEditor: isChromelessEditor
+      }),
+      tableRow: tableRowView({
+        eventDispatcher: eventDispatcher,
+        pluginInjectionApi: pluginInjectionApi
+      }),
+      tableCell: tableCellView({
+        eventDispatcher: eventDispatcher,
+        pluginInjectionApi: pluginInjectionApi
+      }),
+      tableHeader: tableHeaderView({
+        eventDispatcher: eventDispatcher,
+        pluginInjectionApi: pluginInjectionApi
+      })
+    };
   };
+  var nodeViews = getNodeView();
   return new SafePlugin({
     state: state,
     key: pluginKey,

package/dist/esm/pm-plugins/table-resizing/utils/colgroup.js

@@ -1,10 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
-import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
+import { calcTableColumnWidths, getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { COLUMN_MIN_WIDTH } from './consts';
-import { getScalingPercentForTableWithoutWidth, getTableScalingPercent } from './misc';
+import { COLUMN_MIN_WIDTH, MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION } from './consts';
+import { getScalingPercentForTableWithoutWidth, getTableContainerElementWidth, getTableScalingPercent } from './misc';
 /**
  * This ensures the combined width of the columns (and tbody) of table is always smaller or equal
  * than the table and table wrapper elements. This is necessary as there is no longer
@@ -14,6 +15,75 @@ import { getScalingPercentForTableWithoutWidth, getTableScalingPercent } from '.
 export var getColWidthFix = function getColWidthFix(colwidth, tableColumnCount) {
   return colwidth - 1 / tableColumnCount;
 };
+var generateColStyle = function generateColStyle(fixedColWidth, tableWidth, isCommentEditor, isChromelessEditor, isNested, shouldUseIncreasedScalingPercent, isNumberColumnEnabled, isTableHasWidth, hasTableBeenResized) {
+  var maxScalingPercent = shouldUseIncreasedScalingPercent ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
+  var maxScaledRatio = 1 - maxScalingPercent;
+  var isFullPageEditor = !isChromelessEditor && !isCommentEditor;
+
+  // for nested tables, or chromeless editor, which used non resizable table container
+  if (isNested || isChromelessEditor) {
+    if (hasTableBeenResized) {
+      return "width: max(".concat(fixedColWidth, "px, ").concat(tableCellMinWidth, "px)");
+    }
+    return "width: ".concat(tableCellMinWidth, "px)");
+  }
+  if (isFullPageEditor || !isFullPageEditor && isTableHasWidth) {
+    var scaledPercent = isNumberColumnEnabled ? "calc(calc(var(--ak-editor-table-width) - ".concat(akEditorTableNumberColumnWidth, "px - 1px)/").concat(tableWidth, ")") : "calc(calc(var(--ak-editor-table-width) - 1px)/".concat(tableWidth, ")");
+    return "width: max(calc(".concat(fixedColWidth, "px * ").concat(maxScaledRatio, "), calc(").concat(fixedColWidth, " * ").concat(scaledPercent, "), ").concat(tableCellMinWidth, "px)");
+  }
+  // table resized to full-width in comment editor
+  // it doesn't have a width attribute, and cols has been resized
+  if (hasTableBeenResized) {
+    var _scaledPercent = isNumberColumnEnabled ? "calc(calc(var(--ak-editor-table-width) - ".concat(akEditorTableNumberColumnWidth, "px - 1px)/").concat(tableWidth, ")") : "calc(calc(var(--ak-editor-table-width) - 1px)/".concat(tableWidth, ")");
+    return "width: max(calc(".concat(fixedColWidth, " * ").concat(_scaledPercent, "), ").concat(tableCellMinWidth, "px)");
+  }
+  return "width: ".concat(tableCellMinWidth, "px");
+};
+export var generateColgroupFromNode = function generateColgroupFromNode(table, isCommentEditor, isChromelessEditor, isNested, isTableScalingEnabled, shouldUseIncreasedScalingPercent) {
+  var cols = [];
+  var map = TableMap.get(table);
+  var isTableHasWidth = !!table.attrs.width;
+  var isNumberColumnEnabled = table.attrs.isNumberColumnEnabled || false;
+  var isFullPageEditor = !isChromelessEditor && !isCommentEditor;
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  table.content.firstChild.content.forEach(function (cell) {
+    var colspan = cell.attrs.colspan || 1;
+    // if the table has been resized
+    if (Array.isArray(cell.attrs.colwidth)) {
+      cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
+        // existing logic for calculating the width of the column
+        var fixedColWidth = getColWidthFix(width, map.width);
+        var tableWidth = isFullPageEditor || !isFullPageEditor && isTableHasWidth ? getTableContainerElementWidth(table) : calcTableColumnWidths(table).reduce(function (sum, width) {
+          return sum + width;
+        }, 0);
+        if (isTableScalingEnabled) {
+          cols.push(['col', {
+            style: generateColStyle(fixedColWidth, tableWidth, isCommentEditor, isChromelessEditor, isNested, shouldUseIncreasedScalingPercent, isNumberColumnEnabled, isTableHasWidth, true)
+          }]);
+        } else {
+          cols.push(['col', {
+            style: "width: max(".concat(fixedColWidth, "px, ").concat(tableCellMinWidth, "px)")
+          }]);
+        }
+      });
+    } else {
+      // columns has not been resized, so distribute the width evenly
+      cols.push.apply(cols, _toConsumableArray(Array.from({
+        length: colspan
+      }, function (_) {
+        var tableWidth = getTableContainerElementWidth(table);
+        var columnWidth = tableWidth / map.width || 0;
+        var fixedColWidth = getColWidthFix(columnWidth, map.width || 0);
+        return ['col', {
+          style: generateColStyle(fixedColWidth, tableWidth, isCommentEditor, isChromelessEditor, isNested, shouldUseIncreasedScalingPercent, isNumberColumnEnabled, isTableHasWidth)
+        }];
+      })));
+    }
+  });
+  return cols;
+};
 export var generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
   var cols = [];
   var map = TableMap.get(table);
@@ -35,6 +105,7 @@ export var generateColgroup = function generateColgroup(table, tableRef, shouldU
           scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
         }
         cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
+          // existing logic for calculating the width of the column
           var fixedColWidth = getColWidthFix(width, map.width);
           var scaledWidth = fixedColWidth * scalePercent;
           var finalWidth = Math.max(scaledWidth, tableCellMinWidth);

package/dist/esm/pm-plugins/table-resizing/utils/misc.js

@@ -4,7 +4,7 @@ import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { hasTableBeenResized, hasTableColumnBeenResized } from './colgroup';
-import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION } from './consts';
+import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION, TABLE_MAX_WIDTH } from './consts';
 
 // Translates named layouts in number values.
 export function getLayoutSize(tableLayout) {
@@ -85,6 +85,75 @@ export var getTableElementWidth = function getTableElementWidth(table) {
 export var getTableContainerElementWidth = function getTableContainerElementWidth(table) {
   return getTableContainerWidth(table);
 };
+
+// eslint-disable-next-line jsdoc/require-example
+/**
+ * This function is used to set the max width for table resizer container.
+ * @param isCommentEditor Whether the editor is in comment mode.
+ * @param isChromelessEditor Whether the editor is chromeless.
+ * @param isTableScalingEnabled Whether table scaling is enabled.
+ * @returns The CSS max-width value
+ */
+export var getTableResizerContainerMaxWidthInCSS = function getTableResizerContainerMaxWidthInCSS(isCommentEditor, isChromelessEditor, isTableScalingEnabled) {
+  var maxResizerWidthForNonCommentEditor = isTableScalingEnabled ? "min(calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2)), ".concat(TABLE_MAX_WIDTH, "px)") : "min(calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2) - var(--ak-editor--resizer-handle-spacing)), ".concat(TABLE_MAX_WIDTH, "px)");
+  return isCommentEditor || isChromelessEditor ? '100%' : maxResizerWidthForNonCommentEditor;
+};
+
+// eslint-disable-next-line jsdoc/require-example
+/**
+ * This function is used in NodeView for TableResizer to set the max width for table resizer container
+ * @param node The ProseMirror node representing the table.
+ * @param isCommentEditor Whether the editor is in comment mode.
+ * @param isChromelessEditor Whether the editor is chromeless.
+ * @returns The CSS max-width value for the table resizer container.
+ */
+export var getTableResizerItemWidth = function getTableResizerItemWidth(node, isCommentEditor, isChromelessEditor) {
+  var tableWidthAttribute = getTableContainerWidth(node);
+  if (!node.attrs.width && (isCommentEditor || isChromelessEditor)) {
+    // width undefined would make .resizer-item width to be `auto`
+    return undefined;
+  }
+  return tableWidthAttribute;
+};
+
+// eslint-disable-next-line jsdoc/require-example
+/**
+ * This function is used to set the CSS width value for the table resizer-item.
+ * Because comment and chromeless editors don't have container-type: inline-size set,
+ * we need to calculate the width based on the table node width.
+ * If the table node width is not set, it will return 'auto'.
+ * This is used in table toDOM
+ * @param node The ProseMirror node representing the table.
+ * @param isCommentEditor Whether the editor is in comment mode.
+ * @param isChromelessEditor Whether the editor is chromeless.
+ * @returns The CSS width value for the table container.
+ */
+export var getTableResizerItemWidthInCSS = function getTableResizerItemWidthInCSS(node, isCommentEditor, isChromelessEditor) {
+  var tableWidthAttribute = getTableResizerItemWidth(node, isCommentEditor, isChromelessEditor);
+  return tableWidthAttribute ? "".concat(tableWidthAttribute, "px") : 'auto';
+};
+
+// eslint-disable-next-line jsdoc/require-example
+/**
+ * This function is used to set the table width --ak-editor-table-width CSS property for full page editor.
+ * Which is applied to the table resizer container.
+ * For Full page appearance, we don't need to use containerWidth from JS, as we can use cqw value.
+ * So we set dynamic containerWidth from JS to CSS property.
+ * @param node The ProseMirror node representing the table.
+ * @param isCommentEditor Whether the editor is in comment mode.
+ * @param isChromelessEditor Whether the editor is chromeless.
+ * @param isTableScalingEnabled Whether table scaling is enabled.
+ * @param tableWidthFromJS The width of the container element. In toDOM it'd be undefined, but will have a value from nodeView.
+ * @returns The CSS width value for the table.
+ */
+export var getTableResizerContainerForFullPageWidthInCSS = function getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) {
+  var tableWidth = getTableContainerElementWidth(node);
+  // for full page appearance
+  if (isTableScalingEnabled) {
+    return "min(calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2)), ".concat(tableWidth, "px)");
+  }
+  return "min(calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2) - var(--ak-editor--resizer-handle-spacing)), ".concat(tableWidth, "px)");
+};
 export var getTableScalingPercent = function getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent) {
   var _tableRef$parentEleme;
   var maxScalingPercent = shouldUseIncreasedScalingPercent ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;

package/dist/esm/tablePlugin.js

@@ -232,18 +232,28 @@ var tablePlugin = function tablePlugin(_ref) {
       } : insertTableWithSize(options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, options === null || options === void 0 ? void 0 : options.isCommentEditor)
     },
     nodes: function nodes() {
-      var _options$tableOptions2;
+      var _options$tableOptions2, _options$getEditorFea3;
       var _pluginConfig = pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions),
         allowColumnResizing = _pluginConfig.allowColumnResizing;
       // TODO: ED-25901 - We need to move this into a plugin config option so we don't accidentally enable nested nodes in Jira
       var isNestingSupported = Boolean(options === null || options === void 0 || (_options$tableOptions2 = options.tableOptions) === null || _options$tableOptions2 === void 0 ? void 0 : _options$tableOptions2.allowNestedTables);
+      var isTableFixedColumnWidthsOptionEnabled = (options === null || options === void 0 || (_options$getEditorFea3 = options.getEditorFeatureFlags) === null || _options$getEditorFea3 === void 0 ? void 0 : _options$getEditorFea3.call(options).tableWithFixedColumnWidthsOption) || false;
+      var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && (isTableFixedColumnWidthsOptionEnabled || ( // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+      options === null || options === void 0 ? void 0 : options.isCommentEditor));
+      var isTableScalingEnabled = options === null || options === void 0 ? void 0 : options.isTableScalingEnabled;
+      var isCommentEditor = options === null || options === void 0 ? void 0 : options.isCommentEditor;
+      var isChromelessEditor = options === null || options === void 0 ? void 0 : options.isChromelessEditor;
       return isNestingSupported ? [{
         name: 'table',
         node: tableNodeSpecWithFixedToDOM({
           allowColumnResizing: Boolean(allowColumnResizing),
           tableResizingEnabled: Boolean(options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing),
           getEditorContainerWidth: defaultGetEditorContainerWidth,
-          isNestingSupported: isNestingSupported
+          isNestingSupported: isNestingSupported,
+          isTableScalingEnabled: isTableScalingEnabled,
+          shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+          isCommentEditor: isCommentEditor,
+          isChromelessEditor: isChromelessEditor
         })
       }, {
         name: 'tableHeader',
@@ -260,7 +270,11 @@ var tablePlugin = function tablePlugin(_ref) {
           allowColumnResizing: Boolean(allowColumnResizing),
           tableResizingEnabled: Boolean(options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing),
           getEditorContainerWidth: defaultGetEditorContainerWidth,
-          isNestingSupported: isNestingSupported
+          isNestingSupported: isNestingSupported,
+          isTableScalingEnabled: isTableScalingEnabled,
+          shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+          isCommentEditor: isCommentEditor,
+          isChromelessEditor: isChromelessEditor
         })
       }, {
         name: 'tableHeader',

package/dist/esm/ui/TableFloatingControls/NumberColumn/index.js

@@ -10,7 +10,6 @@ import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isRowSelected } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowHeights } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -85,11 +84,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         isResizing = _this$props4.isResizing,
         tableActive = _this$props4.tableActive;
       var isActive = isRowSelected(index)(editorView.state.selection) || (hoveredRows || []).indexOf(index) !== -1 && !isResizing;
-      if (fg('platform_editor_nested_tables_number_column_fixes')) {
-        return classnames(ClassName.NUMBERED_COLUMN_BUTTON, _defineProperty(_defineProperty(_defineProperty({}, ClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), ClassName.HOVERED_CELL_IN_DANGER, tableActive && isActive && isInDanger), ClassName.HOVERED_CELL_ACTIVE, tableActive && isActive));
-      } else {
-        return classnames(ClassName.NUMBERED_COLUMN_BUTTON, _defineProperty(_defineProperty(_defineProperty({}, ClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), ClassName.HOVERED_CELL_IN_DANGER, isActive && isInDanger), ClassName.HOVERED_CELL_ACTIVE, isActive));
-      }
+      return classnames(ClassName.NUMBERED_COLUMN_BUTTON, _defineProperty(_defineProperty(_defineProperty({}, ClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), ClassName.HOVERED_CELL_IN_DANGER, tableActive && isActive && isInDanger), ClassName.HOVERED_CELL_ACTIVE, tableActive && isActive));
     });
     return _this;
   }

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 | undefined;
+    node?: PMNode;
     getScrollOffset: () => number;
     getTableWrapperWidth: () => number;
 }) => React.JSX.Element | null;

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

@@ -39,6 +39,7 @@ interface ComponentProps {
     isTableHovered?: boolean;
     isWholeTableInDanger?: boolean;
     selection?: Selection;
+    limitedMode?: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
     WrappedComponent: React.ComponentType<ComponentProps>;

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

@@ -13,6 +13,7 @@ type ResizableTableContainerProps = {
     getPos: () => number | undefined;
     tableRef: HTMLTableElement;
     isResizing?: boolean;
+    isWindowResized?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
     tableWrapperHeight?: number;
     isWholeTableInDanger?: boolean;
@@ -21,8 +22,11 @@ type ResizableTableContainerProps = {
     isTableAlignmentEnabled?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
     isCommentEditor?: boolean;
+    isChromelessEditor?: boolean;
 };
-export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, lineLength, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableWrapperHeight, isWholeTableInDanger, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, }: PropsWithChildren<ResizableTableContainerProps>) => React.JSX.Element>;
+export declare const ResizableTableContainer: React.FC<ResizableTableContainerProps & {
+    children?: React.ReactNode | undefined;
+}>;
 type TableContainerProps = {
     node: PMNode;
     className: string;
@@ -32,6 +36,7 @@ type TableContainerProps = {
     tableRef: HTMLTableElement;
     isNested: boolean;
     isResizing?: boolean;
+    isWindowResized?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
     tableWrapperHeight?: number;
     isWholeTableInDanger?: boolean;
@@ -43,5 +48,5 @@ type TableContainerProps = {
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
+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

@@ -8,7 +8,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
 interface TableResizerProps {
     width: number;
-    maxWidth: number;
+    maxWidth: number | string;
     containerWidth: number;
     lineLength: number;
     updateWidth: (width: number) => void;

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

@@ -1,10 +1,12 @@
 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 { type PluginInjectionAPI } from '../types';
 import TableNodeView from './TableNodeViewBase';
 export default class TableRow extends TableNodeView<HTMLTableRowElement> implements NodeView {
     private nodeVisibilityObserverCleanupFn?;
-    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher);
+    cleanup: () => void;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher, api?: PluginInjectionAPI);
     subscribeWhenRowVisible(): void;
     /**
      * Variables

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

@@ -20,7 +20,7 @@ export default class TableView extends ReactNodeView<Props> {
     constructor(props: Props);
     getContentDOM(): {
         dom: HTMLElement;
-        contentDOM?: HTMLElement | undefined;
+        contentDOM?: HTMLElement;
     };
     /**
      * Handles moving the table from ProseMirror's DOM structure into a React-rendered table node.

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

@@ -5,6 +5,11 @@ type Config = {
     tableResizingEnabled: boolean;
     getEditorContainerWidth: GetEditorContainerWidth;
     isNestingSupported?: boolean;
+    isTableScalingEnabled?: boolean;
+    shouldUseIncreasedScalingPercent?: boolean;
+    isCommentEditor?: boolean;
+    isChromelessEditor?: boolean;
+    isNested?: boolean;
 };
 export declare const tableNodeSpecWithFixedToDOM: (config: Config) => NodeSpec & {
     toDOM: (node: PMNode) => DOMOutputSpec;

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

@@ -12,6 +12,7 @@ export type TableOptions = {
     isTableScalingEnabled?: boolean;
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
+    shouldUseIncreasedScalingPercent?: boolean;
 };
 export interface Props {
     node: PmNode;

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

@@ -1,5 +1,5 @@
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ActionType, RowOrColumnMovedState } from './types';
-export declare const updateRowOrColumnMoved: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) => import("@atlaskit/editor-common/types").Command;
+export declare const updateRowOrColumnMoved: (nextState: Omit<RowOrColumnMovedState, "currentActions">, nextAction: ActionType) => import("@atlaskit/editor-common/types").Command;
 export declare const resetRowOrColumnMovedTransform: () => (tr: Transaction) => Transaction;
-export declare const updateRowOrColumnMovedTransform: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType) => (state: EditorState, tr: Transaction) => Transaction;
+export declare const updateRowOrColumnMovedTransform: (nextState: Omit<RowOrColumnMovedState, "currentActions">, nextAction: ActionType) => (state: EditorState, tr: Transaction) => Transaction;

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

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").AnalyticPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState)) => import("prosemirror-state").SafeStateField<import("./types").AnalyticPluginState>, createCommand: <A = import("./actions").AnalyticPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").AnalyticPluginState;

package/dist/types/pm-plugins/analytics/utils/moved-event.d.ts

@@ -1,5 +1,5 @@
 import type { ActionType, RowOrColumnMovedState } from '../types';
-export declare const getMovedPayload: (nextState: Omit<RowOrColumnMovedState, 'currentActions'>, nextAction: ActionType, prevState: RowOrColumnMovedState) => RowOrColumnMovedState | {
+export declare const getMovedPayload: (nextState: Omit<RowOrColumnMovedState, "currentActions">, nextAction: ActionType, prevState: RowOrColumnMovedState) => RowOrColumnMovedState | {
     currentActions: string[];
     numberOfCells: number | undefined;
     type: "row" | "column" | undefined;

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

@@ -6,14 +6,14 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Direction } from '@atlaskit/editor-tables/types';
 import type { PluginInjectionAPI } from '../../types';
 export declare const initiateKeyboardColumnResizing: ({ ariaNotify, getIntl, nodeViewPortalProviderAPI, }: {
-    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
-    getIntl?: (() => IntlShape) | undefined;
+    ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
+    getIntl?: () => IntlShape;
     nodeViewPortalProviderAPI: PortalProviderAPI;
 }) => Command;
 export declare const activateNextResizeArea: ({ direction, ariaNotify, getIntl, nodeViewPortalProviderAPI, }: {
     direction: Direction;
-    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
-    getIntl?: (() => IntlShape) | undefined;
+    ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
+    getIntl?: () => IntlShape;
     nodeViewPortalProviderAPI: PortalProviderAPI;
 }) => Command;
 export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, ariaNotify, api, getIntl, }: {
@@ -23,12 +23,12 @@ export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWid
     isTableFixedColumnWidthsOptionEnabled: boolean;
     isCommentEditor: boolean;
     api: PluginInjectionAPI | undefined | null;
-    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
-    getIntl?: (() => IntlShape) | undefined;
-    originalTr?: Transaction | undefined;
+    ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
+    getIntl?: () => IntlShape;
+    originalTr?: Transaction;
 }) => Command;
 export declare const stopKeyboardColumnResizing: ({ ariaNotify, getIntl, originalTr, }: {
-    ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
-    getIntl?: (() => IntlShape) | undefined;
-    originalTr?: Transaction | undefined;
+    ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
+    getIntl?: () => IntlShape;
+    originalTr?: Transaction;
 }) => Command;

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

@@ -15,7 +15,7 @@ export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalytic
 export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, editorView?: EditorView | null) => Command;
 export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
 export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
-export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, isCommentEditor: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;
+export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, isCommentEditor: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: (message: string) => void, getIntl?: () => IntlShape) => Command;
 export declare const insertColumnWithAnalytics: (api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
 export declare const deleteRowsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect, isHeaderRowRequired: boolean) => Command;
 export declare const deleteColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect) => Command;

package/dist/types/pm-plugins/commands/go-to-next-cell.d.ts

@@ -2,7 +2,7 @@ import type { IntlShape } from 'react-intl-next/src/types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Direction } from '@atlaskit/editor-tables/types';
-export declare const goToNextCell: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => (direction: Direction) => Command;
+export declare const goToNextCell: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: (message: string) => void, getIntl?: () => IntlShape) => (direction: Direction) => Command;
 /**
  * Moves the cursor vertically from a NodeSelection within a table cell.
  * - If content exists above/below within the cell, lets ProseMirror handle it.

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

@@ -13,10 +13,10 @@ export declare const triggerUnlessTableHeader: (command: Command) => Command;
 export declare const transformSliceRemoveCellBackgroundColor: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToAddTableHeaders: (slice: Slice, schema: Schema) => Slice;
 export declare const transformSliceToRemoveColumnsWidths: (slice: Slice, schema: Schema) => Slice;
-export declare const countCellsInSlice: (slice: Slice, schema: Schema, type?: 'row' | 'column') => number;
+export declare const countCellsInSlice: (slice: Slice, schema: Schema, type?: "row" | "column") => number;
 export declare const getTableSelectionType: (selection: Selection) => "row" | "column" | undefined;
 export declare const getTableElementMoveTypeBySlice: (slice: Slice, state: EditorState) => "row" | "column" | undefined;
-export declare const isInsideFirstCellOfRowOrColumn: (selection: Selection, type?: 'row' | 'column') => boolean;
+export declare const isInsideFirstCellOfRowOrColumn: (selection: Selection, type?: "row" | "column") => boolean;
 export declare const deleteTable: Command;
 export declare const deleteTableIfSelected: Command;
 export declare const convertFirstRowToHeader: (schema: Schema) => (tr: Transaction) => Transaction;

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

@@ -2,9 +2,9 @@ import { type IntlShape } from 'react-intl-next/src/types';
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type tablePlugin from '../../tablePlugin';
-export declare const arrowLeftFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
-export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
-export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
-export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
-export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
-export declare const modASelectTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const arrowLeftFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined) => () => Command;
+export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined) => () => Command;
+export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
+export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, getIntl?: () => IntlShape) => (triggeredByKeyboard?: boolean) => Command;
+export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined) => () => Command;
+export declare const modASelectTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>["selection"] | undefined) => () => Command;

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

@@ -6,6 +6,6 @@ import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessib
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DraggableData, DraggableType } from '../../types';
 export declare const clearDropTargetWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP, sourceType: DraggableType, sourceIndexes: number[] | undefined, status: TABLE_STATUS.CANCELLED | TABLE_STATUS.INVALID, tr?: Transaction) => Command;
-export declare const moveSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, tr?: Transaction) => Command;
-export declare const moveSourceWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, getIntl?: () => IntlShape) => (sourceType: DraggableType, direction: DraggableData['direction']) => Command;
-export declare const cloneSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: 'start' | 'end', tr?: Transaction) => Command;
+export declare const moveSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, getIntl?: () => IntlShape) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, tr?: Transaction) => Command;
+export declare const moveSourceWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void, getIntl?: () => IntlShape) => (sourceType: DraggableType, direction: DraggableData["direction"]) => Command;
+export declare const cloneSourceWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.TABLE_CONTEXT_MENU | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT, sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: "start" | "end", tr?: Transaction) => Command;

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

@@ -6,4 +6,4 @@ export declare const setDropTarget: (type: DropTargetType, index: number, hasMer
 export declare const clearDropTarget: (tr?: Transaction) => import("@atlaskit/editor-common/types").Command;
 export declare const moveSource: (sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, tr?: Transaction) => import("@atlaskit/editor-common/types").Command;
 export declare const toggleDragMenu: (isDragMenuOpen: boolean | undefined, direction?: TableDirection, index?: number, trigger?: TriggerType) => import("@atlaskit/editor-common/types").Command;
-export declare const cloneSource: (sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: 'start' | 'end', tr?: Transaction) => import("@atlaskit/editor-common/types").Command;
+export declare const cloneSource: (sourceType: DraggableType, sourceIndexes: number[], targetIndex: number, targetDirection: "start" | "end", tr?: Transaction) => import("@atlaskit/editor-common/types").Command;

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

@@ -1 +1 @@
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState;