@atlaskit/editor-plugin-table 8.4.1 → 8.4.3

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

@@ -9,19 +9,19 @@ import { browser, closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
-import { stopKeyboardColumnResizing } from '../commands/column-resize';
-import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
-import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
 import { lazyTableCellView, lazyTableHeaderView, lazyTableRowView, lazyTableView } from '../nodeviews/lazy-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
-import { fixTables, replaceSelectedTable } from '../transforms';
 import { TableCssClassName as ClassName } from '../types';
-import { findControlsHoverDecoration, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable } from '../utils';
-import { isHeaderRowRequired, transformSliceTableLayoutDefaultToCenter } from '../utils/paste';
+import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../ui/event-handlers';
+import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from './commands';
+import { stopKeyboardColumnResizing } from './commands/column-resize';
+import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from './commands/misc';
 import { defaultHoveredCell, defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
+import { fixTables, replaceSelectedTable } from './transforms';
+import { findControlsHoverDecoration, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable } from './utils';
+import { isHeaderRowRequired, transformSliceTableLayoutDefaultToCenter } from './utils/paste';
 export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor) {
   var _accessibilityUtils;
   var state = createPluginState(dispatch, _objectSpread(_objectSpread(_objectSpread({

package/dist/esm/pm-plugins/plugin-factory.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { pluginFactory } from '@atlaskit/editor-common/utils';
-import { handleDocOrSelectionChanged } from '../handlers';
-import reducer from '../reducer';
+import { handleDocOrSelectionChanged } from './handlers';
 import { pluginKey } from './plugin-key';
+import reducer from './reducer';
 var _pluginFactory = pluginFactory(pluginKey, reducer, {
     mapping: function mapping(tr, pluginState) {
       if (tr.docChanged) {

package/dist/esm/{reducer.js → pm-plugins/reducer.js}

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { defaultTableSelection } from './pm-plugins/default-table-selection';
+import { defaultTableSelection } from './default-table-selection';
 export default (function (pluginState, action) {
   switch (action.type) {
     case 'TOGGLE_HEADER_COLUMN':

package/dist/esm/pm-plugins/table-resizing/commands.js

@@ -1,7 +1,7 @@
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
-import { updateColumnWidths } from '../../transforms';
 import { META_KEYS } from '../table-analytics';
+import { updateColumnWidths } from '../transforms';
 import { createCommand, getPluginState } from './plugin-factory';
 import { evenAllColumnsWidths, isClickNear } from './utils';
 export var evenColumns = function evenColumns(_ref) {

package/dist/esm/pm-plugins/table-resizing/event-handlers.js

@@ -5,13 +5,13 @@ import { ACTION_SUBJECT, CHANGE_ALIGNMENT_REASON, EVENT_TYPE, INPUT_METHOD, TABL
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { stopKeyboardColumnResizing } from '../../commands/column-resize';
-import { updateResizeHandleDecorations } from '../../commands/misc';
-import { updateColumnWidths } from '../../transforms';
-import { getSelectedColumnIndexes, isTableNested } from '../../utils';
-import { ALIGN_CENTER, ALIGN_START, shouldChangeAlignmentToCenterResized } from '../../utils/alignment';
+import { stopKeyboardColumnResizing } from '../commands/column-resize';
+import { updateResizeHandleDecorations } from '../commands/misc';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { META_KEYS } from '../table-analytics';
+import { updateColumnWidths } from '../transforms';
+import { getSelectedColumnIndexes, isTableNested } from '../utils';
+import { ALIGN_CENTER, ALIGN_START, shouldChangeAlignmentToCenterResized } from '../utils/alignment';
 import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import { currentColWidth, getResizeState, getTableMaxWidth, pointsAtCell, resizeColumn, resizeColumnAndTable, updateControls } from './utils';

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

@@ -1,9 +1,9 @@
 import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/styles';
 import { closestElement, containsClassName, parsePx } from '@atlaskit/editor-common/utils';
 import { TableCssClassName as ClassName } from '../../../types';
-import { colWidthsForRow } from '../../../utils/column-controls';
-import { getRowHeights } from '../../../utils/row-controls';
 import { getPluginState as getMainPluginState } from '../../plugin-factory';
+import { colWidthsForRow } from '../../utils/column-controls';
+import { getRowHeights } from '../../utils/row-controls';
 export var updateControls = function updateControls() {
   return function (state) {
     var _getMainPluginState = getMainPluginState(state),

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

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableCssClassName as ClassName } from '../../../types';
-import { ALIGN_CENTER, ALIGN_START, shouldChangeAlignmentToCenterResized } from '../../../utils/alignment';
+import { ALIGN_CENTER, ALIGN_START, shouldChangeAlignmentToCenterResized } from '../../utils/alignment';
 import { getTableScalingPercent } from './misc';
 import { growColumn, shrinkColumn, updateAffectedColumn } from './resize-logic';
 import { updateColgroup } from './resize-state';

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

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
-import { getSelectedTableInfo } from '../../../utils';
+import { getSelectedTableInfo } from '../../utils';
 import { getColWidthFix, hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';

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

@@ -4,8 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { updateColumnWidths } from '../../../transforms';
-import { getTableWidth } from '../../../utils';
+import { updateColumnWidths } from '../../transforms';
+import { getTableWidth } from '../../utils';
 import { getLayoutSize } from '../utils/misc';
 import { reduceSpace } from '../utils/resize-logic';
 import { adjustColumnsWidths, getResizeState, getTotalWidth, updateColgroup } from '../utils/resize-state';

package/dist/esm/pm-plugins/table-selection-keymap.js

@@ -1,6 +1,6 @@
 import { bindKeymapArrayWithCommand, bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, selectTable, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { arrowLeftFromTable, arrowRightFromTable, modASelectTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
+import { arrowLeftFromTable, arrowRightFromTable, modASelectTable, selectColumns, selectRows, shiftArrowUpFromTable } from './commands/selection';
 export function tableSelectionKeymapPlugin(pluginInjectionApi, getIntl) {
   var _pluginInjectionApi$a;
   var list = {};

package/dist/esm/pm-plugins/table-width-in-comment-fix.js

@@ -18,7 +18,7 @@ import rafSchedule from 'raf-schd';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { ALIGN_START } from '../utils/alignment';
+import { ALIGN_START } from './utils/alignment';
 export var pluginKey = new PluginKey('tableWidthInCommentFixPlugin');
 var getPluginState = function getPluginState(state) {
   return state && pluginKey.getState(state);

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

@@ -14,8 +14,8 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { ALIGN_START } from '../utils/alignment';
 import { TABLE_MAX_WIDTH } from './table-resizing/utils';
+import { ALIGN_START } from './utils/alignment';
 export var pluginKey = new PluginKey('tableWidthPlugin');
 var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled, isTableScalingEnabled, isTableAlignmentEnabled, isCommentEditor) {
   return new SafePlugin({

package/dist/esm/{transforms → pm-plugins/transforms}/column-width.js

@@ -5,10 +5,11 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getTableContainerElementWidth, getTableElementWidth, hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
-import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
-import { getResizeState } from '../pm-plugins/table-resizing/utils/resize-state';
-import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
+import { getTableContainerElementWidth, getTableElementWidth, hasTableBeenResized } from '../table-resizing/utils';
+import { isMinCellWidthTable } from '../table-resizing/utils/colgroup';
+import { getResizeState } from '../table-resizing/utils/resize-state';
+import { scaleTableTo } from '../table-resizing/utils/scale-table';
+
 /**
  * Given a new ResizeState object, create a transaction that replaces and updates the table node based on new state.
  * @param resizeState

package/dist/esm/{transforms → pm-plugins/transforms}/delete-columns.js

@@ -7,7 +7,7 @@ import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { META_KEYS } from '../pm-plugins/table-analytics';
+import { META_KEYS } from '../table-analytics';
 import { rescaleColumns } from './column-width';
 import { splitCellsInColumns } from './split';
 var deleteColumnsCustomStep = function deleteColumnsCustomStep(rect) {

package/dist/esm/{transforms → pm-plugins/transforms}/fix-tables.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { calculateColumnWidth, contentWidth, getCellsRefsInColumn, getLayoutSize } from '../pm-plugins/table-resizing/utils';
+import { calculateColumnWidth, contentWidth, getCellsRefsInColumn, getLayoutSize } from '../table-resizing/utils';
 var validateTableCellNodeAttrs = function validateTableCellNodeAttrs(_ref, reportInvalidTableCellSpanAttrs) {
   var colspan = _ref.colspan,
     rowspan = _ref.rowspan,

package/dist/esm/{utils → pm-plugins/utils}/alignment.js

@@ -1,4 +1,4 @@
-import { FULL_WIDTH_EDITOR_CONTENT_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
+import { FULL_WIDTH_EDITOR_CONTENT_WIDTH } from '../table-resizing/utils/consts';
 export var ALIGN_START = 'align-start';
 export var ALIGN_CENTER = 'center';
 

package/dist/esm/{utils → pm-plugins/utils}/analytics.js

@@ -2,8 +2,8 @@ import { useEffect, useRef } from 'react';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
-import { getTableWidth } from '../utils';
+import { hasTableBeenResized } from '../table-resizing/utils';
+import { getTableWidth } from './index';
 export function getSelectedTableInfo(selection) {
   var map;
   var totalRowCount = 0;

package/dist/esm/{utils → pm-plugins/utils}/column-controls.js

@@ -3,7 +3,7 @@ import { maphElem } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { tableDeleteButtonSize } from '../ui/consts';
+import { tableDeleteButtonSize } from '../../ui/consts';
 export var getColumnsWidths = function getColumnsWidths(view) {
   var selection = view.state.selection;
   var widths = [];

package/dist/esm/{utils → pm-plugins/utils}/create.js

@@ -2,7 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createTable } from '@atlaskit/editor-tables/utils';
-import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+import { TABLE_MAX_WIDTH } from '../table-resizing/utils';
+var NESTED_TABLE_DEFAULT_ROWS = 2;
+var NESTED_TABLE_DEFAULT_COLS = 2;
 export var createTableWithWidth = function createTableWithWidth(_ref) {
   var isTableScalingEnabled = _ref.isTableScalingEnabled,
     isTableAlignmentEnabled = _ref.isTableAlignmentEnabled,
@@ -10,9 +12,14 @@ export var createTableWithWidth = function createTableWithWidth(_ref) {
     isCommentEditor = _ref.isCommentEditor,
     isChromelessEditor = _ref.isChromelessEditor,
     isTableResizingEnabled = _ref.isTableResizingEnabled,
+    isNestedTable = _ref.isNestedTable,
     createTableProps = _ref.createTableProps;
   return function (schema) {
     var attrsOverrides = {};
+    if (isNestedTable) {
+      attrsOverrides.rowsCount = createTableProps !== null && createTableProps !== void 0 && createTableProps.rowsCount ? createTableProps === null || createTableProps === void 0 ? void 0 : createTableProps.rowsCount : NESTED_TABLE_DEFAULT_ROWS;
+      attrsOverrides.colsCount = createTableProps !== null && createTableProps !== void 0 && createTableProps.colsCount ? createTableProps === null || createTableProps === void 0 ? void 0 : createTableProps.colsCount : NESTED_TABLE_DEFAULT_COLS;
+    }
     if (isTableScalingEnabled && isFullWidthModeEnabled && !isCommentEditor) {
       attrsOverrides.tableWidth = TABLE_MAX_WIDTH;
     }

package/dist/esm/{utils → pm-plugins/utils}/decoration.js

@@ -11,8 +11,8 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { TableCssClassName as ClassName, TableDecorations } from '../types';
-import { ColumnResizeWidget } from '../ui/ColumnResizeWidget';
+import { TableCssClassName as ClassName, TableDecorations } from '../../types';
+import { ColumnResizeWidget } from '../../ui/ColumnResizeWidget';
 var filterDecorationByKey = function filterDecorationByKey(key, decorationSet) {
   return decorationSet.find(undefined, undefined, function (spec) {
     return spec.key.indexOf(key) > -1;

package/dist/esm/{utils → pm-plugins/utils}/dom.js

@@ -1,5 +1,5 @@
 import { closestElement, containsClassName } from '@atlaskit/editor-common/utils';
-import { TableCssClassName as ClassName } from '../types';
+import { TableCssClassName as ClassName } from '../../types';
 export var isCell = function isCell(node) {
   return Boolean(node && (['TH', 'TD'].indexOf(node.tagName) > -1 || !!closestElement(node, ".".concat(ClassName.TABLE_HEADER_CELL)) || !!closestElement(node, ".".concat(ClassName.TABLE_CELL))));
 };

package/dist/esm/{utils → pm-plugins/utils}/drag-menu.js

@@ -25,12 +25,12 @@ import EditorLayoutThreeEqualIcon from '@atlaskit/icon/glyph/editor/layout-three
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import HipchatChevronDoubleDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-down';
 import HipchatChevronDoubleUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-up';
-import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, sortColumnWithAnalytics } from '../commands-with-analytics';
-import { moveSourceWithAnalytics } from '../pm-plugins/drag-and-drop/commands-with-analytics';
-import { getPluginState as getTablePluginState } from '../pm-plugins/plugin-factory';
-import { getNewResizeStateFromSelectedColumns } from '../pm-plugins/table-resizing/utils/resize-state';
-import { getClosestSelectionRect } from '../toolbar';
-import { AddColLeftIcon, AddColRightIcon, AddRowAboveIcon, AddRowBelowIcon } from '../ui/icons';
+import { AddColLeftIcon, AddColRightIcon, AddRowAboveIcon, AddRowBelowIcon } from '../../ui/icons';
+import { getClosestSelectionRect } from '../../ui/toolbar';
+import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, sortColumnWithAnalytics } from '../commands/commands-with-analytics';
+import { moveSourceWithAnalytics } from '../drag-and-drop/commands-with-analytics';
+import { getPluginState as getTablePluginState } from '../plugin-factory';
+import { getNewResizeStateFromSelectedColumns } from '../table-resizing/utils/resize-state';
 import { hasMergedCellsInSelection, hasMergedCellsWithColumnNextToColumnIndex, hasMergedCellsWithRowNextToRowIndex } from './merged-cells';
 import { getSelectedColumnIndexes, getSelectedRowIndexes } from './selection';
 export var getTargetIndex = function getTargetIndex(selectedIndexes, direction) {

package/dist/esm/{utils → pm-plugins/utils}/get-allow-add-column-custom-step.js

@@ -1,4 +1,4 @@
-import { getPluginState } from '../pm-plugins/plugin-factory';
+import { getPluginState } from '../plugin-factory';
 export function getAllowAddColumnCustomStep(state) {
   var tablePluginState = getPluginState(state);
   return Boolean(tablePluginState) && Boolean(tablePluginState.pluginConfig.allowAddColumnWithCustomStep);

package/dist/esm/{utils → pm-plugins/utils}/paste.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { flatmap, mapChildren, mapSlice } from '@atlaskit/editor-common/utils';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { flatten } from '@atlaskit/editor-prosemirror/utils';
-import { getPluginState } from '../pm-plugins/plugin-factory';
+import { getPluginState } from '../plugin-factory';
 
 // lifts up the content of each cell, returning an array of nodes
 export var unwrapContentFromTable = function unwrapContentFromTable(maybeTable) {

package/dist/esm/{utils → pm-plugins/utils}/row-controls.js

@@ -5,8 +5,8 @@ import { parsePx } from '@atlaskit/editor-common/utils';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getSelectionRect, isRowSelected } from '@atlaskit/editor-tables/utils';
-import { TableCssClassName as ClassName } from '../types';
-import { tableDeleteButtonSize } from '../ui/consts';
+import { TableCssClassName as ClassName } from '../../types';
+import { tableDeleteButtonSize } from '../../ui/consts';
 export var getRowHeights = function getRowHeights(tableRef) {
   var heights = [];
   var tableBody = tableRef.querySelector('tbody');

package/dist/esm/{utils → pm-plugins/utils}/update-plugin-state-decorations.js

@@ -1,4 +1,4 @@
-import { getDecorations } from '../pm-plugins/decorations/plugin';
+import { getDecorations } from '../decorations/plugin';
 import { updateDecorations } from './decoration';
 export var updatePluginStateDecorations = function updatePluginStateDecorations(state, decorations, key) {
   return updateDecorations(state.doc, getDecorations(state), decorations, key);

package/dist/esm/{plugin.js → tablePlugin.js}

@@ -18,10 +18,11 @@ import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { insertTableWithNestingSupport, insertTableWithSize } from './commands/insert';
-import { pluginConfig } from './create-plugin-config';
+import { tableNodeSpecWithFixedToDOM } from './nodeviews/toDOM';
 import { createPlugin as createTableAnalyticsPlugin } from './pm-plugins/analytics/plugin';
 import { pluginKey as tableAnalyticsPluginKey } from './pm-plugins/analytics/plugin-key';
+import { insertTableWithNestingSupport, insertTableWithSize } from './pm-plugins/commands/insert';
+import { pluginConfig } from './pm-plugins/create-plugin-config';
 import { createPlugin as createDecorationsPlugin } from './pm-plugins/decorations/plugin';
 import { createPlugin as createDragAndDropPlugin, pluginKey as dragAndDropPluginKey } from './pm-plugins/drag-and-drop';
 import { keymapPlugin } from './pm-plugins/keymap';
@@ -36,9 +37,8 @@ import { createPlugin as createFlexiResizingPlugin, getPluginState as getFlexiRe
 import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
 import { createPlugin as createTableWidthPlugin, pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
 import { createPlugin as createTableWidthInCommentFixPlugin } from './pm-plugins/table-width-in-comment-fix';
+import { createTableWithWidth } from './pm-plugins/utils';
 import { createPlugin as createViewModeSortPlugin } from './pm-plugins/view-mode-sort';
-import { tableNodeSpecWithFixedToDOM } from './toDOM';
-import { getToolbarConfig } from './toolbar';
 import FloatingContextualButton from './ui/FloatingContextualButton';
 import FloatingContextualMenu from './ui/FloatingContextualMenu';
 import FloatingDeleteButton from './ui/FloatingDeleteButton';
@@ -47,13 +47,11 @@ import FloatingInsertButton from './ui/FloatingInsertButton';
 import { FloatingToolbarLabel } from './ui/FloatingToolbarLabel/FloatingToolbarLabel';
 import { GlobalStylesWrapper } from './ui/global-styles';
 import { FullWidthDisplay } from './ui/TableFullWidthLabel';
-import { createTableWithWidth } from './utils';
+import { getToolbarConfig } from './ui/toolbar';
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
 
-// TODO: duplicating type instead of importing media plugin causing a circular dependency
-
 /**
  * Table plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
  * from `@atlaskit/editor-core`.
@@ -548,14 +546,15 @@ var tablesPlugin = function tablesPlugin(_ref) {
             var _api$table;
             // see comment on tablesPlugin.getSharedState on usage
             var tableState = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
-            var tableNode = createTableWithWidth({
+            var tableNodeProps = {
               isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
               isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment,
               isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
               isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
               isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
               isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing
-            })(state.schema);
+            };
+            var tableNode = createTableWithWidth(tableNodeProps)(state.schema);
             var tr = state.tr;
             // If the cursor is inside a table
             if (hasParentNodeOfType(state.schema.nodes.table)(state.selection) && fg('platform_editor_use_nested_table_pm_nodes')) {
@@ -569,6 +568,9 @@ var tablesPlugin = function tablesPlugin(_ref) {
                 tr.scrollIntoView();
               } else {
                 // Table can be nested in parent table
+                tableNode = createTableWithWidth(_objectSpread(_objectSpread({}, tableNodeProps), {}, {
+                  isNestedTable: true
+                }))(state.schema);
                 tr = insert(tableNode);
               }
             } else {

package/dist/esm/tablePluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/DragHandle/index.js

@@ -12,8 +12,8 @@ import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
+import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../types';
-import { findDuplicatePosition, hasMergedCellsInSelection } from '../../utils';
 import { dragTableInsertColumnButtonSize } from '../consts';
 import { DragPreview } from '../DragPreview';
 import { HandleIconComponent } from './HandleIconComponent';

package/dist/esm/ui/FloatingContextualButton/index.js

@@ -16,7 +16,7 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { toggleContextualMenu } from '../../commands';
+import { toggleContextualMenu } from '../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../types';
 import FixedButton from './FixedButton';
 import { tableFloatingCellButtonSelectedStyles, tableFloatingCellButtonStyles } from './styles';

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -42,14 +42,14 @@ import TableColumnDeleteIcon from '@atlaskit/icon/core/table-column-delete';
 import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 import { Box, xcss } from '@atlaskit/primitives';
-import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../commands';
-import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../commands-with-analytics';
+import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';
+import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../../pm-plugins/plugin-key';
 import { getNewResizeStateFromSelectedColumns } from '../../pm-plugins/table-resizing/utils/resize-state';
-import { canMergeCells } from '../../transforms';
+import { canMergeCells } from '../../pm-plugins/transforms';
+import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../types';
-import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../utils';
 import { colorPalletteColumns, contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD } from '../consts';
 import { AddColRightIcon, AddRowBelowIcon, MergeCellsIcon, SplitCellIcon } from '../icons';
 import { cellColourPreviewStyles } from './styles';

package/dist/esm/ui/FloatingDeleteButton/index.js

@@ -19,11 +19,11 @@ import { closestElement } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getSelectionRect, isTableSelected } from '@atlaskit/editor-tables/utils';
-import { clearHoverSelection, hoverColumns, hoverRows } from '../../commands';
-import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics } from '../../commands-with-analytics';
+import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
+import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
 import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-factory';
+import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams, getRowHeights } from '../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../types';
-import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams, getRowHeights } from '../../utils';
 import { stickyRowZIndex } from '../consts';
 import DeleteButton from './DeleteButton';
 import getPopupOptions from './getPopUpOptions';

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -26,14 +26,14 @@ import PaintBucketIcon from '@atlaskit/icon/core/paint-bucket';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Toggle from '@atlaskit/toggle';
-import { clearHoverSelection, hoverColumns, hoverRows } from '../../commands';
-import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../commands-with-analytics';
+import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
+import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
 import { toggleDragMenu } from '../../pm-plugins/drag-and-drop/commands';
 import { getPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-factory';
+import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../pm-plugins/utils';
+import { getDragMenuConfig } from '../../pm-plugins/utils/drag-menu';
 import { TableCssClassName as ClassName } from '../../types';
-import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../utils';
-import { getDragMenuConfig } from '../../utils/drag-menu';
 import { colorPalletteColumns } from '../consts';
 import { DropdownMenu } from './DropdownMenu';
 import { cellColourPreviewStyles, dragMenuBackgroundColorStyles, toggleStyles } from './styles';

package/dist/esm/ui/FloatingInsertButton/index.js

@@ -18,9 +18,9 @@ import { akEditorTableCellOnStickyHeaderZIndex } from '@atlaskit/editor-shared-s
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { insertColumnWithAnalytics, insertRowWithAnalytics } from '../../commands-with-analytics';
+import { insertColumnWithAnalytics, insertRowWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
+import { checkIfNumberColumnEnabled } from '../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../types';
-import { checkIfNumberColumnEnabled } from '../../utils';
 import getPopupOptions from './getPopupOptions';
 import InsertButton, { DragAndDropInsertButton } from './InsertButton';
 export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {

package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -7,10 +7,10 @@ import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { clearHoverSelection, hoverCell, hoverColumns, selectColumn, selectColumns } from '../../../commands';
+import { clearHoverSelection, hoverCell, hoverColumns, selectColumn, selectColumns } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
+import { getRowsParams, getSelectedColumnIndexes } from '../../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../../types';
-import { getRowsParams, getSelectedColumnIndexes } from '../../../utils';
 import { DragHandle } from '../../DragHandle';
 var getSelectedColumns = function getSelectedColumns(selection) {
   if (selection instanceof CellSelection && selection.isColSelection()) {

package/dist/esm/ui/TableFloatingColumnControls/index.js

@@ -3,8 +3,8 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../types';
-import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../utils';
 import { ColumnControls } from './ColumnControls';
 import { ColumnDropTargets } from './ColumnDropTargets';
 var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {

package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -14,7 +14,7 @@ import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { clearHoverSelection, hoverTable } from '../../../commands';
+import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 var CornerControlComponent = /*#__PURE__*/function (_Component) {
   _inherits(CornerControlComponent, _Component);

package/dist/esm/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -4,7 +4,7 @@ import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
-import { clearHoverSelection } from '../../../commands';
+import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
   var editorView = _ref.editorView,

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

@@ -12,9 +12,9 @@ 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 '../../../commands';
+import { clearHoverSelection } from '../../../pm-plugins/commands';
+import { getRowHeights } from '../../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../../types';
-import { getRowHeights } from '../../../utils';
 import { tableBorderColor } from '../../consts';
 var NumberColumn = /*#__PURE__*/function (_Component) {
   _inherits(NumberColumn, _Component);

package/dist/esm/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -11,9 +11,9 @@ import React, { Component } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { clearHoverSelection } from '../../../commands';
+import { clearHoverSelection } from '../../../pm-plugins/commands';
+import { getRowClassNames, getRowHeights, getRowsParams } from '../../../pm-plugins/utils';
 import { TableCssClassName as ClassName } from '../../../types';
-import { getRowClassNames, getRowHeights, getRowsParams } from '../../../utils';
 import { tableControlsSpacing, tableToolbarSize } from '../../consts';
 var RowControlsComponent = /*#__PURE__*/function (_Component) {
   _inherits(RowControlsComponent, _Component);