@atlaskit/editor-plugin-table 10.4.7 → 10.5.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 10.5.1
+
+### Patch Changes
+
+- [#130002](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130002)
+  [`e273880dffa90`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e273880dffa90) -
+  Clean up feature flag platform_editor_nested_table_in_nested_parent_fix
+
+## 10.5.0
+
+### Minor Changes
+
+- [#128788](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128788)
+  [`83a4d1ba203b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/83a4d1ba203b0) -
+  [ux] update icons
+
 ## 10.4.7
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -170,7 +170,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var prevAttrs = prevNode.attrs;
       var isNested = (0, _nodes.isTableNested)(_this.props.view.state, _this.props.getPos());
       var parentWidth = _this.getParentNodeWidth();
-      if (isNested && (0, _nodes.isTableNestedInMoreThanOneNode)(_this.props.view.state, _this.props.getPos()) && (0, _platformFeatureFlags.fg)('platform_editor_nested_table_in_nested_parent_fix')) {
+      if (isNested && (0, _nodes.isTableNestedInMoreThanOneNode)(_this.props.view.state, _this.props.getPos())) {
         var resizeObsWrapperWidth = _this.wrapperWidth || 0;
         var wrapperWidthDiffBetweenRerenders = Math.abs(resizeObsWrapperWidth - (_this.state.parentWidth || 0));
         var isOusideOfThreshold = wrapperWidthDiffBetweenRerenders <= NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD || wrapperWidthDiffBetweenRerenders > NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD;
@@ -428,14 +428,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (isTableScalingEnabled && tableWithFixedColumnWidthsOption && getNode().attrs.displayMode !== 'fixed') {
         this.handleColgroupUpdates(true);
       }
-      if (this.wrapper && (0, _platformFeatureFlags.fg)('platform_editor_nested_table_in_nested_parent_fix')) {
+      if (this.wrapper) {
         this.wrapperReisizeObserver = new ResizeObserver(function (entries) {
           var _iterator2 = _createForOfIteratorHelper(entries),
             _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var _entry$contentRect3;
               var entry = _step2.value;
-              _this2.wrapperWidth = entry.contentRect.width;
+              _this2.wrapperWidth = (_entry$contentRect3 = entry.contentRect) === null || _entry$contentRect3 === void 0 ? void 0 : _entry$contentRect3.width;
             }
           } catch (err) {
             _iterator2.e(err);

package/dist/cjs/pm-plugins/utils/drag-menu.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTargetIndex = exports.getDragMenuConfig = exports.canMove = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -98,32 +99,57 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
   var addOptions = direction === 'row' ? [{
     label: 'above',
     offset: 0,
-    icon: _tableRowAddAbove.default,
-    iconFallback: _AddRowAboveIcon.AddRowAboveIcon,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableRowAddAbove.default, {
+        LEGACY_fallbackIcon: _AddRowAboveIcon.AddRowAboveIcon,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.addRowBefore
   }, {
     label: 'below',
     offset: 1,
-    icon: _tableRowAddBelow.default,
-    iconFallback: _AddRowBelowIcon.AddRowBelowIcon,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableRowAddBelow.default, {
+        LEGACY_fallbackIcon: _AddRowBelowIcon.AddRowBelowIcon,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.addRowAfter
   }] : [{
     label: 'left',
     offset: 0,
-    icon: _tableColumnAddLeft.default,
-    iconFallback: _AddColLeftIcon.AddColLeftIcon,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableColumnAddLeft.default, {
+        LEGACY_fallbackIcon: _AddColLeftIcon.AddColLeftIcon,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.addColumnBefore
   }, {
     label: 'right',
     offset: 1,
-    icon: _tableColumnAddRight.default,
-    iconFallback: _AddColRightIcon.AddColRightIcon,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableColumnAddRight.default, {
+        LEGACY_fallbackIcon: _AddColRightIcon.AddColRightIcon,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.addColumnAfter
   }];
   var moveOptions = direction === 'row' ? [{
     label: 'up',
-    icon: _tableRowMoveUp.default,
-    iconFallback: _arrowUp.default,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableRowMoveUp.default, {
+        LEGACY_fallbackIcon: _arrowUp.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.moveRowUp,
     canMove: canMove('table-row', -1, (_tableMap$height = tableMap === null || tableMap === void 0 ? void 0 : tableMap.height) !== null && _tableMap$height !== void 0 ? _tableMap$height : 0, selection, selectionRect),
     getOriginIndexes: _selection.getSelectedRowIndexes,
@@ -132,8 +158,13 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
     }
   }, {
     label: 'down',
-    icon: _tableRowMoveDown.default,
-    iconFallback: _arrowDown.default,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableRowMoveDown.default, {
+        LEGACY_fallbackIcon: _arrowDown.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.moveRowDown,
     canMove: canMove('table-row', 1, (_tableMap$height2 = tableMap === null || tableMap === void 0 ? void 0 : tableMap.height) !== null && _tableMap$height2 !== void 0 ? _tableMap$height2 : 0, selection, selectionRect),
     getOriginIndexes: _selection.getSelectedRowIndexes,
@@ -142,8 +173,13 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
     }
   }] : [{
     label: 'left',
-    icon: _tableColumnMoveLeft.default,
-    iconFallback: _arrowLeft.default,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableColumnMoveLeft.default, {
+        LEGACY_fallbackIcon: _arrowLeft.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.moveColumnLeft,
     canMove: canMove('table-column', -1, (_tableMap$width = tableMap === null || tableMap === void 0 ? void 0 : tableMap.width) !== null && _tableMap$width !== void 0 ? _tableMap$width : 0, selection, selectionRect),
     getOriginIndexes: _selection.getSelectedColumnIndexes,
@@ -152,8 +188,13 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
     }
   }, {
     label: 'right',
-    icon: _tableColumnMoveRight.default,
-    iconFallback: _arrowRight.default,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableColumnMoveRight.default, {
+        LEGACY_fallbackIcon: _arrowRight.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: _keymaps.moveColumnRight,
     canMove: canMove('table-column', 1, (_tableMap$width2 = tableMap === null || tableMap === void 0 ? void 0 : tableMap.width) !== null && _tableMap$width2 !== void 0 ? _tableMap$width2 : 0, selection, selectionRect),
     getOriginIndexes: _selection.getSelectedColumnIndexes,
@@ -164,25 +205,33 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
   var sortOptions = direction === 'column' ? [{
     label: 'increasing',
     order: _customSteps.TableSortOrder.ASC,
-    icon: _sortAscending.default,
-    iconFallback: _chevronDoubleUp.default
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_sortAscending.default, {
+        LEGACY_fallbackIcon: _chevronDoubleUp.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    }
   }, {
     label: 'decreasing',
     order: _customSteps.TableSortOrder.DESC,
-    icon: _sortDescending.default,
-    iconFallback: _chevronDoubleDown.default
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_sortDescending.default, {
+        LEGACY_fallbackIcon: _chevronDoubleDown.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    }
   }] : [];
   var sortConfigs = (0, _toConsumableArray2.default)(sortOptions.map(function (_ref) {
     var label = _ref.label,
       order = _ref.order,
-      icon = _ref.icon,
-      iconFallback = _ref.iconFallback;
+      icon = _ref.icon;
     return {
       id: "sort_column_".concat(order),
       title: "Sort ".concat(label),
       disabled: hasMergedCellsInTable,
       icon: icon,
-      iconFallback: iconFallback,
       onClick: function onClick(state, dispatch) {
         (0, _commandsWithAnalytics.sortColumnWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, index !== null && index !== void 0 ? index : 0, order)(state, dispatch);
         return true;
@@ -193,13 +242,11 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
     var label = _ref2.label,
       offset = _ref2.offset,
       icon = _ref2.icon,
-      iconFallback = _ref2.iconFallback,
       keymap = _ref2.keymap;
     return {
       id: "add_".concat(direction, "_").concat(label),
       title: "Add ".concat(direction, " ").concat(label),
       icon: icon,
-      iconFallback: iconFallback,
       onClick: function onClick(state, dispatch) {
         if (direction === 'row') {
           (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, {
@@ -229,8 +276,13 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
       }
       return false;
     },
-    icon: _tableColumnsDistribute.default,
-    iconFallback: _layoutThreeEqual.default
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableColumnsDistribute.default, {
+        LEGACY_fallbackIcon: _layoutThreeEqual.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    }
   } : undefined, {
     id: 'clear_cells',
     title: 'Clear cells',
@@ -238,8 +290,13 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
       (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, targetCellPosition)(state, dispatch);
       return true;
     },
-    icon: _tableCellClear.default,
-    iconFallback: _crossCircle.default,
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_tableCellClear.default, {
+        LEGACY_fallbackIcon: _crossCircle.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: (0, _keymaps.tooltip)(_keymaps.backspace)
   }, {
     id: "delete_".concat(direction),
@@ -252,14 +309,24 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
       }
       return true;
     },
-    icon: direction === 'row' ? _tableRowDelete.default : _tableColumnDelete.default,
-    iconFallback: _remove.default,
+    icon: direction === 'row' ? function () {
+      return /*#__PURE__*/_react.default.createElement(_tableRowDelete.default, {
+        LEGACY_fallbackIcon: _remove.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    } : function () {
+      return /*#__PURE__*/_react.default.createElement(_tableColumnDelete.default, {
+        LEGACY_fallbackIcon: _remove.default,
+        spacing: 'spacious',
+        label: ''
+      });
+    },
     keymap: direction === 'row' ? (0, _keymaps.tooltip)(_keymaps.deleteRow) : (0, _keymaps.tooltip)(_keymaps.deleteColumn)
   }], (0, _toConsumableArray2.default)(moveOptions.map(function (_ref3) {
     var label = _ref3.label,
       canMove = _ref3.canMove,
       icon = _ref3.icon,
-      iconFallback = _ref3.iconFallback,
       keymap = _ref3.keymap,
       getOriginIndexes = _ref3.getOriginIndexes,
       getTargetIndex = _ref3.getTargetIndex;
@@ -268,7 +335,6 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
       title: "Move ".concat(direction, " ").concat(label),
       disabled: !canMove,
       icon: icon,
-      iconFallback: iconFallback,
       onClick: function onClick(state, dispatch) {
         if (canMove) {
           requestAnimationFrame(function () {

package/dist/cjs/pm-plugins/utils/paste.js

@@ -90,7 +90,8 @@ var transformSliceToRemoveNestedTables = exports.transformSliceToRemoveNestedTab
       var _slice$content$firstC, _slice$content$lastCh;
       var isPasteInTable = (0, _utils2.hasParentNodeOfType)([table, tableCell, tableHeader])(selection);
       var isPasteInNestedTable = (0, _nesting.getParentOfTypeCount)(schema.nodes.table)(selection.$from) > 1;
-      var isCellPaste = isPasteInTable && slice.content.childCount === 1 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === table && slice.openStart !== 0 && slice.openEnd !== 0;
+      var isPasteFullTableInsideEmptyCellEnabled = (0, _platformFeatureFlags.fg)('platform_editor_paste_full_table_inside_empty_cell');
+      var isCellPaste = isPasteInTable && slice.content.childCount === 1 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === table && (!isPasteFullTableInsideEmptyCellEnabled || slice.openStart !== 0 && slice.openEnd !== 0);
 
       // if nesting is allowed we bump up the default nesting allowance to 2 to support
       // two levels of nesting in nodes that support table nesting already such as layoutSection and expands

package/dist/cjs/ui/toolbar.js

@@ -27,14 +27,12 @@ var _utils3 = require("@atlaskit/editor-tables/utils");
 var _alignImageCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-image-center"));
 var _alignImageLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-image-left"));
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
-var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
-var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
+var _customizePreferences = _interopRequireDefault(require("@atlaskit/icon/core/migration/customize--preferences"));
+var _deleteEditorRemove = _interopRequireDefault(require("@atlaskit/icon/core/migration/delete--editor-remove"));
 var _tableColumnsDistribute = _interopRequireDefault(require("@atlaskit/icon/core/table-columns-distribute"));
 var _alignImageCenter2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-center"));
 var _alignImageLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-left"));
 var _layoutThreeEqual = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-three-equal"));
-var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
-var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../pm-plugins/commands");
@@ -117,9 +115,8 @@ var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMen
       type: 'dropdown',
       testId: 'table_options',
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : _preferences.default,
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? _customize.default : undefined,
+      icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : _customizePreferences.default,
+      iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? _customizePreferences.default : undefined,
       title: formatMessage(_messages.tableMessages.tableOptions),
       hidden: options.every(function (option) {
         return option.hidden;
@@ -432,8 +429,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
           id: 'editor.table.delete',
           type: 'button',
           appearance: 'danger',
-          icon: _delete.default,
-          iconFallback: _remove.default,
+          icon: _deleteEditorRemove.default,
           onClick: (0, _commandsWithAnalytics.deleteTableWithAnalytics)(editorAnalyticsAPI),
           disabled: !!resizeState && !!resizeState.dragging,
           onMouseEnter: (0, _commands.hoverTable)(true),
@@ -516,7 +512,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
             }, {
               title: intl.formatMessage(_messages.default.delete),
               onClick: (0, _commandsWithAnalytics.deleteTableWithAnalytics)(editorAnalyticsAPI),
-              icon: (0, _react.jsx)(_delete.default, {
+              icon: (0, _react.jsx)(_deleteEditorRemove.default, {
                 label: intl.formatMessage(_messages.default.delete)
               })
             }]
@@ -590,8 +586,13 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
       id: 'editor.table.distributeColumns',
       type: 'button',
       title: formatMessage(_messages.tableMessages.distributeColumns),
-      icon: _tableColumnsDistribute.default,
-      iconFallback: _layoutThreeEqual.default,
+      icon: function icon() {
+        return (0, _react.jsx)(_tableColumnsDistribute.default, {
+          LEGACY_fallbackIcon: _layoutThreeEqual.default,
+          spacing: 'spacious',
+          label: ''
+        });
+      },
       onClick: function onClick(state, dispatch, view) {
         return getDistributeConfig(getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor)(state, dispatch, view);
       },

package/dist/es2019/nodeviews/TableComponent.js

@@ -158,7 +158,7 @@ class TableComponent extends React.Component {
       const prevAttrs = prevNode.attrs;
       const isNested = isTableNested(this.props.view.state, this.props.getPos());
       let parentWidth = this.getParentNodeWidth();
-      if (isNested && isTableNestedInMoreThanOneNode(this.props.view.state, this.props.getPos()) && fg('platform_editor_nested_table_in_nested_parent_fix')) {
+      if (isNested && isTableNestedInMoreThanOneNode(this.props.view.state, this.props.getPos())) {
         const resizeObsWrapperWidth = this.wrapperWidth || 0;
         const wrapperWidthDiffBetweenRerenders = Math.abs(resizeObsWrapperWidth - (this.state.parentWidth || 0));
         const isOusideOfThreshold = wrapperWidthDiffBetweenRerenders <= NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD || wrapperWidthDiffBetweenRerenders > NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD;
@@ -411,10 +411,11 @@ class TableComponent extends React.Component {
     if (isTableScalingEnabled && tableWithFixedColumnWidthsOption && getNode().attrs.displayMode !== 'fixed') {
       this.handleColgroupUpdates(true);
     }
-    if (this.wrapper && fg('platform_editor_nested_table_in_nested_parent_fix')) {
+    if (this.wrapper) {
       this.wrapperReisizeObserver = new ResizeObserver(entries => {
         for (const entry of entries) {
-          this.wrapperWidth = entry.contentRect.width;
+          var _entry$contentRect3;
+          this.wrapperWidth = (_entry$contentRect3 = entry.contentRect) === null || _entry$contentRect3 === void 0 ? void 0 : _entry$contentRect3.width;
         }
       });
       this.wrapperReisizeObserver.observe(this.wrapper);

package/dist/es2019/pm-plugins/utils/drag-menu.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, backspace, deleteColumn, deleteRow, moveColumnLeft, moveColumnRight, moveRowDown, moveRowUp, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -86,56 +87,80 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
   const addOptions = direction === 'row' ? [{
     label: 'above',
     offset: 0,
-    icon: TableRowAddAboveIcon,
-    iconFallback: AddRowAboveIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableRowAddAboveIcon, {
+      LEGACY_fallbackIcon: AddRowAboveIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: addRowBefore
   }, {
     label: 'below',
     offset: 1,
-    icon: TableRowAddBelowIcon,
-    iconFallback: AddRowBelowIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableRowAddBelowIcon, {
+      LEGACY_fallbackIcon: AddRowBelowIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: addRowAfter
   }] : [{
     label: 'left',
     offset: 0,
-    icon: TableColumnAddLeftIcon,
-    iconFallback: AddColLeftIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableColumnAddLeftIcon, {
+      LEGACY_fallbackIcon: AddColLeftIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: addColumnBefore
   }, {
     label: 'right',
     offset: 1,
-    icon: TableColumnAddRightIcon,
-    iconFallback: AddColRightIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableColumnAddRightIcon, {
+      LEGACY_fallbackIcon: AddColRightIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: addColumnAfter
   }];
   const moveOptions = direction === 'row' ? [{
     label: 'up',
-    icon: TableRowMoveUpIcon,
-    iconFallback: ArrowUpIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
+      LEGACY_fallbackIcon: ArrowUpIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: moveRowUp,
     canMove: canMove('table-row', -1, (_tableMap$height = tableMap === null || tableMap === void 0 ? void 0 : tableMap.height) !== null && _tableMap$height !== void 0 ? _tableMap$height : 0, selection, selectionRect),
     getOriginIndexes: getSelectedRowIndexes,
     getTargetIndex: selectionRect => selectionRect.top - 1
   }, {
     label: 'down',
-    icon: TableRowMoveDownIcon,
-    iconFallback: ArrowDownIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
+      LEGACY_fallbackIcon: ArrowDownIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: moveRowDown,
     canMove: canMove('table-row', 1, (_tableMap$height2 = tableMap === null || tableMap === void 0 ? void 0 : tableMap.height) !== null && _tableMap$height2 !== void 0 ? _tableMap$height2 : 0, selection, selectionRect),
     getOriginIndexes: getSelectedRowIndexes,
     getTargetIndex: selectionRect => selectionRect.bottom
   }] : [{
     label: 'left',
-    icon: TableColumnMoveLeftIcon,
-    iconFallback: ArrowLeftIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableColumnMoveLeftIcon, {
+      LEGACY_fallbackIcon: ArrowLeftIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: moveColumnLeft,
     canMove: canMove('table-column', -1, (_tableMap$width = tableMap === null || tableMap === void 0 ? void 0 : tableMap.width) !== null && _tableMap$width !== void 0 ? _tableMap$width : 0, selection, selectionRect),
     getOriginIndexes: getSelectedColumnIndexes,
     getTargetIndex: selectionRect => selectionRect.left - 1
   }, {
     label: 'right',
-    icon: TableColumnMoveRightIcon,
-    iconFallback: ArrowRightIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableColumnMoveRightIcon, {
+      LEGACY_fallbackIcon: ArrowRightIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: moveColumnRight,
     canMove: canMove('table-column', 1, (_tableMap$width2 = tableMap === null || tableMap === void 0 ? void 0 : tableMap.width) !== null && _tableMap$width2 !== void 0 ? _tableMap$width2 : 0, selection, selectionRect),
     getOriginIndexes: getSelectedColumnIndexes,
@@ -144,25 +169,29 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
   const sortOptions = direction === 'column' ? [{
     label: 'increasing',
     order: SortOrder.ASC,
-    icon: SortAscendingIcon,
-    iconFallback: HipchatChevronDoubleUpIcon
+    icon: () => /*#__PURE__*/React.createElement(SortAscendingIcon, {
+      LEGACY_fallbackIcon: HipchatChevronDoubleUpIcon,
+      spacing: 'spacious',
+      label: ''
+    })
   }, {
     label: 'decreasing',
     order: SortOrder.DESC,
-    icon: SortDescendingIcon,
-    iconFallback: HipchatChevronDoubleDownIcon
+    icon: () => /*#__PURE__*/React.createElement(SortDescendingIcon, {
+      LEGACY_fallbackIcon: HipchatChevronDoubleDownIcon,
+      spacing: 'spacious',
+      label: ''
+    })
   }] : [];
   const sortConfigs = [...sortOptions.map(({
     label,
     order,
-    icon,
-    iconFallback
+    icon
   }) => ({
     id: `sort_column_${order}`,
     title: `Sort ${label}`,
     disabled: hasMergedCellsInTable,
     icon: icon,
-    iconFallback: iconFallback,
     onClick: (state, dispatch) => {
       sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, index !== null && index !== void 0 ? index : 0, order)(state, dispatch);
       return true;
@@ -172,13 +201,11 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
     label,
     offset,
     icon,
-    iconFallback,
     keymap
   }) => ({
     id: `add_${direction}_${label}`,
     title: `Add ${direction} ${label}`,
     icon: icon,
-    iconFallback: iconFallback,
     onClick: (state, dispatch) => {
       if (direction === 'row') {
         insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, {
@@ -207,8 +234,11 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
       }
       return false;
     },
-    icon: TableColumnsDistributeIcon,
-    iconFallback: EditorLayoutThreeEqualIcon
+    icon: () => /*#__PURE__*/React.createElement(TableColumnsDistributeIcon, {
+      LEGACY_fallbackIcon: EditorLayoutThreeEqualIcon,
+      spacing: 'spacious',
+      label: ''
+    })
   } : undefined, {
     id: 'clear_cells',
     title: 'Clear cells',
@@ -216,8 +246,11 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
       emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, targetCellPosition)(state, dispatch);
       return true;
     },
-    icon: TableCellClearIcon,
-    iconFallback: CrossCircleIcon,
+    icon: () => /*#__PURE__*/React.createElement(TableCellClearIcon, {
+      LEGACY_fallbackIcon: CrossCircleIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: tooltip(backspace)
   }, {
     id: `delete_${direction}`,
@@ -230,14 +263,20 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
       }
       return true;
     },
-    icon: direction === 'row' ? TableRowDeleteIcon : TableColumnDeleteIcon,
-    iconFallback: RemoveIcon,
+    icon: direction === 'row' ? () => /*#__PURE__*/React.createElement(TableRowDeleteIcon, {
+      LEGACY_fallbackIcon: RemoveIcon,
+      spacing: 'spacious',
+      label: ''
+    }) : () => /*#__PURE__*/React.createElement(TableColumnDeleteIcon, {
+      LEGACY_fallbackIcon: RemoveIcon,
+      spacing: 'spacious',
+      label: ''
+    }),
     keymap: direction === 'row' ? tooltip(deleteRow) : tooltip(deleteColumn)
   }, ...moveOptions.map(({
     label,
     canMove,
     icon,
-    iconFallback,
     keymap,
     getOriginIndexes,
     getTargetIndex
@@ -246,7 +285,6 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
     title: `Move ${direction} ${label}`,
     disabled: !canMove,
     icon: icon,
-    iconFallback: iconFallback,
     onClick: (state, dispatch) => {
       if (canMove) {
         requestAnimationFrame(() => {

package/dist/es2019/pm-plugins/utils/paste.js

@@ -80,7 +80,8 @@ export const transformSliceToRemoveNestedTables = (slice, schema, selection) =>
       var _slice$content$firstC, _slice$content$lastCh;
       const isPasteInTable = hasParentNodeOfType([table, tableCell, tableHeader])(selection);
       const isPasteInNestedTable = getParentOfTypeCount(schema.nodes.table)(selection.$from) > 1;
-      const isCellPaste = isPasteInTable && slice.content.childCount === 1 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === table && slice.openStart !== 0 && slice.openEnd !== 0;
+      const isPasteFullTableInsideEmptyCellEnabled = fg('platform_editor_paste_full_table_inside_empty_cell');
+      const isCellPaste = isPasteInTable && slice.content.childCount === 1 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === table && (!isPasteFullTableInsideEmptyCellEnabled || slice.openStart !== 0 && slice.openEnd !== 0);
 
       // if nesting is allowed we bump up the default nesting allowance to 2 to support
       // two levels of nesting in nodes that support table nesting already such as layoutSection and expands