@atlaskit/editor-plugin-table 7.1.4 → 7.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-table
 
+## 7.2.0
+
+### Minor Changes
+
+- [#70702](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70702) [`de0d7031a536`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de0d7031a536) - remove drag and drop nodesize limit
+
+### Patch Changes
+
+- [#70152](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70152) [`53ed3673df28`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/53ed3673df28) - Updating adf-schema version to 35.5.1
+- Updated dependencies
+
 ## 7.1.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -488,7 +488,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         getPos = _this$props10.getPos,
         pluginInjectionApi = _this$props10.pluginInjectionApi,
         isDragAndDropEnabled = _this$props10.isDragAndDropEnabled,
-        canDrag = _this$props10.canDrag,
         getEditorFeatureFlags = _this$props10.getEditorFeatureFlags;
       var _this$state3 = this.state,
         showBeforeShadow = _this$state3.showBeforeShadow,
@@ -516,7 +515,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
         isHeaderRowEnabled: isHeaderRowEnabled,
         isDragAndDropEnabled: isDragAndDropEnabled,
-        canDrag: canDrag,
         ordering: ordering,
         isHeaderColumnEnabled: isHeaderColumnEnabled,
         hasHeaderRow: hasHeaderRow
@@ -544,7 +542,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         selection: view.state.selection,
         headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
         stickyHeader: this.state.stickyHeader,
-        canDrag: canDrag,
         getEditorFeatureFlags: getEditorFeatureFlags,
         tableContainerWidth: tableContainerWidth,
         isNumberColumnEnabled: node.attrs.isNumberColumnEnabled

package/dist/cjs/nodeviews/table.js

@@ -148,12 +148,10 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
         },
         editorView: props.view,
         render: function render(pluginStates) {
-          var _tableDragAndDropStat;
           var tableResizingPluginState = pluginStates.tableResizingPluginState,
             tableWidthPluginState = pluginStates.tableWidthPluginState,
             pluginState = pluginStates.pluginState,
-            mediaState = pluginStates.mediaState,
-            tableDragAndDropState = pluginStates.tableDragAndDropState;
+            mediaState = pluginStates.mediaState;
           var containerWidth = props.getEditorContainerWidth();
           var isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
           var isResizing = Boolean((tableResizingPluginState === null || tableResizingPluginState === void 0 ? void 0 : tableResizingPluginState.dragging) || isTableResizing);
@@ -181,7 +179,6 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
             isHeaderRowEnabled: pluginState.isHeaderRowEnabled,
             isHeaderColumnEnabled: pluginState.isHeaderColumnEnabled,
             isDragAndDropEnabled: pluginState.isDragAndDropEnabled,
-            canDrag: (_tableDragAndDropStat = tableDragAndDropState === null || tableDragAndDropState === void 0 ? void 0 : tableDragAndDropState.canDrag) !== null && _tableDragAndDropStat !== void 0 ? _tableDragAndDropStat : false,
             tableActive: tableActive,
             ordering: pluginState.ordering,
             isResizing: isResizing,

package/dist/cjs/plugin.js

@@ -359,7 +359,6 @@ var tablesPlugin = function tablesPlugin(_ref) {
             direction: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.dragMenuDirection,
             index: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.dragMenuIndex,
             isOpen: !!(dragAndDropState !== null && dragAndDropState !== void 0 && dragAndDropState.isDragMenuOpen) && !isResizing,
-            canDrag: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.canDrag,
             getEditorContainerWidth: defaultGetEditorContainerWidth,
             editorAnalyticsAPI: editorAnalyticsAPI,
             stickyHeaders: stickyHeader,

package/dist/cjs/pm-plugins/drag-and-drop/actions.js

@@ -7,8 +7,7 @@ exports.DragAndDropActionType = void 0;
 var DragAndDropActionType = exports.DragAndDropActionType = {
   SET_DROP_TARGET: 'SET_DROP_TARGET',
   CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET',
-  TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU',
-  UPDATE: 'UPDATE'
+  TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU'
 };
 
 // NOTE: This should be a Union of all possible actions

package/dist/cjs/pm-plugins/drag-and-drop/consts.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DropTargetType = exports.DRAGGABLE_TABLE_NODE_SIZE_LIMIT = void 0;
+exports.DropTargetType = void 0;
 var DropTargetType = exports.DropTargetType = {
   NONE: 'none',
   ROW: 'row',
   COLUMN: 'column'
-};
-var DRAGGABLE_TABLE_NODE_SIZE_LIMIT = exports.DRAGGABLE_TABLE_NODE_SIZE_LIMIT = 20000;
+};

package/dist/cjs/pm-plugins/drag-and-drop/plugin.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPlugin = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _view = require("@atlaskit/editor-prosemirror/view");
@@ -25,8 +23,6 @@ var _consts = require("./consts");
 var _pluginFactory2 = require("./plugin-factory");
 var _pluginKey2 = require("./plugin-key");
 var _monitor = require("./utils/monitor");
-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) { (0, _defineProperty2.default)(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; }
 var destroyFn = function destroyFn(editorView, editorAnalyticsAPI) {
   var editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
   var rowAutoScrollers = editorPageScrollContainer ? [(0, _element2.monitorForElements)({
@@ -174,24 +170,18 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, eventD
         dropTargetIndex: 0,
         isDragMenuOpen: false,
         dragMenuIndex: 0,
-        isDragging: false,
-        canDrag: false
+        isDragging: false
       };
     }),
     key: _pluginKey2.pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var _getTablePluginState4 = (0, _pluginFactory.getPluginState)(oldState),
-        oldTargetCellPosition = _getTablePluginState4.targetCellPosition,
-        oldTableNode = _getTablePluginState4.tableNode;
+        oldTargetCellPosition = _getTablePluginState4.targetCellPosition;
       var _getTablePluginState5 = (0, _pluginFactory.getPluginState)(newState),
-        newTargetCellPosition = _getTablePluginState5.targetCellPosition,
-        newTableNode = _getTablePluginState5.tableNode;
+        newTargetCellPosition = _getTablePluginState5.targetCellPosition;
       var _getPluginState = (0, _pluginFactory2.getPluginState)(newState),
         isDragMenuOpen = _getPluginState.isDragMenuOpen,
-        dragMenuIndex = _getPluginState.dragMenuIndex,
-        canDrag = _getPluginState.canDrag;
-      var stateChanges = [];
-      var tr = newState.tr;
+        dragMenuIndex = _getPluginState.dragMenuIndex;
 
       // What's happening here? you asked... In a nutshell;
       // If the target cell position changes while the drag menu is open then we want to close the drag menu if it has been opened.
@@ -199,6 +189,14 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, eventD
       // to check if the new target cell position is pointed at a different cell than what the drag menu was opened on.
       if (oldTargetCellPosition !== newTargetCellPosition) {
         if (isDragMenuOpen) {
+          var tr = newState.tr;
+          var action = {
+            type: _actions.DragAndDropActionType.TOGGLE_DRAG_MENU,
+            data: {
+              isDragMenuOpen: false,
+              direction: undefined
+            }
+          };
           if (newTargetCellPosition !== undefined) {
             var cells = (0, _utils.getCellsInRow)(dragMenuIndex)(tr.selection);
             // ED-20673 check if it is a cell selection,
@@ -206,36 +204,13 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, eventD
             // should not close the drag menu.
             var isCellSelection = tr.selection instanceof _cellSelection.CellSelection;
             if (cells && cells.length && cells[0].node !== tr.doc.nodeAt(newTargetCellPosition) && !isCellSelection) {
-              stateChanges.push({
-                isDragMenuOpen: false,
-                dragMenuDirection: undefined
-              });
+              return tr.setMeta(_pluginKey2.pluginKey, action);
             } // else NOP
           } else {
-            stateChanges.push({
-              isDragMenuOpen: false,
-              dragMenuDirection: undefined
-            });
+            return tr.setMeta(_pluginKey2.pluginKey, action);
           }
         }
       }
-      if ((oldTableNode === null || oldTableNode === void 0 ? void 0 : oldTableNode.nodeSize) !== (newTableNode === null || newTableNode === void 0 ? void 0 : newTableNode.nodeSize)) {
-        var _newTableNode$nodeSiz;
-        var nextCanDrag = ((_newTableNode$nodeSiz = newTableNode === null || newTableNode === void 0 ? void 0 : newTableNode.nodeSize) !== null && _newTableNode$nodeSiz !== void 0 ? _newTableNode$nodeSiz : 0) < _consts.DRAGGABLE_TABLE_NODE_SIZE_LIMIT;
-        if (canDrag !== nextCanDrag) {
-          stateChanges.push({
-            canDrag: nextCanDrag
-          });
-        }
-      }
-      if (stateChanges.length) {
-        return tr.setMeta(_pluginKey2.pluginKey, {
-          type: _actions.DragAndDropActionType.UPDATE,
-          data: _objectSpread({}, stateChanges.reduce(function (state, cur) {
-            return _objectSpread(_objectSpread({}, state), cur);
-          }, {}))
-        }).setMeta('addToHistory', false);
-      }
     },
     view: function view(editorView) {
       return {

package/dist/cjs/pm-plugins/drag-and-drop/reducer.js

@@ -32,8 +32,6 @@ var _default = exports.default = function _default(pluginState, action) {
         dragMenuDirection: action.data.direction,
         dragMenuIndex: action.data.index
       });
-    case _actions.DragAndDropActionType.UPDATE:
-      return _objectSpread(_objectSpread({}, pluginState), action.data);
     default:
       return pluginState;
   }

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

@@ -41,8 +41,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     _onMouseUp = _ref.onMouseUp,
     onClick = _ref.onClick,
     editorView = _ref.editorView,
-    _ref$canDrag = _ref.canDrag,
-    _canDrag = _ref$canDrag === void 0 ? false : _ref$canDrag,
     formatMessage = _ref.intl.formatMessage;
   var dragHandleDivRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(null),
@@ -72,7 +70,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
       return (0, _element.draggable)({
         element: dragHandleDivRefCurrent,
         canDrag: function canDrag() {
-          return _canDrag && !hasMergedCells;
+          return !hasMergedCells;
         },
         getInitialData: function getInitialData() {
           return {
@@ -120,7 +118,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
         }
       });
     }
-  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells, _canDrag]);
+  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   var showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     className: _types.TableCssClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE,
@@ -138,7 +136,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     onClick: onClick
   }), /*#__PURE__*/_react.default.createElement("button", {
     id: isDragMenuTarget ? showDragMenuAnchorId : undefined,
-    className: (0, _classnames2.default)(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, (0, _defineProperty2.default)({}, _types.TableCssClassName.DRAG_HANDLE_DISABLED, !_canDrag || hasMergedCells)),
+    className: (0, _classnames2.default)(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, (0, _defineProperty2.default)({}, _types.TableCssClassName.DRAG_HANDLE_DISABLED, hasMergedCells)),
     ref: dragHandleDivRef,
     style: {
       transform: isColumn ? 'none' : 'rotate(90deg)',

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

@@ -178,7 +178,6 @@ var DragMenu = exports.DragMenu = function DragMenu(_ref) {
     scrollableElement = _ref.scrollableElement,
     targetCellPosition = _ref.targetCellPosition,
     getEditorContainerWidth = _ref.getEditorContainerWidth,
-    canDrag = _ref.canDrag,
     editorAnalyticsAPI = _ref.editorAnalyticsAPI,
     pluginConfig = _ref.pluginConfig,
     formatMessage = _ref.intl.formatMessage;
@@ -195,7 +194,7 @@ var DragMenu = exports.DragMenu = function DragMenu(_ref) {
   var shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
   var hasMergedCellsInTable = (0, _utils3.getMergedCellsPositions)(state.tr).length > 0;
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
-  var dragMenuConfig = (0, _dragMenu.getDragMenuConfig)(direction, getEditorContainerWidth, !!canDrag && !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI);
+  var dragMenuConfig = (0, _dragMenu.getDragMenuConfig)(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI);
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;

package/dist/cjs/ui/FloatingDragMenu/index.js

@@ -22,7 +22,6 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     index = _ref.index,
     targetCellPosition = _ref.targetCellPosition,
     getEditorContainerWidth = _ref.getEditorContainerWidth,
-    canDrag = _ref.canDrag,
     editorAnalyticsAPI = _ref.editorAnalyticsAPI,
     stickyHeaders = _ref.stickyHeaders,
     pluginConfig = _ref.pluginConfig;
@@ -62,7 +61,6 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     index: index,
     targetCellPosition: targetCellPosition,
     getEditorContainerWidth: getEditorContainerWidth,
-    canDrag: canDrag,
     editorAnalyticsAPI: editorAnalyticsAPI,
     pluginConfig: pluginConfig
   }));

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

@@ -44,7 +44,6 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
     colWidths = _ref.colWidths,
     hasHeaderColumn = _ref.hasHeaderColumn,
     isTableHovered = _ref.isTableHovered,
-    canDrag = _ref.canDrag,
     tableContainerWidth = _ref.tableContainerWidth,
     isNumberColumnEnabled = _ref.isNumberColumnEnabled,
     isDragging = _ref.isDragging;
@@ -188,8 +187,7 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
       onMouseOver: handleMouseOver,
       onMouseOut: handleMouseOut,
       onMouseUp: handleMouseUp,
-      editorView: editorView,
-      canDrag: canDrag
+      editorView: editorView
     }));
   };
   var columnHandles = function columnHandles(hoveredCell) {

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

@@ -30,7 +30,6 @@ var TableFloatingColumnControls = exports.TableFloatingColumnControls = function
     selection = _ref.selection,
     isInDanger = _ref.isInDanger,
     isTableHovered = _ref.isTableHovered,
-    canDrag = _ref.canDrag,
     tableContainerWidth = _ref.tableContainerWidth,
     isNumberColumnEnabled = _ref.isNumberColumnEnabled;
   var _useState = (0, _react.useState)({
@@ -135,7 +134,6 @@ var TableFloatingColumnControls = exports.TableFloatingColumnControls = function
     rowHeights: rowHeights,
     colWidths: colWidths,
     hasHeaderColumn: hasHeaderColumn,
-    canDrag: canDrag,
     tableContainerWidth: tableContainerWidth,
     isNumberColumnEnabled: isNumberColumnEnabled,
     isDragging: isDragging

package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js

@@ -45,7 +45,6 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     isInDanger = _ref.isInDanger,
     isResizing = _ref.isResizing,
     isTableHovered = _ref.isTableHovered,
-    canDrag = _ref.canDrag,
     hoverRows = _ref.hoverRows,
     selectRow = _ref.selectRow,
     selectRows = _ref.selectRows,
@@ -172,8 +171,7 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
       onMouseOver: handleMouseOver,
       onMouseOut: handleMouseOut,
       onMouseUp: onMouseUp,
-      editorView: editorView,
-      canDrag: canDrag
+      editorView: editorView
     }));
   };
   var rowHandles = function rowHandles(hoveredCell) {

package/dist/cjs/ui/TableFloatingControls/index.js

@@ -146,9 +146,8 @@ var TableFloatingControls = exports.default = /*#__PURE__*/function (_Component)
         headerRowHeight = _this$props2.headerRowHeight,
         stickyHeader = _this$props2.stickyHeader,
         hoveredCell = _this$props2.hoveredCell,
-        isTableHovered = _this$props2.isTableHovered,
-        canDrag = _this$props2.canDrag;
-      return this.state.tableWrapperWidth !== nextState.tableWrapperWidth || this.state.tableWrapperHeight !== nextState.tableWrapperHeight || ordering !== nextProps.ordering || tableRef !== nextProps.tableRef || tableActive !== nextProps.tableActive || isInDanger !== nextProps.isInDanger || isResizing !== nextProps.isResizing || hoveredRows !== nextProps.hoveredRows || isHeaderRowEnabled !== nextProps.isHeaderRowEnabled || isHeaderColumnEnabled !== nextProps.isHeaderColumnEnabled || isNumberColumnEnabled !== nextProps.isNumberColumnEnabled || (0, _utils2.isSelectionUpdated)(selection, nextProps.selection) || headerRowHeight !== nextProps.headerRowHeight || stickyHeader !== nextProps.stickyHeader || hoveredCell !== nextProps.hoveredCell || isTableHovered !== nextProps.isTableHovered || canDrag !== nextProps.canDrag;
+        isTableHovered = _this$props2.isTableHovered;
+      return this.state.tableWrapperWidth !== nextState.tableWrapperWidth || this.state.tableWrapperHeight !== nextState.tableWrapperHeight || ordering !== nextProps.ordering || tableRef !== nextProps.tableRef || tableActive !== nextProps.tableActive || isInDanger !== nextProps.isInDanger || isResizing !== nextProps.isResizing || hoveredRows !== nextProps.hoveredRows || isHeaderRowEnabled !== nextProps.isHeaderRowEnabled || isHeaderColumnEnabled !== nextProps.isHeaderColumnEnabled || isNumberColumnEnabled !== nextProps.isNumberColumnEnabled || (0, _utils2.isSelectionUpdated)(selection, nextProps.selection) || headerRowHeight !== nextProps.headerRowHeight || stickyHeader !== nextProps.stickyHeader || hoveredCell !== nextProps.hoveredCell || isTableHovered !== nextProps.isTableHovered;
     }
   }, {
     key: "componentWillUnmount",
@@ -175,8 +174,7 @@ var TableFloatingControls = exports.default = /*#__PURE__*/function (_Component)
         stickyHeader = _this$props3.stickyHeader,
         isDragAndDropEnabled = _this$props3.isDragAndDropEnabled,
         hoveredCell = _this$props3.hoveredCell,
-        isTableHovered = _this$props3.isTableHovered,
-        canDrag = _this$props3.canDrag;
+        isTableHovered = _this$props3.isTableHovered;
       if (!tableRef) {
         return null;
       }
@@ -219,8 +217,7 @@ var TableFloatingControls = exports.default = /*#__PURE__*/function (_Component)
         hoverRows: this.hoverRows,
         selectRow: this.selectRow,
         selectRows: this.selectRows,
-        updateCellHoverLocation: this.updateCellHoverLocation,
-        canDrag: canDrag
+        updateCellHoverLocation: this.updateCellHoverLocation
       })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CornerControls.CornerControls, {
         editorView: editorView,
         tableRef: tableRef,

package/dist/es2019/nodeviews/TableComponent.js

@@ -484,7 +484,6 @@ class TableComponent extends React.Component {
       getPos,
       pluginInjectionApi,
       isDragAndDropEnabled,
-      canDrag,
       getEditorFeatureFlags
     } = this.props;
     const {
@@ -515,7 +514,6 @@ class TableComponent extends React.Component {
       isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
       isHeaderRowEnabled: isHeaderRowEnabled,
       isDragAndDropEnabled: isDragAndDropEnabled,
-      canDrag: canDrag,
       ordering: ordering,
       isHeaderColumnEnabled: isHeaderColumnEnabled,
       hasHeaderRow: hasHeaderRow
@@ -543,7 +541,6 @@ class TableComponent extends React.Component {
       selection: view.state.selection,
       headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
       stickyHeader: this.state.stickyHeader,
-      canDrag: canDrag,
       getEditorFeatureFlags: getEditorFeatureFlags,
       tableContainerWidth: tableContainerWidth,
       isNumberColumnEnabled: node.attrs.isNumberColumnEnabled

package/dist/es2019/nodeviews/table.js

@@ -117,14 +117,11 @@ export default class TableView extends ReactNodeView {
       },
       editorView: props.view,
       render: pluginStates => {
-        var _tableDragAndDropStat;
         const {
           tableResizingPluginState,
           tableWidthPluginState,
           pluginState,
-          // containerWidth,
-          mediaState,
-          tableDragAndDropState
+          mediaState
         } = pluginStates;
         const containerWidth = props.getEditorContainerWidth();
         const isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
@@ -153,7 +150,6 @@ export default class TableView extends ReactNodeView {
           isHeaderRowEnabled: pluginState.isHeaderRowEnabled,
           isHeaderColumnEnabled: pluginState.isHeaderColumnEnabled,
           isDragAndDropEnabled: pluginState.isDragAndDropEnabled,
-          canDrag: (_tableDragAndDropStat = tableDragAndDropState === null || tableDragAndDropState === void 0 ? void 0 : tableDragAndDropState.canDrag) !== null && _tableDragAndDropStat !== void 0 ? _tableDragAndDropStat : false,
           tableActive: tableActive,
           ordering: pluginState.ordering,
           isResizing: isResizing,

package/dist/es2019/plugin.js

@@ -356,7 +356,6 @@ const tablesPlugin = ({
             direction: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.dragMenuDirection,
             index: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.dragMenuIndex,
             isOpen: !!(dragAndDropState !== null && dragAndDropState !== void 0 && dragAndDropState.isDragMenuOpen) && !isResizing,
-            canDrag: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.canDrag,
             getEditorContainerWidth: defaultGetEditorContainerWidth,
             editorAnalyticsAPI: editorAnalyticsAPI,
             stickyHeaders: stickyHeader,

package/dist/es2019/pm-plugins/drag-and-drop/actions.js

@@ -1,8 +1,7 @@
 export const DragAndDropActionType = {
   SET_DROP_TARGET: 'SET_DROP_TARGET',
   CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET',
-  TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU',
-  UPDATE: 'UPDATE'
+  TOGGLE_DRAG_MENU: 'TOGGLE_DRAG_MENU'
 };
 
 // NOTE: This should be a Union of all possible actions

package/dist/es2019/pm-plugins/drag-and-drop/consts.js

@@ -2,5 +2,4 @@ export const DropTargetType = {
   NONE: 'none',
   ROW: 'row',
   COLUMN: 'column'
-};
-export const DRAGGABLE_TABLE_NODE_SIZE_LIMIT = 20000;
+};

package/dist/es2019/pm-plugins/drag-and-drop/plugin.js

@@ -13,7 +13,7 @@ import { insertColgroupFromNode } from '../table-resizing/utils';
 import { DragAndDropActionType } from './actions';
 import { clearDropTarget, setDropTarget, toggleDragMenu } from './commands';
 import { clearDropTargetWithAnalytics, moveSourceWithAnalytics } from './commands-with-analytics';
-import { DRAGGABLE_TABLE_NODE_SIZE_LIMIT, DropTargetType } from './consts';
+import { DropTargetType } from './consts';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { getDraggableDataFromEvent } from './utils/monitor';
@@ -177,26 +177,20 @@ export const createPlugin = (dispatch, eventDispatcher, editorAnalyticsAPI) => {
       dropTargetIndex: 0,
       isDragMenuOpen: false,
       dragMenuIndex: 0,
-      isDragging: false,
-      canDrag: false
+      isDragging: false
     })),
     key: pluginKey,
     appendTransaction: (transactions, oldState, newState) => {
       const {
-        targetCellPosition: oldTargetCellPosition,
-        tableNode: oldTableNode
+        targetCellPosition: oldTargetCellPosition
       } = getTablePluginState(oldState);
       const {
-        targetCellPosition: newTargetCellPosition,
-        tableNode: newTableNode
+        targetCellPosition: newTargetCellPosition
       } = getTablePluginState(newState);
       const {
         isDragMenuOpen,
-        dragMenuIndex,
-        canDrag
+        dragMenuIndex
       } = getPluginState(newState);
-      const stateChanges = [];
-      const tr = newState.tr;
 
       // What's happening here? you asked... In a nutshell;
       // If the target cell position changes while the drag menu is open then we want to close the drag menu if it has been opened.
@@ -204,6 +198,14 @@ export const createPlugin = (dispatch, eventDispatcher, editorAnalyticsAPI) => {
       // to check if the new target cell position is pointed at a different cell than what the drag menu was opened on.
       if (oldTargetCellPosition !== newTargetCellPosition) {
         if (isDragMenuOpen) {
+          const tr = newState.tr;
+          const action = {
+            type: DragAndDropActionType.TOGGLE_DRAG_MENU,
+            data: {
+              isDragMenuOpen: false,
+              direction: undefined
+            }
+          };
           if (newTargetCellPosition !== undefined) {
             const cells = getCellsInRow(dragMenuIndex)(tr.selection);
             // ED-20673 check if it is a cell selection,
@@ -211,39 +213,13 @@ export const createPlugin = (dispatch, eventDispatcher, editorAnalyticsAPI) => {
             // should not close the drag menu.
             const isCellSelection = tr.selection instanceof CellSelection;
             if (cells && cells.length && cells[0].node !== tr.doc.nodeAt(newTargetCellPosition) && !isCellSelection) {
-              stateChanges.push({
-                isDragMenuOpen: false,
-                dragMenuDirection: undefined
-              });
+              return tr.setMeta(pluginKey, action);
             } // else NOP
           } else {
-            stateChanges.push({
-              isDragMenuOpen: false,
-              dragMenuDirection: undefined
-            });
+            return tr.setMeta(pluginKey, action);
           }
         }
       }
-      if ((oldTableNode === null || oldTableNode === void 0 ? void 0 : oldTableNode.nodeSize) !== (newTableNode === null || newTableNode === void 0 ? void 0 : newTableNode.nodeSize)) {
-        var _newTableNode$nodeSiz;
-        const nextCanDrag = ((_newTableNode$nodeSiz = newTableNode === null || newTableNode === void 0 ? void 0 : newTableNode.nodeSize) !== null && _newTableNode$nodeSiz !== void 0 ? _newTableNode$nodeSiz : 0) < DRAGGABLE_TABLE_NODE_SIZE_LIMIT;
-        if (canDrag !== nextCanDrag) {
-          stateChanges.push({
-            canDrag: nextCanDrag
-          });
-        }
-      }
-      if (stateChanges.length) {
-        return tr.setMeta(pluginKey, {
-          type: DragAndDropActionType.UPDATE,
-          data: {
-            ...stateChanges.reduce((state, cur) => ({
-              ...state,
-              ...cur
-            }), {})
-          }
-        }).setMeta('addToHistory', false);
-      }
     },
     view: editorView => {
       return {

package/dist/es2019/pm-plugins/drag-and-drop/reducer.js

@@ -25,11 +25,6 @@ export default ((pluginState, action) => {
         dragMenuDirection: action.data.direction,
         dragMenuIndex: action.data.index
       };
-    case DragAndDropActionType.UPDATE:
-      return {
-        ...pluginState,
-        ...action.data
-      };
     default:
       return pluginState;
   }

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

@@ -26,7 +26,6 @@ const DragHandleComponent = ({
   onMouseUp,
   onClick,
   editorView,
-  canDrag = false,
   intl: {
     formatMessage
   }
@@ -57,7 +56,7 @@ const DragHandleComponent = ({
       return draggable({
         element: dragHandleDivRefCurrent,
         canDrag: () => {
-          return canDrag && !hasMergedCells;
+          return !hasMergedCells;
         },
         getInitialData() {
           return {
@@ -106,7 +105,7 @@ const DragHandleComponent = ({
         }
       });
     }
-  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells, canDrag]);
+  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   const showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
     className: ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE,
@@ -125,7 +124,7 @@ const DragHandleComponent = ({
   }), /*#__PURE__*/React.createElement("button", {
     id: isDragMenuTarget ? showDragMenuAnchorId : undefined,
     className: classnames(ClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, {
-      [ClassName.DRAG_HANDLE_DISABLED]: !canDrag || hasMergedCells
+      [ClassName.DRAG_HANDLE_DISABLED]: hasMergedCells
     }),
     ref: dragHandleDivRef,
     style: {

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

@@ -164,7 +164,6 @@ export const DragMenu = ({
   scrollableElement,
   targetCellPosition,
   getEditorContainerWidth,
-  canDrag,
   editorAnalyticsAPI,
   pluginConfig,
   intl: {
@@ -186,7 +185,7 @@ export const DragMenu = ({
   const shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
   const hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
   const allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
-  const dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, !!canDrag && !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI);
+  const dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI);
   const {
     menuItems,
     menuCallback

package/dist/es2019/ui/FloatingDragMenu/index.js

@@ -15,7 +15,6 @@ const FloatingDragMenu = ({
   index,
   targetCellPosition,
   getEditorContainerWidth,
-  canDrag,
   editorAnalyticsAPI,
   stickyHeaders,
   pluginConfig
@@ -56,7 +55,6 @@ const FloatingDragMenu = ({
     index: index,
     targetCellPosition: targetCellPosition,
     getEditorContainerWidth: getEditorContainerWidth,
-    canDrag: canDrag,
     editorAnalyticsAPI: editorAnalyticsAPI,
     pluginConfig: pluginConfig
   }));

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

@@ -34,7 +34,6 @@ export const ColumnControls = ({
   colWidths,
   hasHeaderColumn,
   isTableHovered,
-  canDrag,
   tableContainerWidth,
   isNumberColumnEnabled,
   isDragging
@@ -183,8 +182,7 @@ export const ColumnControls = ({
       onMouseOver: handleMouseOver,
       onMouseOut: handleMouseOut,
       onMouseUp: handleMouseUp,
-      editorView: editorView,
-      canDrag: canDrag
+      editorView: editorView
     }));
   };
   const columnHandles = hoveredCell => {