@atlaskit/editor-plugin-table 22.2.14 → 22.2.15

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 22.2.15
+
+### Patch Changes
+
+- [`d3badff484206`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3badff484206) -
+  Remove isDragAndDropEnabled dead code from nodeviews and floating controls UI (EDITOR-6296)
+- Updated dependencies
+
 ## 22.2.14
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -495,9 +495,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         allowColumnResizing = _this$props7.allowColumnResizing,
         allowTableResizing = _this$props7.allowTableResizing,
         eventDispatcher = _this$props7.eventDispatcher,
-        isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         view = _this$props7.view,
-        isInDanger = _this$props7.isInDanger;
+        isInDanger = _this$props7.isInDanger,
+        isDragAndDropEnabled = _this$props7.isDragAndDropEnabled;
       var browser = (0, _browser.getBrowserInfo)();
       var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
@@ -889,8 +889,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         },
         tableWrapperHeight: this.state.tableWrapperHeight,
         api: pluginInjectionApi,
-        isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
-        isDragAndDropEnabled: isDragAndDropEnabled
+        isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor
       }) : null;
 
       /**

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -100,9 +100,9 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     isMediaFullscreen: isFullscreen,
     options: options,
     allowControls: allowControls,
+    isDragAndDropEnabled: !isLivePageViewMode,
     isHeaderRowEnabled: isHeaderRowEnabled !== null && isHeaderRowEnabled !== void 0 ? isHeaderRowEnabled : false,
     isHeaderColumnEnabled: isHeaderColumnEnabled !== null && isHeaderColumnEnabled !== void 0 ? isHeaderColumnEnabled : false,
-    isDragAndDropEnabled: (options === null || options === void 0 ? void 0 : options.isDragAndDropEnabled) && !isLivePageViewMode,
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     allowTableAlignment: allowTableAlignment,
     allowTableResizing: allowTableResizing,

package/dist/cjs/nodeviews/TableContainer.js

@@ -18,7 +18,6 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
-var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _misc = require("../pm-plugins/table-resizing/utils/misc");
 var _alignment = require("../pm-plugins/utils/alignment");
@@ -400,8 +399,6 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
       isChromelessEditor: isChromelessEditor
     }, children);
   }
-  var _getPluginState = (0, _pluginFactory.getPluginState)(editorView.state),
-    isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   var resizableTableWidth = isFullPageAppearance ? (0, _misc.getTableResizerContainerForFullPageWidthInCSS)(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
   return /*#__PURE__*/_react.default.createElement(InnerContainer, {
@@ -409,7 +406,7 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: (0, _classnames.default)(className, {
-      'less-padding': editorWidth < _editorSharedStyles.akEditorMobileBreakoutPoint && !isNested && !(isChromelessEditor && isDragAndDropEnabled)
+      'less-padding': editorWidth < _editorSharedStyles.akEditorMobileBreakoutPoint && !isNested && !isChromelessEditor
     }),
     style:
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)

package/dist/cjs/nodeviews/table.js

@@ -337,7 +337,6 @@ var createTableView = exports.createTableView = function createTableView(node, v
   var _pluginInjectionApi$t;
   var _getPluginState2 = (0, _pluginFactory.getPluginState)(view.state),
     pluginConfig = _getPluginState2.pluginConfig,
-    isDragAndDropEnabled = _getPluginState2.isDragAndDropEnabled,
     isTableScalingEnabled = _getPluginState2.isTableScalingEnabled;
 
   // Use shared state for isFullWidthModeEnabled and wasFullWidthModeEnabled for most up-to-date values
@@ -362,7 +361,6 @@ var createTableView = exports.createTableView = function createTableView(node, v
     options: {
       isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
       wasFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled,
-      isDragAndDropEnabled: isDragAndDropEnabled,
       isTableScalingEnabled: isTableScalingEnabled,
       // same as options.isTableScalingEnabled
       isCommentEditor: isCommentEditor,

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

@@ -81,8 +81,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
       }),
       tableRow: (0, _tableNodeViews.tableRowView)({
         eventDispatcher: eventDispatcher,
-        pluginInjectionApi: pluginInjectionApi,
-        isDragAndDropEnabled: true
+        pluginInjectionApi: pluginInjectionApi
       }),
       tableCell: (0, _tableNodeViews.tableCellView)({
         eventDispatcher: eventDispatcher,

package/dist/cjs/ui/ContentComponent.js

@@ -15,7 +15,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _FloatingContextualButton = _interopRequireDefault(require("./FloatingContextualButton"));
 var _FloatingContextualMenu = _interopRequireDefault(require("./FloatingContextualMenu"));
-var _FloatingDeleteButton = _interopRequireDefault(require("./FloatingDeleteButton"));
 var _FloatingDragMenu = _interopRequireDefault(require("./FloatingDragMenu"));
 var _FloatingInsertButton = _interopRequireDefault(require("./FloatingInsertButton"));
 var _FloatingToolbarLabel = require("./FloatingToolbarLabel/FloatingToolbarLabel");
@@ -26,7 +25,7 @@ var _TableFullWidthLabel = require("./TableFullWidthLabel");
 // eslint-disable-next-line import/no-named-as-default
 
 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,
@@ -42,19 +41,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) {
@@ -86,7 +84,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,
@@ -111,8 +108,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     isContextualMenuOpen: isContextualMenuOpen,
     stickyHeader: stickyHeader,
     tableWrapper: tableWrapperTarget,
-    isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
-    isDragAndDropEnabled: isDragAndDropEnabled
+    isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard
   }), allowControls && /*#__PURE__*/_react.default.createElement(_FloatingInsertButton.default, {
     tableNode: tableNode,
     tableRef: tableRef,
@@ -120,7 +116,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,
@@ -148,7 +143,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
     api: api,
     isDragMenuOpen: isDragMenuOpen
-  }), isDragAndDropEnabled && /*#__PURE__*/_react.default.createElement(_FloatingDragMenu.default, {
+  }), /*#__PURE__*/_react.default.createElement(_FloatingDragMenu.default, {
     editorView: editorView,
     mountPoint: popupsMountPoint,
     boundariesElement: popupsBoundariesElement,
@@ -168,17 +163,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.default.createElement(_FloatingDeleteButton.default, {
-    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.default.createElement(_FloatingToolbarLabel.FloatingToolbarLabel, {
     target: resizingTableRef,
     content: (0, _experiments.editorExperiment)('single_column_layouts', true) ? /*#__PURE__*/_react.default.createElement(_resizer.ResizerBreakoutModeLabel, {

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -28,8 +27,7 @@ var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-an
 var _nodes = require("../../pm-plugins/utils/nodes");
 var _types = require("../../types");
 var _getPopupOptions = _interopRequireDefault(require("./getPopupOptions"));
-var _InsertButton = _interopRequireWildcard(require("./InsertButton"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _InsertButton = require("./InsertButton");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Ignored via go/ees005
@@ -57,12 +55,10 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
         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;
@@ -134,7 +130,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
       // 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 = (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') || type === 'column' ? _editorSharedStyles.akEditorTableCellOnStickyHeaderZIndex : undefined;
       return /*#__PURE__*/_react.default.createElement(_ui.Popup, (0, _extends2.default)({
         target: targetCellRef,
@@ -148,19 +144,14 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
         allowOutOfBounds: true
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, (0, _getPopupOptions.default)(type, index, hasNumberedColumns, !!isDragAndDropEnabled, tableContainerWrapper), {
+      }, (0, _getPopupOptions.default)(type, index, hasNumberedColumns, true, tableContainerWrapper), {
         zIndex: zIndex
-      }), isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_InsertButton.DragAndDropInsertButton, {
+      }), /*#__PURE__*/_react.default.createElement(_InsertButton.DragAndDropInsertButton, {
         type: type,
         tableRef: tableRef,
         onMouseDown: type === 'column' ? this.insertColumn : this.insertRow,
         hasStickyHeaders: this.props.hasStickyHeaders || false,
         isChromelessEditor: isChromelessEditor
-      }) : /*#__PURE__*/_react.default.createElement(_InsertButton.default, {
-        type: type,
-        tableRef: tableRef,
-        onMouseDown: type === 'column' ? this.insertColumn : this.insertRow,
-        hasStickyHeaders: this.props.hasStickyHeaders || false
       }));
     }
   }, {

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

@@ -35,8 +35,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 = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDragging = _useState2[0],

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

@@ -15,10 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
-var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _commands = require("../../../pm-plugins/commands");
 var _rowControls = require("../../../pm-plugins/utils/row-controls");
 var _types = require("../../../types");
 var _consts = require("../../consts");
@@ -35,46 +33,10 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, NumberColumn, [].concat(args));
-    (0, _defineProperty2.default)(_this, "hoverRows", function (index) {
-      return _this.props.tableActive ? _this.props.hoverRows([index]) : null;
-    });
-    (0, _defineProperty2.default)(_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
-        _state.Selection.near(doc.resolve(pos + ($pos.parent.nodeSize - 3)), -1) :
-        // Selection is before table
-        _state.Selection.near($pos);
-        editorView.dispatch(tr.setSelection(newPos));
-      }
-      selectRow(index, event.shiftKey);
-    });
-    (0, _defineProperty2.default)(_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;
-        (0, _commands.clearHoverSelection)()(state, dispatch);
-      }
-    });
     (0, _defineProperty2.default)(_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 {
@@ -88,12 +50,12 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)(_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 = (0, _utils.isRowSelected)(index)(editorView.state.selection) || (hoveredRows || []).indexOf(index) !== -1 && !isResizing;
       return (0, _classnames2.default)(_types.TableCssClassName.NUMBERED_COLUMN_BUTTON, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), _types.TableCssClassName.HOVERED_CELL_IN_DANGER, tableActive && isActive && isInDanger), _types.TableCssClassName.HOVERED_CELL_ACTIVE, tableActive && isActive));
     });
@@ -104,12 +66,12 @@ var NumberColumn = exports.default = /*#__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 = (0, _rowControls.getRowHeights)(tableRef);
       if ((0, _coreUtils.isSSR)()) {
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -141,7 +103,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
         },
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
-        return isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           // Ignored via go/ees005
           // eslint-disable-next-line react/no-array-index-key
           key: "wrapper-".concat(index)
@@ -158,37 +120,6 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
           onMouseOver: function onMouseOver() {
             return updateCellHoverLocation(index);
           }
-        }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/_react.default.createElement("div", {
-          // Ignored via go/ees005
-          role: (0, _expValEquals.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: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function () {
-            return _this2.hoverRows(index);
-          } : undefined,
-          onMouseOver: function onMouseOver() {
-            return _this2.hoverRows(index);
-          },
-          tabIndex: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined,
-          onKeyDown: (0, _expValEquals.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: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? _this2.clearHoverSelection : undefined
         }, hasHeaderRow ? index > 0 ? index : null : index + 1);
       }));
     }

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

@@ -43,11 +43,11 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
     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/cjs/ui/event-handlers.js

@@ -256,17 +256,12 @@ var handleMouseLeave = exports.handleMouseLeave = function handleMouseLeave(view
   var _getPluginState5 = (0, _pluginFactory2.getPluginState)(state),
     insertColumnButtonIndex = _getPluginState5.insertColumnButtonIndex,
     insertRowButtonIndex = _getPluginState5.insertRowButtonIndex,
-    isDragAndDropEnabled = _getPluginState5.isDragAndDropEnabled,
     isTableHovered = _getPluginState5.isTableHovered;
   if (isTableHovered) {
-    if (isDragAndDropEnabled) {
-      var _getDragDropPluginSta = (0, _pluginFactory.getPluginState)(state),
-        _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
-        isDragMenuOpen = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2;
-      !isDragMenuOpen && (0, _commands.setTableHovered)(false)(state, dispatch);
-    } else {
-      (0, _commands.setTableHovered)(false)(state, dispatch);
-    }
+    var _getDragDropPluginSta = (0, _pluginFactory.getPluginState)(state),
+      _getDragDropPluginSta2 = _getDragDropPluginSta.isDragMenuOpen,
+      isDragMenuOpen = _getDragDropPluginSta2 === void 0 ? false : _getDragDropPluginSta2;
+    !isDragMenuOpen && (0, _commands.setTableHovered)(false)(state, dispatch);
     return true;
   }
 
@@ -494,7 +489,7 @@ var trackCellLocation = function trackCellLocation(view, mouseEvent) {
 };
 var withCellTracking = exports.withCellTracking = function withCellTracking(eventHandler) {
   return function (view, mouseEvent) {
-    if ((0, _pluginFactory2.getPluginState)(view.state).isDragAndDropEnabled && (0, _pluginFactory.getPluginState)(view.state) && !(0, _pluginFactory.getPluginState)(view.state).isDragging) {
+    if ((0, _pluginFactory.getPluginState)(view.state) && !(0, _pluginFactory.getPluginState)(view.state).isDragging) {
       trackCellLocation(view, mouseEvent);
     }
     return eventHandler(view, mouseEvent);

package/dist/cjs/ui/toolbar.js

@@ -112,32 +112,18 @@ var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMen
     }
   }];
   var tableOptionsDropdownWidth = isTableScalingWithFixedColumnWidthsOptionShown ? 192 : undefined;
-  if (state.isDragAndDropEnabled) {
-    return {
-      id: 'editor.table.tableOptions',
-      type: 'dropdown',
-      testId: 'table_options',
-      iconBefore: _customize.default,
-      title: formatMessage(_messages.tableMessages.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.tableMessages.tableOptions),
-      hidden: options.every(function (option) {
-        return option.hidden;
-      }),
-      options: options,
-      dropdownWidth: tableOptionsDropdownWidth
-    };
-  }
+  return {
+    id: 'editor.table.tableOptions',
+    type: 'dropdown',
+    testId: 'table_options',
+    iconBefore: _customize.default,
+    title: formatMessage(_messages.tableMessages.tableOptions),
+    hidden: options.every(function (option) {
+      return option.hidden;
+    }),
+    options: options,
+    dropdownWidth: tableOptionsDropdownWidth
+  };
 };
 
 // Added these options for mobile. Mobile bridge translates this menu and
@@ -471,8 +457,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
         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 = (0, _tableMode.isContentModeSupported)({
           allowColumnResizing: !!pluginState.pluginConfig.allowColumnResizing,
@@ -573,7 +558,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
           },
           zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex + 1,
           // Place the context menu slightly above the others
-          items: [menu].concat((0, _toConsumableArray2.default)(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), (0, _toConsumableArray2.default)(alignmentMenu), (0, _toConsumableArray2.default)(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), (0, _toConsumableArray2.default)(cellItems), (0, _toConsumableArray2.default)(columnSettingsItems), fitToContentButton, (0, _toConsumableArray2.default)(colorPicker), (0, _toConsumableArray2.default)(!areAnyNewToolbarFlagsEnabled ? [{
+          items: [menu].concat((0, _toConsumableArray2.default)(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), (0, _toConsumableArray2.default)(alignmentMenu), (0, _toConsumableArray2.default)(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), columnSettingsItems, fitToContentButton, (0, _toConsumableArray2.default)(colorPicker), (0, _toConsumableArray2.default)(!areAnyNewToolbarFlagsEnabled ? [{
             type: 'extensions-placeholder',
             separator: 'end'
           }, copyButton, {
@@ -649,24 +634,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;
@@ -687,9 +654,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;
@@ -715,7 +682,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',
@@ -739,9 +706,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 = (0, _pluginFactory2.getPluginState)(state),
     targetCellPosition = _getPluginState2.targetCellPosition,
     pluginConfig = _getPluginState2.pluginConfig;
@@ -803,8 +770,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 = (0, _utils3.findTable)(editorState.selection);
   if (!tableObject) {
     return [];
@@ -902,13 +869,13 @@ var isLayoutOptionDisabledImpl = function isLayoutOptionDisabledImpl(selectedNod
   }
   return false;
 };
-var getMemoizedIsLayoutOptionDisabled = (0, _memoizeOne.default)(isLayoutOptionDisabledImpl, function (_ref7, _ref8) {
+var getMemoizedIsLayoutOptionDisabled = (0, _memoizeOne.default)(isLayoutOptionDisabledImpl, function (_ref6, _ref7) {
+  var _ref8 = (0, _toArray2.default)(_ref6),
+    prevNode = _ref8[0],
+    prevRest = _ref8.slice(1);
   var _ref9 = (0, _toArray2.default)(_ref7),
-    prevNode = _ref9[0],
-    prevRest = _ref9.slice(1);
-  var _ref0 = (0, _toArray2.default)(_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 = (0, _isEqual.default)(prevNode.attrs, nextNode.attrs);
   var restEqual = prevRest.every(function (val, idx) {