@atlaskit/editor-plugin-table 22.2.14 → 22.2.16

package/dist/esm/ui/ContentComponent.js

@@ -8,7 +8,6 @@ import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import FloatingContextualButton from './FloatingContextualButton';
 import FloatingContextualMenu from './FloatingContextualMenu';
-import FloatingDeleteButton from './FloatingDeleteButton';
 import FloatingDragMenu from './FloatingDragMenu';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -18,7 +17,7 @@ import { GlobalStylesWrapper } from './global-styles';
 import { SizeSelector } from './SizeSelector';
 import { FullWidthDisplay } from './TableFullWidthLabel';
 var selector = function selector(states) {
-  var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$tableState10, _states$tableState11, _states$tableState12, _states$tableState13, _states$tableState14, _states$tableState15, _states$tableState16, _states$tableState17, _states$tableState18, _states$tableState19, _states$tableState20, _states$tableState21, _states$tableState22, _states$tableState23, _states$tableState24;
+  var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$tableState10, _states$tableState11, _states$tableState12, _states$tableState13, _states$tableState14, _states$tableState15, _states$tableState16, _states$tableState17, _states$tableState18, _states$tableState19, _states$tableState20, _states$tableState21, _states$tableState22, _states$tableState23;
   return {
     resizingTableLocalId: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.resizingTableLocalId,
     resizingTableRef: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.resizingTableRef,
@@ -34,19 +33,18 @@ var selector = function selector(states) {
     insertRowButtonIndex: (_states$tableState10 = states.tableState) === null || _states$tableState10 === void 0 ? void 0 : _states$tableState10.insertRowButtonIndex,
     isHeaderColumnEnabled: (_states$tableState11 = states.tableState) === null || _states$tableState11 === void 0 ? void 0 : _states$tableState11.isHeaderColumnEnabled,
     isHeaderRowEnabled: (_states$tableState12 = states.tableState) === null || _states$tableState12 === void 0 ? void 0 : _states$tableState12.isHeaderRowEnabled,
-    isDragAndDropEnabled: (_states$tableState13 = states.tableState) === null || _states$tableState13 === void 0 ? void 0 : _states$tableState13.isDragAndDropEnabled,
-    tableWrapperTarget: (_states$tableState14 = states.tableState) === null || _states$tableState14 === void 0 ? void 0 : _states$tableState14.tableWrapperTarget,
-    isCellMenuOpenByKeyboard: (_states$tableState15 = states.tableState) === null || _states$tableState15 === void 0 ? void 0 : _states$tableState15.isCellMenuOpenByKeyboard,
-    stickyHeader: (_states$tableState16 = states.tableState) === null || _states$tableState16 === void 0 ? void 0 : _states$tableState16.stickyHeader,
-    dragMenuDirection: (_states$tableState17 = states.tableState) === null || _states$tableState17 === void 0 ? void 0 : _states$tableState17.dragMenuDirection,
-    dragMenuIndex: (_states$tableState18 = states.tableState) === null || _states$tableState18 === void 0 ? void 0 : _states$tableState18.dragMenuIndex,
-    isDragMenuOpen: (_states$tableState19 = states.tableState) === null || _states$tableState19 === void 0 ? void 0 : _states$tableState19.isDragMenuOpen,
-    isSizeSelectorOpen: (_states$tableState20 = states.tableState) === null || _states$tableState20 === void 0 ? void 0 : _states$tableState20.isSizeSelectorOpen,
-    sizeSelectorTargetRef: (_states$tableState21 = states.tableState) === null || _states$tableState21 === void 0 ? void 0 : _states$tableState21.sizeSelectorTargetRef,
+    tableWrapperTarget: (_states$tableState13 = states.tableState) === null || _states$tableState13 === void 0 ? void 0 : _states$tableState13.tableWrapperTarget,
+    isCellMenuOpenByKeyboard: (_states$tableState14 = states.tableState) === null || _states$tableState14 === void 0 ? void 0 : _states$tableState14.isCellMenuOpenByKeyboard,
+    stickyHeader: (_states$tableState15 = states.tableState) === null || _states$tableState15 === void 0 ? void 0 : _states$tableState15.stickyHeader,
+    dragMenuDirection: (_states$tableState16 = states.tableState) === null || _states$tableState16 === void 0 ? void 0 : _states$tableState16.dragMenuDirection,
+    dragMenuIndex: (_states$tableState17 = states.tableState) === null || _states$tableState17 === void 0 ? void 0 : _states$tableState17.dragMenuIndex,
+    isDragMenuOpen: (_states$tableState18 = states.tableState) === null || _states$tableState18 === void 0 ? void 0 : _states$tableState18.isDragMenuOpen,
+    isSizeSelectorOpen: (_states$tableState19 = states.tableState) === null || _states$tableState19 === void 0 ? void 0 : _states$tableState19.isSizeSelectorOpen,
+    sizeSelectorTargetRef: (_states$tableState20 = states.tableState) === null || _states$tableState20 === void 0 ? void 0 : _states$tableState20.sizeSelectorTargetRef,
     // IMPORTANT: hovered states are used by FloatingDragMenu component to render popup in the correct location
-    hoveredRows: (_states$tableState22 = states.tableState) === null || _states$tableState22 === void 0 ? void 0 : _states$tableState22.hoveredRows,
-    hoveredColumns: (_states$tableState23 = states.tableState) === null || _states$tableState23 === void 0 ? void 0 : _states$tableState23.hoveredColumns,
-    hoveredCell: (_states$tableState24 = states.tableState) === null || _states$tableState24 === void 0 ? void 0 : _states$tableState24.hoveredCell
+    hoveredRows: (_states$tableState21 = states.tableState) === null || _states$tableState21 === void 0 ? void 0 : _states$tableState21.hoveredRows,
+    hoveredColumns: (_states$tableState22 = states.tableState) === null || _states$tableState22 === void 0 ? void 0 : _states$tableState22.hoveredColumns,
+    hoveredCell: (_states$tableState23 = states.tableState) === null || _states$tableState23 === void 0 ? void 0 : _states$tableState23.hoveredCell
   };
 };
 var ContentComponentInternal = function ContentComponentInternal(_ref) {
@@ -78,7 +76,6 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     insertRowButtonIndex = _useSharedPluginState.insertRowButtonIndex,
     isHeaderColumnEnabled = _useSharedPluginState.isHeaderColumnEnabled,
     isHeaderRowEnabled = _useSharedPluginState.isHeaderRowEnabled,
-    isDragAndDropEnabled = _useSharedPluginState.isDragAndDropEnabled,
     tableWrapperTarget = _useSharedPluginState.tableWrapperTarget,
     isCellMenuOpenByKeyboard = _useSharedPluginState.isCellMenuOpenByKeyboard,
     stickyHeader = _useSharedPluginState.stickyHeader,
@@ -103,8 +100,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     isContextualMenuOpen: isContextualMenuOpen,
     stickyHeader: stickyHeader,
     tableWrapper: tableWrapperTarget,
-    isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
-    isDragAndDropEnabled: isDragAndDropEnabled
+    isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard
   }), allowControls && /*#__PURE__*/React.createElement(FloatingInsertButton, {
     tableNode: tableNode,
     tableRef: tableRef,
@@ -112,7 +108,6 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     insertRowButtonIndex: insertRowButtonIndex,
     isHeaderColumnEnabled: isHeaderColumnEnabled,
     isHeaderRowEnabled: isHeaderRowEnabled,
-    isDragAndDropEnabled: isDragAndDropEnabled,
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     editorView: editorView,
     mountPoint: popupsMountPoint,
@@ -140,7 +135,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
     api: api,
     isDragMenuOpen: isDragMenuOpen
-  }), isDragAndDropEnabled && /*#__PURE__*/React.createElement(FloatingDragMenu, {
+  }), /*#__PURE__*/React.createElement(FloatingDragMenu, {
     editorView: editorView,
     mountPoint: popupsMountPoint,
     boundariesElement: popupsBoundariesElement,
@@ -160,17 +155,6 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     api: api,
     isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
     tableWrapper: tableWrapperTarget
-  }), allowControls && !isDragAndDropEnabled && !isResizing && /*#__PURE__*/React.createElement(FloatingDeleteButton, {
-    editorView: editorView,
-    selection: editorView.state.selection,
-    tableRef: tableRef,
-    mountPoint: popupsMountPoint,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    stickyHeaders: stickyHeader,
-    isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
-    editorAnalyticsAPI: editorAnalyticsAPI,
-    api: api
   }), ((options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) || (options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing) && options.isCommentEditor) && isTableResizing && widthToWidest && resizingTableLocalId && resizingTableRef && widthToWidest[resizingTableLocalId] && /*#__PURE__*/React.createElement(FloatingToolbarLabel, {
     target: resizingTableRef,
     content: editorExperiment('single_column_layouts', true) ? /*#__PURE__*/React.createElement(ResizerBreakoutModeLabel, {

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

@@ -22,7 +22,7 @@ import { insertColumnWithAnalytics, insertRowWithAnalytics } from '../../pm-plug
 import { checkIfNumberColumnEnabled } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
 import getPopupOptions from './getPopupOptions';
-import InsertButton, { DragAndDropInsertButton } from './InsertButton';
+import { DragAndDropInsertButton } from './InsertButton';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components, @typescript-eslint/no-explicit-any
 export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
@@ -48,12 +48,10 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
         boundariesElement = _this$props.boundariesElement,
         isHeaderColumnEnabled = _this$props.isHeaderColumnEnabled,
         isHeaderRowEnabled = _this$props.isHeaderRowEnabled,
-        isDragAndDropEnabled = _this$props.isDragAndDropEnabled,
         dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
         isChromelessEditor = _this$props.isChromelessEditor;
-
       // TODO: ED-26961 - temporarily disable insert button for first column and row https://atlassian.slack.com/archives/C05U8HRQM50/p1698363744682219?thread_ts=1698209039.104909&cid=C05U8HRQM50
-      if (isDragAndDropEnabled && (insertColumnButtonIndex === 0 || insertRowButtonIndex === 0)) {
+      if (insertColumnButtonIndex === 0 || insertRowButtonIndex === 0) {
         return null;
       }
       var type = typeof insertColumnButtonIndex !== 'undefined' ? 'column' : typeof insertRowButtonIndex !== 'undefined' ? 'row' : null;
@@ -125,7 +123,7 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
       // Fixed the 'add column button' not visible issue when sticky header is enabled
       // By setting the Popup z-index higher than the sticky header z-index ( common-styles.ts tr.sticky)
       // Only when inserting a column, otherwise set to undefined
-      // Need to set z-index in the Popup, set z-index in the <InsertButton /> will not work
+      // Need to set z-index in the Popup, set z-index in the <DragAndDropInsertButton /> will not work
       var zIndex = expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') || type === 'column' ? akEditorTableCellOnStickyHeaderZIndex : undefined;
       return /*#__PURE__*/React.createElement(Popup, _extends({
         target: targetCellRef,
@@ -139,19 +137,14 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
         allowOutOfBounds: true
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, getPopupOptions(type, index, hasNumberedColumns, !!isDragAndDropEnabled, tableContainerWrapper), {
+      }, getPopupOptions(type, index, hasNumberedColumns, true, tableContainerWrapper), {
         zIndex: zIndex
-      }), isDragAndDropEnabled ? /*#__PURE__*/React.createElement(DragAndDropInsertButton, {
+      }), /*#__PURE__*/React.createElement(DragAndDropInsertButton, {
         type: type,
         tableRef: tableRef,
         onMouseDown: type === 'column' ? this.insertColumn : this.insertRow,
         hasStickyHeaders: this.props.hasStickyHeaders || false,
         isChromelessEditor: isChromelessEditor
-      }) : /*#__PURE__*/React.createElement(InsertButton, {
-        type: type,
-        tableRef: tableRef,
-        onMouseDown: type === 'column' ? this.insertColumn : this.insertRow,
-        hasStickyHeaders: this.props.hasStickyHeaders || false
       }));
     }
   }, {

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

@@ -26,8 +26,7 @@ var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
     getScrollOffset = _ref.getScrollOffset,
     tableWrapperHeight = _ref.tableWrapperHeight,
     api = _ref.api,
-    isChromelessEditor = _ref.isChromelessEditor,
-    isDragAndDropEnabled = _ref.isDragAndDropEnabled;
+    isChromelessEditor = _ref.isChromelessEditor;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDragging = _useState2[0],

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

@@ -9,10 +9,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isRowSelected } from '@atlaskit/editor-tables/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowHeights } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
 import { tableBorderColor } from '../../consts';
@@ -26,46 +24,10 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, NumberColumn, [].concat(args));
-    _defineProperty(_this, "hoverRows", function (index) {
-      return _this.props.tableActive ? _this.props.hoverRows([index]) : null;
-    });
-    _defineProperty(_this, "selectRow", function (index, event) {
-      var _this$props = _this.props,
-        tableActive = _this$props.tableActive,
-        editorView = _this$props.editorView,
-        selectRow = _this$props.selectRow;
-      // If selection is outside the table then first reset the selection inside table
-      if (!tableActive && event.target && event.target instanceof Node) {
-        var _editorView$state = editorView.state,
-          doc = _editorView$state.doc,
-          selection = _editorView$state.selection,
-          tr = _editorView$state.tr;
-        var pos = editorView.posAtDOM(event.target, 1);
-        var $pos = doc.resolve(pos);
-        var newPos = selection.head > pos ?
-        // Selection is after table
-        // nodeSize - 3 will move the position inside last table cell
-        Selection.near(doc.resolve(pos + ($pos.parent.nodeSize - 3)), -1) :
-        // Selection is before table
-        Selection.near($pos);
-        editorView.dispatch(tr.setSelection(newPos));
-      }
-      selectRow(index, event.shiftKey);
-    });
-    _defineProperty(_this, "clearHoverSelection", function () {
-      var _this$props2 = _this.props,
-        tableActive = _this$props2.tableActive,
-        editorView = _this$props2.editorView;
-      if (tableActive) {
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        clearHoverSelection()(state, dispatch);
-      }
-    });
     _defineProperty(_this, "getCellStyles", function (index, rowHeight) {
-      var _this$props3 = _this.props,
-        stickyTop = _this$props3.stickyTop,
-        hasHeaderRow = _this$props3.hasHeaderRow;
+      var _this$props = _this.props,
+        stickyTop = _this$props.stickyTop,
+        hasHeaderRow = _this$props.hasHeaderRow;
       if (stickyTop && hasHeaderRow && index === 0) {
         var topOffset = 0;
         return {
@@ -79,12 +41,12 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_this, "getClassNames", function (index) {
       var isButtonDisabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var _this$props4 = _this.props,
-        hoveredRows = _this$props4.hoveredRows,
-        editorView = _this$props4.editorView,
-        isInDanger = _this$props4.isInDanger,
-        isResizing = _this$props4.isResizing,
-        tableActive = _this$props4.tableActive;
+      var _this$props2 = _this.props,
+        hoveredRows = _this$props2.hoveredRows,
+        editorView = _this$props2.editorView,
+        isInDanger = _this$props2.isInDanger,
+        isResizing = _this$props2.isResizing,
+        tableActive = _this$props2.tableActive;
       var isActive = isRowSelected(index)(editorView.state.selection) || (hoveredRows || []).indexOf(index) !== -1 && !isResizing;
       return classnames(ClassName.NUMBERED_COLUMN_BUTTON, _defineProperty(_defineProperty(_defineProperty({}, ClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), ClassName.HOVERED_CELL_IN_DANGER, tableActive && isActive && isInDanger), ClassName.HOVERED_CELL_ACTIVE, tableActive && isActive));
     });
@@ -95,12 +57,12 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$props5 = this.props,
-        tableRef = _this$props5.tableRef,
-        hasHeaderRow = _this$props5.hasHeaderRow,
-        isDragAndDropEnabled = _this$props5.isDragAndDropEnabled,
-        tableActive = _this$props5.tableActive,
-        updateCellHoverLocation = _this$props5.updateCellHoverLocation;
+      var _this$props3 = this.props,
+        tableRef = _this$props3.tableRef,
+        hasHeaderRow = _this$props3.hasHeaderRow,
+        isDragAndDropEnabled = _this$props3.isDragAndDropEnabled,
+        tableActive = _this$props3.tableActive,
+        updateCellHoverLocation = _this$props3.updateCellHoverLocation;
       var rowHeights = getRowHeights(tableRef);
       if (isSSR()) {
         return /*#__PURE__*/React.createElement("div", {
@@ -132,7 +94,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         },
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
-        return isDragAndDropEnabled ? /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           // Ignored via go/ees005
           // eslint-disable-next-line react/no-array-index-key
           key: "wrapper-".concat(index)
@@ -149,37 +111,6 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
           onMouseOver: function onMouseOver() {
             return updateCellHoverLocation(index);
           }
-        }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/React.createElement("div", {
-          // Ignored via go/ees005
-          role: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined
-          // eslint-disable-next-line react/no-array-index-key
-          ,
-          key: "wrapper-".concat(index)
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: _this2.getClassNames(index),
-          "data-index": index
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: _this2.getCellStyles(index, rowHeight),
-          onClick: function onClick(event) {
-            return _this2.selectRow(index, event);
-          },
-          onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function () {
-            return _this2.hoverRows(index);
-          } : undefined,
-          onMouseOver: function onMouseOver() {
-            return _this2.hoverRows(index);
-          },
-          tabIndex: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined,
-          onKeyDown: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function (event) {
-            if (event.key === 'Enter' || event.key === ' ') {
-              event.preventDefault();
-              _this2.selectRow(index, event);
-            }
-          } : undefined,
-          onMouseOut: _this2.clearHoverSelection,
-          onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? _this2.clearHoverSelection : undefined
         }, hasHeaderRow ? index > 0 ? index : null : index + 1);
       }));
     }

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

@@ -35,11 +35,11 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
     isNumberColumnEnabled = _ref.isNumberColumnEnabled,
     isHeaderRowEnabled = _ref.isHeaderRowEnabled,
     isHeaderColumnEnabled = _ref.isHeaderColumnEnabled,
+    isDragAndDropEnabled = _ref.isDragAndDropEnabled,
     tableActive = _ref.tableActive,
     hasHeaderRow = _ref.hasHeaderRow,
     hoveredRows = _ref.hoveredRows,
     stickyHeader = _ref.stickyHeader,
-    isDragAndDropEnabled = _ref.isDragAndDropEnabled,
     hoveredCell = _ref.hoveredCell,
     isTableHovered = _ref.isTableHovered,
     tableWrapperWidth = _ref.tableWrapperWidth,

package/dist/esm/ui/event-handlers.js

@@ -247,17 +247,12 @@ export var handleMouseLeave = function handleMouseLeave(view, event) {
   var _getPluginState5 = getPluginState(state),
     insertColumnButtonIndex = _getPluginState5.insertColumnButtonIndex,
     insertRowButtonIndex = _getPluginState5.insertRowButtonIndex,
-    isDragAndDropEnabled = _getPluginState5.isDragAndDropEnabled,
     isTableHovered = _getPluginState5.isTableHovered;
   if (isTableHovered) {
-    if (isDragAndDropEnabled) {
-      var _getDragDropPluginSta = getDragDropPluginState(state),
-        _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
-        isDragMenuOpen = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2;
-      !isDragMenuOpen && setTableHovered(false)(state, dispatch);
-    } else {
-      setTableHovered(false)(state, dispatch);
-    }
+    var _getDragDropPluginSta = getDragDropPluginState(state),
+      _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
+      isDragMenuOpen = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2;
+    !isDragMenuOpen && setTableHovered(false)(state, dispatch);
     return true;
   }
 
@@ -485,7 +480,7 @@ var trackCellLocation = function trackCellLocation(view, mouseEvent) {
 };
 export var withCellTracking = function withCellTracking(eventHandler) {
   return function (view, mouseEvent) {
-    if (getPluginState(view.state).isDragAndDropEnabled && getDragDropPluginState(view.state) && !getDragDropPluginState(view.state).isDragging) {
+    if (getDragDropPluginState(view.state) && !getDragDropPluginState(view.state).isDragging) {
       trackCellLocation(view, mouseEvent);
     }
     return eventHandler(view, mouseEvent);

package/dist/esm/ui/toolbar.js

@@ -105,32 +105,18 @@ export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _
     }
   }];
   var tableOptionsDropdownWidth = isTableScalingWithFixedColumnWidthsOptionShown ? 192 : undefined;
-  if (state.isDragAndDropEnabled) {
-    return {
-      id: 'editor.table.tableOptions',
-      type: 'dropdown',
-      testId: 'table_options',
-      iconBefore: CustomizeIcon,
-      title: formatMessage(messages.tableOptions),
-      hidden: options.every(function (option) {
-        return option.hidden;
-      }),
-      options: options,
-      dropdownWidth: tableOptionsDropdownWidth
-    };
-  } else {
-    return {
-      id: 'editor.table.tableOptions',
-      type: 'dropdown',
-      testId: 'table_options',
-      title: formatMessage(messages.tableOptions),
-      hidden: options.every(function (option) {
-        return option.hidden;
-      }),
-      options: options,
-      dropdownWidth: tableOptionsDropdownWidth
-    };
-  }
+  return {
+    id: 'editor.table.tableOptions',
+    type: 'dropdown',
+    testId: 'table_options',
+    iconBefore: CustomizeIcon,
+    title: formatMessage(messages.tableOptions),
+    hidden: options.every(function (option) {
+      return option.hidden;
+    }),
+    options: options,
+    dropdownWidth: tableOptionsDropdownWidth
+  };
 };
 
 // Added these options for mobile. Mobile bridge translates this menu and
@@ -464,8 +450,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
         var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, areAnyNewToolbarFlagsEnabled, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
         var isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
-        var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
-        var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled) : [];
+        var columnSettingsItems = getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
         var colorPicker = !areAnyNewToolbarFlagsEnabled ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
         var fitToContentButton = isContentModeSupported({
           allowColumnResizing: !!pluginState.pluginConfig.allowColumnResizing,
@@ -566,7 +551,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
           },
           zIndex: akEditorFloatingPanelZIndex + 1,
           // Place the context menu slightly above the others
-          items: [menu].concat(_toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), _toConsumableArray(alignmentMenu), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), _toConsumableArray(cellItems), _toConsumableArray(columnSettingsItems), fitToContentButton, _toConsumableArray(colorPicker), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [{
+          items: [menu].concat(_toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), _toConsumableArray(alignmentMenu), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), columnSettingsItems, fitToContentButton, _toConsumableArray(colorPicker), _toConsumableArray(!areAnyNewToolbarFlagsEnabled ? [{
             type: 'extensions-placeholder',
             separator: 'end'
           }, copyButton, {
@@ -642,24 +627,6 @@ var separator = function separator(hidden) {
     hidden: hidden
   };
 };
-var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerWidth, api, editorAnalyticsAPI) {
-  var formatMessage = _ref3.formatMessage;
-  var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
-  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-  var shouldUseIncreasedScalingPercent = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
-  var isCommentEditor = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
-  var isLimitedModeEnabled = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
-  var initialSelectionRect = getClosestSelectionRect(state);
-  if (initialSelectionRect) {
-    var cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
-      formatMessage: formatMessage
-    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isLimitedModeEnabled);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return [cellOptions, separator(cellOptions.hidden)];
-  }
-  return [];
-};
 var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth, api, editorAnalyticsAPI) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
@@ -680,9 +647,9 @@ var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth,
 
 // this create the button group for distribute column and also fixed column width
 // fixed column button should be in this function call in the future
-var getColumnSettingItems = function getColumnSettingItems(editorState, editorView, _ref4, getEditorContainerWidth, api, editorAnalyticsAPI) {
+var getColumnSettingItems = function getColumnSettingItems(editorState, editorView, _ref3, getEditorContainerWidth, api, editorAnalyticsAPI) {
   var _pluginState$pluginCo3;
-  var formatMessage = _ref4.formatMessage;
+  var formatMessage = _ref3.formatMessage;
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var isCommentEditor = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
@@ -708,7 +675,7 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
       wouldChange = (_newResizeStateWithAn3 = (_newResizeStateWithAn4 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn4 === void 0 ? void 0 : _newResizeStateWithAn4.changed) !== null && _newResizeStateWithAn3 !== void 0 ? _newResizeStateWithAn3 : false;
     }
   }
-  if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns && pluginState.isDragAndDropEnabled) {
+  if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns) {
     items.push({
       id: 'editor.table.distributeColumns',
       type: 'button',
@@ -732,9 +699,9 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
   }
   return items;
 };
-var getColorPicker = function getColorPicker(state, menu, _ref5, editorAnalyticsAPI, getEditorView) {
+var getColorPicker = function getColorPicker(state, menu, _ref4, editorAnalyticsAPI, getEditorView) {
   var _node$attrs;
-  var formatMessage = _ref5.formatMessage;
+  var formatMessage = _ref4.formatMessage;
   var _getPluginState2 = getPluginState(state),
     targetCellPosition = _getPluginState2.targetCellPosition,
     pluginConfig = _getPluginState2.pluginConfig;
@@ -796,8 +763,8 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, areAnyNewToolbarFlagsEnabled, isFullWidthEditor, isCommentEditor) {
-  var formatMessage = _ref6.formatMessage;
+var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref5, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, areAnyNewToolbarFlagsEnabled, isFullWidthEditor, isCommentEditor) {
+  var formatMessage = _ref5.formatMessage;
   var tableObject = findTable(editorState.selection);
   if (!tableObject) {
     return [];
@@ -895,13 +862,13 @@ var isLayoutOptionDisabledImpl = function isLayoutOptionDisabledImpl(selectedNod
   }
   return false;
 };
-var getMemoizedIsLayoutOptionDisabled = memoizeOne(isLayoutOptionDisabledImpl, function (_ref7, _ref8) {
+var getMemoizedIsLayoutOptionDisabled = memoizeOne(isLayoutOptionDisabledImpl, function (_ref6, _ref7) {
+  var _ref8 = _toArray(_ref6),
+    prevNode = _ref8[0],
+    prevRest = _ref8.slice(1);
   var _ref9 = _toArray(_ref7),
-    prevNode = _ref9[0],
-    prevRest = _ref9.slice(1);
-  var _ref0 = _toArray(_ref8),
-    nextNode = _ref0[0],
-    nextRest = _ref0.slice(1);
+    nextNode = _ref9[0],
+    nextRest = _ref9.slice(1);
   // Only node needs special comparison (attrs only), rest use reference equality
   var nodeEqual = isEqual(prevNode.attrs, nextNode.attrs);
   var restEqual = prevRest.every(function (val, idx) {

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

@@ -22,7 +22,6 @@ type TableViewOptions = {
 export declare const tableView: (options: TableViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => NodeView;
 type TableCellViewOptions = {
     eventDispatcher: EventDispatcher;
-    isDragAndDropEnabled?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
 };
 export declare const tableCellView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell;

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

@@ -8,7 +8,6 @@ import type { PluginInjectionAPI } from '../types';
 export type TableOptions = {
     isChromelessEditor?: boolean;
     isCommentEditor?: boolean;
-    isDragAndDropEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
     isTableScalingEnabled?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;

package/dist/types/ui/FloatingDragMenu/index.d.ts

@@ -28,8 +28,9 @@ interface Props {
     tableWrapper?: HTMLElement;
     targetCellPosition?: number;
 }
-declare const FloatingDragMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, ariaNotifyPlugin, api, isCommentEditor, tableWrapper, }: Props): React.JSX.Element | null;
+interface FloatingDragMenuFunction {
+    (props: Props): React.JSX.Element | null;
     displayName: string;
-};
+}
+declare const FloatingDragMenu: FloatingDragMenuFunction;
 export default FloatingDragMenu;

package/dist/types/ui/FloatingInsertButton/index.d.ts

@@ -18,7 +18,6 @@ export interface Props {
     insertRowButtonIndex?: number;
     isChromelessEditor?: boolean;
     isCommentEditor?: boolean;
-    isDragAndDropEnabled?: boolean;
     isHeaderColumnEnabled?: boolean;
     isHeaderRowEnabled?: boolean;
     isTableScalingEnabled?: boolean;

package/dist/types/ui/TableFloatingColumnControls/index.d.ts

@@ -17,7 +17,6 @@ interface Props {
     hoveredCell?: CellHoverMeta;
     hoveredRows?: number[];
     isChromelessEditor?: boolean;
-    isDragAndDropEnabled?: boolean;
     isInDanger?: boolean;
     isNumberColumnEnabled?: boolean;
     isResizing?: boolean;
@@ -30,5 +29,5 @@ interface Props {
     tableRef?: HTMLTableElement;
     tableWrapperHeight?: number;
 }
-declare const TableFloatingColumnControls: ({ editorView, tableRef, getNode, tableActive, hasHeaderRow, hoveredCell, isResizing, stickyHeader, selection, isInDanger, isTableHovered, tableContainerWidth, isNumberColumnEnabled, getScrollOffset, tableWrapperHeight, api, isChromelessEditor, isDragAndDropEnabled, }: Props) => React.JSX.Element | null;
+declare const TableFloatingColumnControls: ({ editorView, tableRef, getNode, tableActive, hasHeaderRow, hoveredCell, isResizing, stickyHeader, selection, isInDanger, isTableHovered, tableContainerWidth, isNumberColumnEnabled, getScrollOffset, tableWrapperHeight, api, isChromelessEditor, }: Props) => React.JSX.Element | null;
 export default TableFloatingColumnControls;

package/dist/types/ui/TableFloatingControls/NumberColumn/index.d.ts

@@ -16,9 +16,6 @@ interface Props {
 }
 export default class NumberColumn extends Component<Props, any> {
     render(): React.JSX.Element;
-    private hoverRows;
-    private selectRow;
-    private clearHoverSelection;
     private getCellStyles;
     private getClassNames;
 }

package/dist/types/ui/TableFloatingControls/index.d.ts

@@ -31,7 +31,7 @@ interface TableFloatingControlsProps {
     tableRef?: HTMLTableElement;
     tableWrapperWidth?: number;
 }
-export declare const TableFloatingControls: ({ editorView, tableRef, tableNode, isInDanger, isResizing, isNumberColumnEnabled, isHeaderRowEnabled, isHeaderColumnEnabled, tableActive, hasHeaderRow, hoveredRows, stickyHeader, isDragAndDropEnabled, hoveredCell, isTableHovered, tableWrapperWidth, api, isChromelessEditor, }: TableFloatingControlsProps & {
+export declare const TableFloatingControls: ({ editorView, tableRef, tableNode, isInDanger, isResizing, isNumberColumnEnabled, isHeaderRowEnabled, isHeaderColumnEnabled, isDragAndDropEnabled, tableActive, hasHeaderRow, hoveredRows, stickyHeader, hoveredCell, isTableHovered, tableWrapperWidth, api, isChromelessEditor, }: TableFloatingControlsProps & {
     api?: ExtractInjectionAPI<TablePlugin>;
 }) => jsx.JSX.Element | null;
 export default TableFloatingControls;

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

@@ -22,7 +22,6 @@ type TableViewOptions = {
 export declare const tableView: (options: TableViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => NodeView;
 type TableCellViewOptions = {
     eventDispatcher: EventDispatcher;
-    isDragAndDropEnabled?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
 };
 export declare const tableCellView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell;

package/dist/types-ts4.5/nodeviews/types.d.ts

@@ -8,7 +8,6 @@ import type { PluginInjectionAPI } from '../types';
 export type TableOptions = {
     isChromelessEditor?: boolean;
     isCommentEditor?: boolean;
-    isDragAndDropEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
     isTableScalingEnabled?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;

package/dist/types-ts4.5/ui/FloatingDragMenu/index.d.ts

@@ -28,8 +28,9 @@ interface Props {
     tableWrapper?: HTMLElement;
     targetCellPosition?: number;
 }
-declare const FloatingDragMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, ariaNotifyPlugin, api, isCommentEditor, tableWrapper, }: Props): React.JSX.Element | null;
+interface FloatingDragMenuFunction {
+    (props: Props): React.JSX.Element | null;
     displayName: string;
-};
+}
+declare const FloatingDragMenu: FloatingDragMenuFunction;
 export default FloatingDragMenu;

package/dist/types-ts4.5/ui/FloatingInsertButton/index.d.ts

@@ -18,7 +18,6 @@ export interface Props {
     insertRowButtonIndex?: number;
     isChromelessEditor?: boolean;
     isCommentEditor?: boolean;
-    isDragAndDropEnabled?: boolean;
     isHeaderColumnEnabled?: boolean;
     isHeaderRowEnabled?: boolean;
     isTableScalingEnabled?: boolean;