@atlaskit/editor-plugin-table 9.1.3 → 9.2.1

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

@@ -20,10 +20,7 @@ export const createCellHoverDecoration = cells => cells.map(cell => Decoration.n
 }, {
   key: TableDecorations.CELL_CONTROLS_HOVER
 }));
-export const createControlsHoverDecoration = (cells, type, tr, isDragAndDropEnable, hoveredIndexes, danger, selected
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const createControlsHoverDecoration = (cells, type, tr, isDragAndDropEnable, hoveredIndexes, danger, selected) => {
   const table = findTable(tr.selection);
   if (!table) {
     return [];
@@ -146,10 +143,7 @@ export const createColumnControlsDecoration = selection => {
     });
   });
 };
-export const updateDecorations = (node, decorationSet, decorations, key
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const updateDecorations = (node, decorationSet, decorations, key) => {
   const filteredDecorations = filterDecorationByKey(key, decorationSet);
   const decorationSetFiltered = decorationSet.remove(filteredDecorations);
   return decorationSetFiltered.add(node, decorations);
@@ -235,10 +229,7 @@ const makeArray = n => Array.from(Array(n).keys());
  *   we will add a new class on the last item for each cell,
  *   hence the second media will receive this class `ClassName.LAST_ITEM_IN_CELL`
  */
-export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexTarget, includeTooltip = false, getIntl, nodeViewPortalProviderAPI
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexTarget, includeTooltip = false, getIntl, nodeViewPortalProviderAPI) => {
   const emptyResult = [[], []];
   const table = findTable(tr.selection);
   if (!table || !table.node) {
@@ -248,10 +239,7 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
   if (!map.width) {
     return emptyResult;
   }
-  const createResizerHandleDecoration = (cellColumnPositioning, columnIndex, rowIndex, cellPos, cellNode
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) => {
+  const createResizerHandleDecoration = (cellColumnPositioning, columnIndex, rowIndex, cellPos, cellNode) => {
     const decorationRenderKey = uuid();
     const position = cellPos + cellNode.nodeSize - 1;
     return Decoration.widget(position, () => {

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

@@ -36,10 +36,7 @@ import { getNewResizeStateFromSelectedColumns } from '../table-resizing/utils/re
 import { hasMergedCellsInSelection, hasMergedCellsWithColumnNextToColumnIndex, hasMergedCellsWithRowNextToRowIndex } from './merged-cells';
 import { getSelectedColumnIndexes, getSelectedRowIndexes } from './selection';
 export const getTargetIndex = (selectedIndexes, direction) => Math[direction < 0 ? 'min' : 'max'](...selectedIndexes) + direction;
-export const canMove = (sourceType, direction, totalItemsOfSourceTypeCount, selection, selectionRect
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const canMove = (sourceType, direction, totalItemsOfSourceTypeCount, selection, selectionRect) => {
   if (!selectionRect) {
     return false;
   }
@@ -78,10 +75,7 @@ const defaultSelectionRect = {
   right: 0,
   bottom: 0
 };
-export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, ariaNotifyPlugin, isCommentEditor = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, ariaNotifyPlugin, isCommentEditor = false) => {
   var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
   const {
     selection

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

@@ -62,9 +62,6 @@ export const tablesHaveDifferentNoOfRows = (currentTable, previousTable) => {
   const currentMap = TableMap.get(currentTable);
   return prevMap.height !== currentMap.height;
 };
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function filterNearSelection(selection, findNode, predicate, defaultValue) {
   const found = findNode(selection);
   if (!found) {

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

@@ -2,6 +2,7 @@ import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { flatmap, mapChildren, mapSlice } from '@atlaskit/editor-common/utils';
 import { Slice, Fragment } from '@atlaskit/editor-prosemirror/model';
 import { flatten, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getPluginState } from '../plugin-factory';
 
@@ -19,6 +20,9 @@ export const unwrapContentFromTable = maybeTable => {
     maybeTable.descendants(maybeCell => {
       if (maybeCell.type === tableCell || maybeCell.type === tableHeader) {
         content.push(...flatten(maybeCell, false).map(child => child.node));
+        if (fg('platform_editor_nested_tables_paste_dupe_fix')) {
+          return false;
+        }
       }
       return true;
     });
@@ -30,10 +34,7 @@ export const unwrapContentFromTable = maybeTable => {
 // Flattens nested tables after a given nesting depth
 // If this looks familiar, it's a heavily modified version of `mapFragment` which has been
 // adjusted to support tracking nesting depth. This wasn't possible by using `mapFragment` directly
-const unwrapNestedTables = (content, schema, unwrapNestDepth, currentNestDepth = 0
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const unwrapNestedTables = (content, schema, unwrapNestDepth, currentNestDepth = 0) => {
   const flattenNested = (node, tableDepth) => {
     if (node.type === schema.nodes.table) {
       if (tableDepth >= unwrapNestDepth) {

package/dist/es2019/pm-plugins/utils/row-controls.js

@@ -74,10 +74,7 @@ export const getRowsParams = rowsHeights => {
   }
   return rows;
 };
-export const getRowClassNames = (index, selection, hoveredRows = [], isInDanger, isResizing
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const getRowClassNames = (index, selection, hoveredRows = [], isInDanger, isResizing) => {
   const classNames = [];
   if (isRowSelected(index)(selection) || hoveredRows.indexOf(index) > -1 && !isResizing) {
     classNames.push(ClassName.HOVERED_CELL_ACTIVE);

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

@@ -31,10 +31,7 @@ export const defaultTablePreserveSnappingWidths = (lengthOffset, editorContainer
 /**
  * Returns keys of guidelines that are closest to the table and within the snapGap
  */
-export const findClosestSnap = (currentWidth, snapWidths, guidelines, snapGap = 0, tolerance = 0
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const findClosestSnap = (currentWidth, snapWidths, guidelines, snapGap = 0, tolerance = 0) => {
   const closestGapIndex = snapWidths.reduce((prev, curr, index) => Math.abs(curr - currentWidth) < Math.abs(snapWidths[prev] - currentWidth) ? index : prev, 0);
   const gap = Math.abs(snapWidths[closestGapIndex] - currentWidth);
   if (gap < snapGap) {

package/dist/es2019/tablePlugin.js

@@ -98,6 +98,7 @@ const tablesPlugin = ({
         isTableResizing: tableWidthResizingPluginState === null || tableWidthResizingPluginState === void 0 ? void 0 : tableWidthResizingPluginState.resizing,
         isInDanger: tablePluginState.isInDanger,
         hoveredRows: tablePluginState.hoveredRows,
+        hoveredColumns: tablePluginState.hoveredColumns,
         hoveredCell: tablePluginState.hoveredCell,
         isTableHovered: tablePluginState.isTableHovered,
         isWholeTableInDanger: tablePluginState.isWholeTableInDanger,

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

@@ -1,8 +1,11 @@
+/* eslint-disable @atlaskit/design-system/no-html-button */
+
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common/browser';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findTable, TableMap } from '@atlaskit/editor-tables';
@@ -32,7 +35,9 @@ const DragHandleComponent = ({
   editorView,
   intl: {
     formatMessage
-  }
+  },
+  hoveredColumns,
+  hoveredRows
 }) => {
   const dragHandleDivRef = useRef(null);
   const [previewContainer, setPreviewContainer] = useState(null);
@@ -42,10 +47,14 @@ const DragHandleComponent = ({
       selection
     }
   } = editorView;
-  const {
-    hoveredColumns,
-    hoveredRows
-  } = getPluginState(state);
+  if (hoveredColumns === undefined || hoveredRows === undefined) {
+    const {
+      hoveredColumns: hoveredColumnsState,
+      hoveredRows: hoveredRowsState
+    } = getPluginState(state);
+    hoveredColumns = hoveredColumnsState;
+    hoveredRows = hoveredRowsState;
+  }
   const {
     isDragMenuOpen = false
   } = getDnDPluginState(state);
@@ -239,4 +248,46 @@ const DragHandleComponent = ({
     height: previewHeight
   }), previewContainer));
 };
-export const DragHandle = injectIntl(DragHandleComponent);
+const DragHandleComponentWithSharedState = ({
+  isDragMenuTarget,
+  tableLocalId,
+  direction,
+  appearance,
+  indexes,
+  forceDefaultHandle,
+  previewHeight,
+  previewWidth,
+  onMouseOver,
+  onMouseOut,
+  toggleDragMenu,
+  hoveredCell,
+  onClick,
+  editorView,
+  intl,
+  api
+}) => {
+  const {
+    tableState
+  } = useSharedPluginState(api, ['table']);
+  return /*#__PURE__*/React.createElement(DragHandleComponent, {
+    isDragMenuTarget: isDragMenuTarget,
+    tableLocalId: tableLocalId,
+    direction: direction,
+    appearance: appearance,
+    indexes: indexes,
+    forceDefaultHandle: forceDefaultHandle,
+    previewWidth: previewWidth,
+    previewHeight: previewHeight,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut,
+    toggleDragMenu: toggleDragMenu,
+    hoveredCell: hoveredCell,
+    onClick: onClick,
+    editorView: editorView,
+    intl: intl,
+    hoveredColumns: tableState === null || tableState === void 0 ? void 0 : tableState.hoveredColumns,
+    hoveredRows: tableState === null || tableState === void 0 ? void 0 : tableState.hoveredRows
+  });
+};
+export const DragHandle = injectIntl(DragHandleComponent);
+export const DragHandleWithSharedState = injectIntl(DragHandleComponentWithSharedState);

package/dist/es2019/ui/FloatingInsertButton/getPopupOptions.js

@@ -32,9 +32,6 @@ function getRowOptions(index, isDragAndDropEnabled) {
     }
   };
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function getColumnOptions(index, tableContainer, hasNumberedColumns, isDragAndDropEnabled) {
   const options = {
     alignX: 'end',
@@ -80,9 +77,6 @@ function getColumnOptions(index, tableContainer, hasNumberedColumns, isDragAndDr
   }
   return options;
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function getPopupOptions(direction, index, hasNumberedColumns, isDragAndDropEnabled, tableContainer) {
   switch (direction) {
     case 'column':

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

@@ -12,7 +12,7 @@ import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
 import { getRowsParams } from '../../../pm-plugins/utils/row-controls';
 import { getSelectedColumnIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
-import { DragHandle } from '../../DragHandle';
+import { DragHandle, DragHandleWithSharedState } from '../../DragHandle';
 const getSelectedColumns = selection => {
   if (selection instanceof CellSelection && selection.isColSelection()) {
     const rect = getSelectionRect(selection);
@@ -33,7 +33,6 @@ export const ColumnControls = ({
   isInDanger,
   rowHeights,
   colWidths,
-  hasHeaderColumn,
   isTableHovered,
   tableContainerWidth,
   isNumberColumnEnabled,
@@ -138,10 +137,7 @@ export const ColumnControls = ({
     var _getScrollOffset;
     columnControlsRef.current.scrollLeft = (_getScrollOffset = getScrollOffset === null || getScrollOffset === void 0 ? void 0 : getScrollOffset()) !== null && _getScrollOffset !== void 0 ? _getScrollOffset : 0;
   }
-  const generateHandleByType = (type, appearance, gridColumn, indexes
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) => {
+  const generateHandleByType = (type, appearance, gridColumn, indexes) => {
     var _rowHeights$reduce, _colWidths$reduce;
     const isHover = type === 'hover';
     const isPlaceholder = appearance === 'placeholder';
@@ -172,7 +168,23 @@ export const ColumnControls = ({
         position: 'relative'
       },
       "data-testid": `table-floating-column-${isHover ? colIndex : isPlaceholder ? appearance : selectedColIndexes[0]}-drag-handle`
-    }, /*#__PURE__*/React.createElement(DragHandle, {
+    }, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(DragHandleWithSharedState, {
+      isDragMenuTarget: !isHover,
+      direction: "column",
+      tableLocalId: localId || '',
+      indexes: indexes,
+      hoveredCell: hoveredCell,
+      previewWidth: previewWidth,
+      forceDefaultHandle: !isHover,
+      previewHeight: previewHeight,
+      appearance: appearance,
+      onClick: handleClick,
+      onMouseOver: handleMouseOver,
+      onMouseOut: handleMouseOut,
+      toggleDragMenu: toggleDragMenuHandler,
+      editorView: editorView,
+      api: api
+    }) : /*#__PURE__*/React.createElement(DragHandle, {
       isDragMenuTarget: !isHover,
       direction: "column",
       tableLocalId: localId || '',

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

@@ -1,7 +1,6 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getColumnsWidths } from '../../pm-plugins/utils/column-controls';
 import { containsHeaderColumn } from '../../pm-plugins/utils/nodes';
 import { getRowHeights } from '../../pm-plugins/utils/row-controls';
@@ -99,7 +98,7 @@ const TableFloatingColumnControls = ({
     isNumberColumnEnabled: isNumberColumnEnabled,
     isDragging: isDragging,
     getScrollOffset: getScrollOffset,
-    api: editorExperiment('platform_editor_table_use_shared_state_hook', true) ? api : undefined
+    api: fg('platform_editor_table_use_shared_state_hook_fg') ? api : undefined
   }), isDragging && /*#__PURE__*/React.createElement(ColumnDropTargets, {
     tableRef: tableRef,
     isHeaderSticky: (stickyHeader === null || stickyHeader === void 0 ? void 0 : stickyHeader.sticky) && hasHeaderRow,

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

@@ -1,9 +1,10 @@
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 
 import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
@@ -12,7 +13,7 @@ import { getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-cont
 import { getSelectedRowIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
 import { dropTargetExtendedWidth } from '../../consts';
-import { DragHandle } from '../../DragHandle';
+import { DragHandle, DragHandleWithSharedState } from '../../DragHandle';
 import RowDropTarget from '../RowDropTarget';
 const getSelectedRows = selection => {
   if (selection instanceof CellSelection && selection.isRowSelection()) {
@@ -24,7 +25,7 @@ const getSelectedRows = selection => {
   }
   return [];
 };
-const DragControlsComponent = ({
+export const DragControls = ({
   tableRef,
   tableNode,
   tableWidth,
@@ -37,14 +38,16 @@ const DragControlsComponent = ({
   hoverRows,
   selectRow,
   selectRows,
-  updateCellHoverLocation
+  updateCellHoverLocation,
+  api,
+  selection
 }) => {
   var _tableNode$attrs$loca, _tableNode$attrs;
   const [isDragging, setIsDragging] = useState(false);
   const rowHeights = getRowHeights(tableRef);
   const rowsParams = getRowsParams(rowHeights);
   const heights = rowHeights.map(height => `${height - 1}px`).join(' ');
-  const selectedRowIndexes = getSelectedRows(editorView.state.selection);
+  const selectedRowIndexes = getSelectedRows(selection !== null && selection !== void 0 ? selection : editorView.state.selection);
   const currentNodeLocalId = (_tableNode$attrs$loca = tableNode === null || tableNode === void 0 ? void 0 : (_tableNode$attrs = tableNode.attrs) === null || _tableNode$attrs === void 0 ? void 0 : _tableNode$attrs.localId) !== null && _tableNode$attrs$loca !== void 0 ? _tableNode$attrs$loca : '';
   useEffect(() => {
     return monitorForElements({
@@ -128,10 +131,7 @@ const DragControlsComponent = ({
       selectRows(selectedRowIndexes);
     }
   }, [rowIndex, selectRow, selectRows, selectedRowIndexes]);
-  const generateHandleByType = (type, appearance, gridRow, indexes
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) => {
+  const generateHandleByType = (type, appearance, gridRow, indexes) => {
     const isHover = type === 'hover';
     const previewHeight = rowHeights.reduce((sum, v, i) => sum + v * (indexes.includes(i) ? 1 : 0), 0);
     return /*#__PURE__*/React.createElement("div", {
@@ -155,7 +155,23 @@ const DragControlsComponent = ({
         pointerEvents: 'none'
       },
       "data-testid": `table-floating-row-${isHover ? rowIndex : selectedRowIndexes[0]}-drag-handle`
-    }, /*#__PURE__*/React.createElement(DragHandle, {
+    }, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(DragHandleWithSharedState, {
+      isDragMenuTarget: !isHover,
+      direction: "row",
+      tableLocalId: currentNodeLocalId,
+      indexes: indexes,
+      forceDefaultHandle: !isHover,
+      previewWidth: tableWidth,
+      previewHeight: previewHeight,
+      appearance: appearance,
+      hoveredCell: hoveredCell,
+      onClick: handleClick,
+      onMouseOver: handleMouseOver,
+      onMouseOut: handleMouseOut,
+      toggleDragMenu: toggleDragMenuHandler,
+      editorView: editorView,
+      api: api
+    }) : /*#__PURE__*/React.createElement(DragHandle, {
       isDragMenuTarget: !isHover,
       direction: "row",
       tableLocalId: currentNodeLocalId,
@@ -259,4 +275,40 @@ const DragControlsComponent = ({
     }))), rowHandles())
   );
 };
-export const DragControls = injectIntl(DragControlsComponent);
+export const DragControlsWithSelection = ({
+  editorView,
+  tableRef,
+  tableNode,
+  tableWidth,
+  tableActive,
+  hoveredCell,
+  isInDanger,
+  isTableHovered,
+  isResizing,
+  hoverRows,
+  selectRow,
+  selectRows,
+  updateCellHoverLocation,
+  api
+}) => {
+  const {
+    selectionState
+  } = useSharedPluginState(api, ['selection']);
+  return /*#__PURE__*/React.createElement(DragControls, {
+    editorView: editorView,
+    tableRef: tableRef,
+    tableNode: tableNode,
+    tableWidth: tableWidth,
+    tableActive: tableActive,
+    hoveredCell: hoveredCell,
+    isInDanger: isInDanger,
+    isTableHovered: isTableHovered,
+    isResizing: isResizing,
+    hoverRows: hoverRows,
+    selectRow: selectRow,
+    selectRows: selectRows,
+    updateCellHoverLocation: updateCellHoverLocation,
+    api: api,
+    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
+  });
+};

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

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { browser } from '@atlaskit/editor-common/browser';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/commands';
 import { isTableNested } from '../../pm-plugins/utils/nodes';
@@ -11,7 +11,8 @@ import { DragCornerControls, DragCornerControlsWithSelection } from './CornerCon
 import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
 import { RowControls } from './RowControls/ClassicControls';
-import { DragControls } from './RowControls/DragControls';
+import { DragControls, DragControlsWithSelection } from './RowControls/DragControls';
+// Row controls
 export const TableFloatingControls = ({
   editorView,
   tableRef,
@@ -81,9 +82,6 @@ export const TableFloatingControls = ({
       hoverCell(rowIndex, 0)(state, dispatch);
     }
   }, [editorView, tableActive]);
-  const {
-    featureFlagsState
-  } = useSharedPluginState(api, ['featureFlags']);
   if (!tableRef) {
     return null;
   }
@@ -93,7 +91,7 @@ export const TableFloatingControls = ({
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const isNested = tablePos !== undefined && isTableNested(editorView.state, tablePos);
-  const shouldShowCornerControls = !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) || isNested && !editorExperiment('nested-dnd', true);
+  const shouldShowCornerControls = isNested && !editorExperiment('nested-dnd', true);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -114,18 +112,36 @@ export const TableFloatingControls = ({
       updateCellHoverLocation: updateCellHoverLocation,
       stickyTop: stickyTop,
       isDragAndDropEnabled: isDragAndDropEnabled
-    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && (editorExperiment('platform_editor_table_use_shared_state_hook', true) ? /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
+    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
       isResizing: isResizing,
       api: api
-    }) : /*#__PURE__*/React.createElement(DragCornerControls, {
+    }), /*#__PURE__*/React.createElement(DragControlsWithSelection, {
+      tableRef: tableRef,
+      tableNode: tableNode,
+      hoveredCell: hoveredCell,
+      isTableHovered: isTableHovered,
+      editorView: editorView,
+      tableActive: tableActive,
+      isInDanger: isInDanger,
+      isResizing: isResizing
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
+      tableWidth: tableWrapperWidth,
+      hoverRows: _hoverRows,
+      selectRow: _selectRow,
+      selectRows: _selectRows,
+      updateCellHoverLocation: updateCellHoverLocation,
+      api: api
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControls, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
       isResizing: isResizing
-    })), /*#__PURE__*/React.createElement(DragControls, {
+    }), /*#__PURE__*/React.createElement(DragControls, {
       tableRef: tableRef,
       tableNode: tableNode,
       hoveredCell: hoveredCell,
@@ -142,7 +158,7 @@ export const TableFloatingControls = ({
       selectRow: _selectRow,
       selectRows: _selectRows,
       updateCellHoverLocation: updateCellHoverLocation
-    })) : editorExperiment('platform_editor_table_use_shared_state_hook', true) ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
+    }))) : fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,

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

@@ -384,10 +384,7 @@ export function handleTripleClick(view, pos) {
   }
   return false;
 }
-export const handleCut = (oldTr, oldState, newState, api, editorAnalyticsAPI, editorView, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const handleCut = (oldTr, oldState, newState, api, editorAnalyticsAPI, editorView, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false) => {
   const oldSelection = oldState.tr.selection;
   let {
     tr