@atlaskit/editor-plugin-table 22.2.14 → 22.2.15

package/dist/es2019/nodeviews/TableComponent.js

@@ -458,9 +458,9 @@ class TableComponent extends React.Component {
       allowColumnResizing,
       allowTableResizing,
       eventDispatcher,
-      isDragAndDropEnabled,
       view,
-      isInDanger
+      isInDanger,
+      isDragAndDropEnabled
     } = this.props;
     const browser = getBrowserInfo();
     const isIE11 = browser.ie_version === 11;
@@ -846,8 +846,7 @@ class TableComponent extends 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/es2019/nodeviews/TableComponentWithSharedState.js

@@ -96,9 +96,9 @@ export const TableComponentWithSharedState = ({
     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/es2019/nodeviews/TableContainer.js

@@ -9,7 +9,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
-import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
 import { ALIGN_CENTER, ALIGN_START } from '../pm-plugins/utils/alignment';
@@ -396,9 +395,6 @@ export const TableContainer = ({
       isChromelessEditor: isChromelessEditor
     }, children);
   }
-  const {
-    isDragAndDropEnabled
-  } = getPluginState(editorView.state);
   const isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   const resizableTableWidth = isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : `calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))`;
   return /*#__PURE__*/React.createElement(InnerContainer, {
@@ -406,7 +402,7 @@ export const TableContainer = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: classNames(className, {
-      'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested && !(isChromelessEditor && isDragAndDropEnabled)
+      'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested && !isChromelessEditor
     }),
     style:
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)

package/dist/es2019/nodeviews/table.js

@@ -298,7 +298,6 @@ export const createTableView = (node, view, getPos, portalProviderAPI, eventDisp
   var _pluginInjectionApi$t;
   const {
     pluginConfig,
-    isDragAndDropEnabled,
     isTableScalingEnabled // same as options.isTableScalingEnabled
   } = getPluginState(view.state);
 
@@ -325,7 +324,6 @@ export const createTableView = (node, view, getPos, portalProviderAPI, eventDisp
     options: {
       isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
       wasFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled,
-      isDragAndDropEnabled,
       isTableScalingEnabled,
       // same as options.isTableScalingEnabled
       isCommentEditor,

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

@@ -72,8 +72,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
       }),
       tableRow: tableRowView({
         eventDispatcher,
-        pluginInjectionApi,
-        isDragAndDropEnabled: true
+        pluginInjectionApi
       }),
       tableCell: tableCellView({
         eventDispatcher,

package/dist/es2019/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';
 const 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 @@ const 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
   };
 };
 const ContentComponentInternal = ({
@@ -79,7 +77,6 @@ const ContentComponentInternal = ({
     insertRowButtonIndex,
     isHeaderColumnEnabled,
     isHeaderRowEnabled,
-    isDragAndDropEnabled,
     tableWrapperTarget,
     isCellMenuOpenByKeyboard,
     stickyHeader,
@@ -106,8 +103,7 @@ const ContentComponentInternal = ({
     isContextualMenuOpen: isContextualMenuOpen,
     stickyHeader: stickyHeader,
     tableWrapper: tableWrapperTarget,
-    isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
-    isDragAndDropEnabled: isDragAndDropEnabled
+    isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard
   }), allowControls && /*#__PURE__*/React.createElement(FloatingInsertButton, {
     tableNode: tableNode,
     tableRef: tableRef,
@@ -115,7 +111,6 @@ const ContentComponentInternal = ({
     insertRowButtonIndex: insertRowButtonIndex,
     isHeaderColumnEnabled: isHeaderColumnEnabled,
     isHeaderRowEnabled: isHeaderRowEnabled,
-    isDragAndDropEnabled: isDragAndDropEnabled,
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     editorView: editorView,
     mountPoint: popupsMountPoint,
@@ -143,7 +138,7 @@ const ContentComponentInternal = ({
     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,
@@ -163,17 +158,6 @@ const ContentComponentInternal = ({
     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/es2019/ui/FloatingInsertButton/index.js

@@ -15,7 +15,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 class FloatingInsertButton extends React.Component {
@@ -35,13 +35,11 @@ export class FloatingInsertButton extends React.Component {
       boundariesElement,
       isHeaderColumnEnabled,
       isHeaderRowEnabled,
-      isDragAndDropEnabled,
       dispatchAnalyticsEvent,
       isChromelessEditor
     } = this.props;
-
     // 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;
     }
     const type = typeof insertColumnButtonIndex !== 'undefined' ? 'column' : typeof insertRowButtonIndex !== 'undefined' ? 'row' : null;
@@ -117,7 +115,7 @@ export class FloatingInsertButton extends 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
     const zIndex = expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') || type === 'column' ? akEditorTableCellOnStickyHeaderZIndex : undefined;
     return /*#__PURE__*/React.createElement(Popup, _extends({
       target: targetCellRef,
@@ -131,19 +129,14 @@ export class FloatingInsertButton extends 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
     }));
   }
   getCellPosition(type, tableNode) {

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

@@ -25,8 +25,7 @@ const TableFloatingColumnControls = ({
   getScrollOffset,
   tableWrapperHeight,
   api,
-  isChromelessEditor,
-  isDragAndDropEnabled
+  isChromelessEditor
 }) => {
   const [isDragging, setIsDragging] = useState(false);
   const containerRef = useRef(null);

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

@@ -2,10 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
@@ -14,47 +12,6 @@ import { tableBorderColor } from '../../consts';
 export default class NumberColumn extends Component {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "hoverRows", index => {
-      return this.props.tableActive ? this.props.hoverRows([index]) : null;
-    });
-    _defineProperty(this, "selectRow", (index, event) => {
-      const {
-        tableActive,
-        editorView,
-        selectRow
-      } = this.props;
-      // If selection is outside the table then first reset the selection inside table
-      if (!tableActive && event.target && event.target instanceof Node) {
-        const {
-          doc,
-          selection,
-          tr
-        } = editorView.state;
-        const pos = editorView.posAtDOM(event.target, 1);
-        const $pos = doc.resolve(pos);
-        const 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", () => {
-      const {
-        tableActive,
-        editorView
-      } = this.props;
-      if (tableActive) {
-        const {
-          state,
-          dispatch
-        } = editorView;
-        clearHoverSelection()(state, dispatch);
-      }
-    });
     _defineProperty(this, "getCellStyles", (index, rowHeight) => {
       const {
         stickyTop,
@@ -125,7 +82,7 @@ export default class NumberColumn extends Component {
         visibility: 'visible'
       },
       contentEditable: false
-    }, rowHeights.map((rowHeight, index) => isDragAndDropEnabled ? /*#__PURE__*/React.createElement("div", {
+    }, rowHeights.map((rowHeight, index) => /*#__PURE__*/React.createElement("div", {
       // Ignored via go/ees005
       // eslint-disable-next-line react/no-array-index-key
       key: `wrapper-${index}`
@@ -138,31 +95,6 @@ export default class NumberColumn extends Component {
       style: this.getCellStyles(index, rowHeight),
       onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? () => updateCellHoverLocation(index) : undefined,
       onMouseOver: () => 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-${index}`
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: this.getClassNames(index),
-      "data-index": index
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
-      style: this.getCellStyles(index, rowHeight),
-      onClick: event => this.selectRow(index, event),
-      onFocus: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? () => this.hoverRows(index) : undefined,
-      onMouseOver: () => this.hoverRows(index),
-      tabIndex: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined,
-      onKeyDown: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? event => {
-        if (event.key === 'Enter' || event.key === ' ') {
-          event.preventDefault();
-          this.selectRow(index, event);
-        }
-      } : undefined,
-      onMouseOut: this.clearHoverSelection,
-      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.clearHoverSelection : undefined
     }, hasHeaderRow ? index > 0 ? index : null : index + 1)));
   }
 }

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

@@ -34,11 +34,11 @@ export const TableFloatingControls = ({
   isNumberColumnEnabled,
   isHeaderRowEnabled,
   isHeaderColumnEnabled,
+  isDragAndDropEnabled,
   tableActive,
   hasHeaderRow,
   hoveredRows,
   stickyHeader,
-  isDragAndDropEnabled,
   hoveredCell,
   isTableHovered,
   tableWrapperWidth,

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

@@ -258,18 +258,13 @@ export const handleMouseLeave = (view, event) => {
   const {
     insertColumnButtonIndex,
     insertRowButtonIndex,
-    isDragAndDropEnabled,
     isTableHovered
   } = getPluginState(state);
   if (isTableHovered) {
-    if (isDragAndDropEnabled) {
-      const {
-        isDragMenuOpen = false
-      } = getDragDropPluginState(state);
-      !isDragMenuOpen && setTableHovered(false)(state, dispatch);
-    } else {
-      setTableHovered(false)(state, dispatch);
-    }
+    const {
+      isDragMenuOpen = false
+    } = getDragDropPluginState(state);
+    !isDragMenuOpen && setTableHovered(false)(state, dispatch);
     return true;
   }
 
@@ -499,7 +494,7 @@ const trackCellLocation = (view, mouseEvent) => {
   hoverCell(htmlRowIndex, colIndex)(view.state, view.dispatch);
 };
 export const withCellTracking = eventHandler => (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/es2019/ui/toolbar.js

@@ -99,28 +99,16 @@ export const getToolbarMenuConfig = (config, state, {
     }
   }];
   const 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(option => option.hidden),
-      options,
-      dropdownWidth: tableOptionsDropdownWidth
-    };
-  } else {
-    return {
-      id: 'editor.table.tableOptions',
-      type: 'dropdown',
-      testId: 'table_options',
-      title: formatMessage(messages.tableOptions),
-      hidden: options.every(option => option.hidden),
-      options,
-      dropdownWidth: tableOptionsDropdownWidth
-    };
-  }
+  return {
+    id: 'editor.table.tableOptions',
+    type: 'dropdown',
+    testId: 'table_options',
+    iconBefore: CustomizeIcon,
+    title: formatMessage(messages.tableOptions),
+    hidden: options.every(option => option.hidden),
+    options,
+    dropdownWidth: tableOptionsDropdownWidth
+  };
 };
 
 // Added these options for mobile. Mobile bridge translates this menu and
@@ -448,8 +436,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
     const menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
     const 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) : [];
     const isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 ? void 0 : (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 ? void 0 : (_api$limitedMode$shar2 = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode$shar2 === void 0 ? void 0 : _api$limitedMode$shar2.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
-    const cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
-    const columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled) : [];
+    const columnSettingsItems = getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
     const colorPicker = !areAnyNewToolbarFlagsEnabled ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
     const fitToContentButton = isContentModeSupported({
       allowColumnResizing: !!pluginState.pluginConfig.allowColumnResizing,
@@ -539,7 +526,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
       },
       zIndex: akEditorFloatingPanelZIndex + 1,
       // Place the context menu slightly above the others
-      items: [menu, ...(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), ...alignmentMenu, ...(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), ...cellItems, ...columnSettingsItems, ...fitToContentButton, ...colorPicker, ...(!areAnyNewToolbarFlagsEnabled ? [{
+      items: [menu, ...(!areAnyNewToolbarFlagsEnabled ? [separator(menu.hidden)] : []), ...alignmentMenu, ...(!areAnyNewToolbarFlagsEnabled ? [separator(alignmentMenu.length === 0)] : []), ...columnSettingsItems, ...fitToContentButton, ...colorPicker, ...(!areAnyNewToolbarFlagsEnabled ? [{
         type: 'extensions-placeholder',
         separator: 'end'
       }, copyButton, {
@@ -614,20 +601,6 @@ const separator = hidden => {
     hidden: hidden
   };
 };
-const getCellItems = (state, view, {
-  formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false, isLimitedModeEnabled = false) => {
-  const initialSelectionRect = getClosestSelectionRect(state);
-  if (initialSelectionRect) {
-    const cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
-      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 [];
-};
 const getDistributeConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false) => (state, dispatch, editorView) => {
   const selectionOrTableRect = getClosestSelectionOrTableRect(state);
   if (!editorView || !selectionOrTableRect) {
@@ -668,7 +641,7 @@ const getColumnSettingItems = (editorState, editorView, {
       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',

package/dist/esm/nodeviews/TableComponent.js

@@ -489,9 +489,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 = getBrowserInfo();
       var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
@@ -883,8 +883,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/esm/nodeviews/TableComponentWithSharedState.js

@@ -94,9 +94,9 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
     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/esm/nodeviews/TableContainer.js

@@ -10,7 +10,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
-import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
 import { ALIGN_CENTER, ALIGN_START } from '../pm-plugins/utils/alignment';
@@ -391,8 +390,6 @@ export var TableContainer = function TableContainer(_ref5) {
       isChromelessEditor: isChromelessEditor
     }, children);
   }
-  var _getPluginState = getPluginState(editorView.state),
-    isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   var resizableTableWidth = isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
   return /*#__PURE__*/React.createElement(InnerContainer, {
@@ -400,7 +397,7 @@ export var TableContainer = function TableContainer(_ref5) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: classNames(className, {
-      'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested && !(isChromelessEditor && isDragAndDropEnabled)
+      'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested && !isChromelessEditor
     }),
     style:
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)

package/dist/esm/nodeviews/table.js

@@ -331,7 +331,6 @@ export var createTableView = function createTableView(node, view, getPos, portal
   var _pluginInjectionApi$t;
   var _getPluginState2 = 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
@@ -356,7 +355,6 @@ export var createTableView = function createTableView(node, view, getPos, portal
     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/esm/pm-plugins/main.js

@@ -74,8 +74,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       }),
       tableRow: tableRowView({
         eventDispatcher: eventDispatcher,
-        pluginInjectionApi: pluginInjectionApi,
-        isDragAndDropEnabled: true
+        pluginInjectionApi: pluginInjectionApi
       }),
       tableCell: tableCellView({
         eventDispatcher: eventDispatcher,