@atlaskit/editor-plugin-table 22.1.4 → 22.2.0

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

@@ -20,7 +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) => {
+export const createControlsHoverDecoration = (cells, type, tr, hoveredIndexes, danger, selected) => {
   const table = findTable(tr.selection);
   if (!table) {
     return [];
@@ -64,13 +64,9 @@ export const createControlsHoverDecoration = (cells, type, tr, isDragAndDropEnab
     if (selected) {
       classes.push(ClassName.SELECTED_CELL);
     }
-    if (isDragAndDropEnable) {
-      if (type === 'column' || type === 'row') {
-        classes.pop();
-        classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
-      }
-    } else {
-      classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
+    if (type === 'column' || type === 'row') {
+      classes.pop();
+      classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
     }
     let key;
     switch (type) {
@@ -366,7 +362,7 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
  * this function will return two decorations applying a new class `ClassName.WITH_RESIZE_LINE`
  * only on the cells: `C1` and `D1`.
  */
-export const createColumnLineResize = (selection, cellColumnPositioning, isDragAndDropEnabled) => {
+export const createColumnLineResize = (selection, cellColumnPositioning) => {
   const table = findTable(selection);
   if (!table || cellColumnPositioning.right === null) {
     return [];
@@ -377,7 +373,7 @@ export const createColumnLineResize = (selection, cellColumnPositioning, isDragA
   if (isLastColumn) {
     columnIndex -= 1;
   }
-  const decorationClassName = isDragAndDropEnabled ? isLastColumn ? ClassName.WITH_DRAG_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_DRAG_RESIZE_LINE : isLastColumn ? ClassName.WITH_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_RESIZE_LINE;
+  const decorationClassName = isLastColumn ? ClassName.WITH_DRAG_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_DRAG_RESIZE_LINE;
   const cellPositions = makeArray(map.height).map(rowIndex => map.map[map.width * rowIndex + columnIndex]).filter((cellPosition, rowIndex) => {
     if (isLastColumn) {
       return true; // If is the last column no filter applied

package/dist/es2019/pm-plugins/utils/sticky-header.js

@@ -6,11 +6,11 @@ export const isAnchorSupported = memorizeOne(() => {
   }
   return false;
 });
-export const isNativeStickySupported = isDragAndDropEnabled => {
+export const isNativeStickySupported = () => {
   const safariVersion = getBrowserInfo().safari_version;
   const isBrowserSafari = !Number.isNaN(safariVersion);
   return (
     // Safari has a bug with position: sticky and content editable, so we don't support it
-    !isBrowserSafari && isAnchorSupported() && isDragAndDropEnabled
+    !isBrowserSafari && isAnchorSupported()
   );
 };

package/dist/es2019/tablePlugin.js

@@ -347,8 +347,7 @@ const tablePlugin = ({
                 },
                 eventType: EVENT_TYPE.TRACK
               })(tr);
-            },
-            dragAndDropEnabled: true
+            }
           });
         }
       }, {

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

@@ -42,7 +42,6 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
     tableWrapper,
     targetCellPosition,
     isCellMenuOpenByKeyboard,
-    isDragAndDropEnabled,
     intl: {
       formatMessage
     }
@@ -102,7 +101,7 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
   }));
   const parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
   const parentStickyNative = targetCellRef.parentElement && (fg('platform_editor_table_sticky_header_patch_4') ? tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW) : targetCellRef.parentElement.classList.contains(ClassName.NATIVE_STICKY));
-  if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported(isDragAndDropEnabled !== null && isDragAndDropEnabled !== void 0 ? isDragAndDropEnabled : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+  if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _targetCellRef$parent;
     /* We need to default to checking the anchor style because there may be a conflict with the block controls
      plugin not using the data attribute value and setting the `anchor-name` style property independently of the data attribute.

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

@@ -8,7 +8,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD, contextualMenuTriggerSize, tablePopupMenuFitHeight } from '../consts';
 
@@ -31,25 +30,18 @@ const FloatingContextualMenu = ({
   api,
   isDragMenuOpen
 }) => {
-  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+  if (!editorView) {
     return null;
   }
 
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const {
     targetCellPosition,
     isDragAndDropEnabled
   } = getPluginState(editorView.state);
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const {
     selection
   } = editorView.state;
@@ -60,8 +52,6 @@ const FloatingContextualMenu = ({
   if (!selectionRect) {
     return null;
   }
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const domAtPos = editorView.domAtPos.bind(editorView);
   const targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -91,10 +81,7 @@ const FloatingContextualMenu = ({
     stick: true
   }, jsx("div", {
     css: tablePopupStyles(isDragAndDropEnabled)
-  }, jsx(ContextualMenu
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  , {
+  }, jsx(ContextualMenu, {
     editorView: editorView
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

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

@@ -74,7 +74,7 @@ const TableFloatingColumnControls = ({
     containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.style.removeProperty('top');
   }
   let anchorStyles = {};
-  if (isNativeStickySupported(isDragAndDropEnabled !== null && isDragAndDropEnabled !== void 0 ? isDragAndDropEnabled : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+  if (isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _tableRef$querySelect, _tableRef$querySelect2;
     const rowAnchorName = (_tableRef$querySelect = tableRef.querySelector('tr')) === null || _tableRef$querySelect === void 0 ? void 0 : _tableRef$querySelect.style.getPropertyValue('anchor-name');
     // cast here is due to CSSProperties missing valid positionAnchor property

package/dist/esm/nodeviews/table-node-views.js

@@ -24,8 +24,7 @@ export var tableHeaderView = function tableHeaderView(options) {
 };
 export var tableRowView = function tableRowView(options) {
   return function (node, view, getPos) {
-    var _options$isDragAndDro;
-    if (isNativeStickySupported((_options$isDragAndDro = options.isDragAndDropEnabled) !== null && _options$isDragAndDro !== void 0 ? _options$isDragAndDro : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+    if (isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
       return new TableRowNativeStickyWithFallback(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);
     } else {
       return new TableRow(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);

package/dist/esm/pm-plugins/commands/column-resize.js

@@ -27,8 +27,7 @@ var updateResizeHandleAndStatePosition = function updateResizeHandleAndStatePosi
     var customTr = state.tr;
     var _getPluginState = getPluginState(state),
       allowColumnResizing = _getPluginState.pluginConfig.allowColumnResizing,
-      getIntl = _getPluginState.getIntl,
-      isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
+      getIntl = _getPluginState.getIntl;
     var fakeDispatch = function fakeDispatch(tr) {
       customTr = tr;
     };
@@ -41,7 +40,7 @@ var updateResizeHandleAndStatePosition = function updateResizeHandleAndStatePosi
     });
     var decorationsWithWidgetAndHandle = updateDecorations(customTr.doc, decorationsWithWidget, createColumnLineResize(state.selection, {
       right: columnIndex
-    }, isDragAndDropEnabled), TableDecorations.COLUMN_RESIZING_HANDLE_LINE);
+    }), TableDecorations.COLUMN_RESIZING_HANDLE_LINE);
     getTablePluginCommand({
       type: 'START_KEYBOARD_COLUMN_RESIZE',
       data: {

package/dist/esm/pm-plugins/commands/hover.js

@@ -42,12 +42,10 @@ export var hoverMergedCells = function hoverMergedCells() {
 export var hoverColumns = function hoverColumns(hoveredColumns, isInDanger) {
   return createCommand(function (state) {
     var cells = getCellsInColumn(hoveredColumns)(state.tr.selection);
-    var _getPluginState = getPluginState(state),
-      isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
     if (!cells) {
       return false;
     }
-    var decorations = createControlsHoverDecoration(cells, 'column', state.tr, isDragAndDropEnabled, hoveredColumns, isInDanger);
+    var decorations = createControlsHoverDecoration(cells, 'column', state.tr, hoveredColumns, isInDanger);
     return {
       type: 'HOVER_COLUMNS',
       data: {
@@ -66,9 +64,7 @@ export var hoverRows = function hoverRows(hoveredRows, isInDanger) {
     if (!cells) {
       return false;
     }
-    var _getPluginState2 = getPluginState(state),
-      isDragAndDropEnabled = _getPluginState2.isDragAndDropEnabled;
-    var decorations = createControlsHoverDecoration(cells, 'row', state.tr, isDragAndDropEnabled, hoveredRows, isInDanger);
+    var decorations = createControlsHoverDecoration(cells, 'row', state.tr, hoveredRows, isInDanger);
     return {
       type: 'HOVER_ROWS',
       data: {
@@ -94,9 +90,7 @@ export var hoverTable = function hoverTable(isInDanger, isSelected) {
     if (!cells) {
       return false;
     }
-    var _getPluginState3 = getPluginState(state),
-      isDragAndDropEnabled = _getPluginState3.isDragAndDropEnabled;
-    var decorations = createControlsHoverDecoration(cells, 'table', state.tr, isDragAndDropEnabled, [], isInDanger, isSelected);
+    var decorations = createControlsHoverDecoration(cells, 'table', state.tr, [], isInDanger, isSelected);
     return {
       type: 'HOVER_TABLE',
       data: {
@@ -125,12 +119,10 @@ export var clearHoverSelection = function clearHoverSelection() {
 };
 export var showResizeHandleLine = function showResizeHandleLine(cellColumnPositioning) {
   return createCommand(function (state) {
-    var _getPluginState4 = getPluginState(state),
-      isDragAndDropEnabled = _getPluginState4.isDragAndDropEnabled;
     return {
       type: 'SHOW_RESIZE_HANDLE_LINE',
       data: {
-        decorationSet: updatePluginStateDecorations(state, createColumnLineResize(state.selection, cellColumnPositioning, isDragAndDropEnabled), TableDecorations.COLUMN_RESIZING_HANDLE_LINE)
+        decorationSet: updatePluginStateDecorations(state, createColumnLineResize(state.selection, cellColumnPositioning), TableDecorations.COLUMN_RESIZING_HANDLE_LINE)
       }
     };
   });
@@ -159,8 +151,8 @@ export var setTableHovered = function setTableHovered(hovered) {
 };
 export var hoverCell = function hoverCell(rowIndex, colIndex) {
   return createCommand(function (state) {
-    var _getPluginState5 = getPluginState(state),
-      prevHoveredCell = _getPluginState5.hoveredCell;
+    var _getPluginState = getPluginState(state),
+      prevHoveredCell = _getPluginState.hoveredCell;
 
     // If no arguments have been passed then the intention it to reset the hover cell data
     var clear = rowIndex === undefined && colIndex === undefined;

package/dist/esm/pm-plugins/commands/misc.js

@@ -14,7 +14,7 @@ import { getDecorations } from '../decorations/plugin';
 import { buildColumnResizingDecorations, clearColumnResizingDecorations } from '../decorations/utils/column-resizing';
 import { createCommand, getPluginState } from '../plugin-factory';
 import { fixAutoSizedTable } from '../transforms/fix-tables';
-import { createColumnControlsDecoration, createColumnSelectedDecoration } from '../utils/decoration';
+import { createColumnSelectedDecoration } from '../utils/decoration';
 import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isIsolating } from '../utils/nodes';
 import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations';
 var DARK_MODE_CELL_COLOR = '#1f1f21';
@@ -34,8 +34,6 @@ export var setTableRef = function setTableRef(ref) {
     var tableNode = ref && foundTable ? foundTable.node : undefined;
     var tablePos = ref && foundTable ? foundTable.pos : undefined;
     var tableWrapperTarget = closestElement(tableRef, ".".concat(ClassName.TABLE_NODE_WRAPPER)) || undefined;
-    var _getPluginState = getPluginState(state),
-      isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
     return {
       type: 'SET_TABLE_REF',
       data: {
@@ -46,8 +44,6 @@ export var setTableRef = function setTableRef(ref) {
         isNumberColumnEnabled: checkIfNumberColumnEnabled(state.selection),
         isHeaderRowEnabled: checkIfHeaderRowEnabled(state.selection),
         isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state.selection),
-        // decoration set is drawn by the decoration plugin, skip this for DnD as all controls are floating
-        decorationSet: !isDragAndDropEnabled ? updatePluginStateDecorations(state, createColumnControlsDecoration(state.selection), TableDecorations.COLUMN_CONTROLS_DECORATIONS) : undefined,
         resizeHandleRowIndex: undefined,
         resizeHandleColumnIndex: undefined
       }
@@ -332,8 +328,8 @@ export var setMultipleCellAttrs = function setMultipleCellAttrs(attrs, editorVie
   return function (state, dispatch) {
     var cursorPos;
     var tr = state.tr;
-    var _getPluginState2 = getPluginState(state),
-      targetCellPosition = _getPluginState2.targetCellPosition;
+    var _getPluginState = getPluginState(state),
+      targetCellPosition = _getPluginState.targetCellPosition;
     if (isSelectionType(tr.selection, 'cell')) {
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -494,9 +490,9 @@ export var hideInsertColumnOrRowButton = function hideInsertColumnOrRowButton()
 export var addResizeHandleDecorations = function addResizeHandleDecorations(rowIndex, columnIndex, includeTooltip, nodeViewPortalProviderAPI, isKeyboardResize) {
   return createCommand(function (state) {
     var tableNode = findTable(state.selection);
-    var _getPluginState3 = getPluginState(state),
-      allowColumnResizing = _getPluginState3.pluginConfig.allowColumnResizing,
-      getIntl = _getPluginState3.getIntl;
+    var _getPluginState2 = getPluginState(state),
+      allowColumnResizing = _getPluginState2.pluginConfig.allowColumnResizing,
+      getIntl = _getPluginState2.getIntl;
     if (!tableNode || !allowColumnResizing) {
       return false;
     }
@@ -520,12 +516,12 @@ export var addResizeHandleDecorations = function addResizeHandleDecorations(rowI
 export var updateResizeHandleDecorations = function updateResizeHandleDecorations(nodeViewPortalProviderAPI, rowIndex, columnIndex, includeTooltip) {
   return createCommand(function (state) {
     var tableNode = findTable(state.selection);
-    var _getPluginState4 = getPluginState(state),
-      resizeHandleRowIndex = _getPluginState4.resizeHandleRowIndex,
-      resizeHandleColumnIndex = _getPluginState4.resizeHandleColumnIndex,
-      resizeHandleIncludeTooltip = _getPluginState4.resizeHandleIncludeTooltip,
-      allowColumnResizing = _getPluginState4.pluginConfig.allowColumnResizing,
-      getIntl = _getPluginState4.getIntl;
+    var _getPluginState3 = getPluginState(state),
+      resizeHandleRowIndex = _getPluginState3.resizeHandleRowIndex,
+      resizeHandleColumnIndex = _getPluginState3.resizeHandleColumnIndex,
+      resizeHandleIncludeTooltip = _getPluginState3.resizeHandleIncludeTooltip,
+      allowColumnResizing = _getPluginState3.pluginConfig.allowColumnResizing,
+      getIntl = _getPluginState3.getIntl;
     if (!tableNode || !allowColumnResizing) {
       return false;
     }
@@ -599,8 +595,8 @@ export var addBoldInEmptyHeaderCells = function addBoldInEmptyHeaderCells(tableC
 };
 export var updateWidthToWidest = function updateWidthToWidest(widthToWidest) {
   return createCommand(function (state) {
-    var _getPluginState5 = getPluginState(state),
-      prevWidthToWidest = _getPluginState5.widthToWidest;
+    var _getPluginState4 = getPluginState(state),
+      prevWidthToWidest = _getPluginState4.widthToWidest;
     if (isEqual(widthToWidest, prevWidthToWidest)) {
       return false;
     }

package/dist/esm/pm-plugins/decorations/plugin.js

@@ -16,8 +16,6 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
   var isResizing = (_tableWidthPluginKey$ = tableWidthPluginKey.getState(newState)) === null || _tableWidthPluginKey$ === void 0 ? void 0 : _tableWidthPluginKey$.resizing;
   var wasResizing = (_tableWidthPluginKey$2 = tableWidthPluginKey.getState(oldState)) === null || _tableWidthPluginKey$2 === void 0 ? void 0 : _tableWidthPluginKey$2.resizing;
   var _ref = tablePluginKey.getState(newState) || {},
-    _ref$isDragAndDropEna = _ref.isDragAndDropEnabled,
-    isDragAndDropEnabled = _ref$isDragAndDropEna === void 0 ? false : _ref$isDragAndDropEna,
     isInDanger = _ref.isInDanger,
     isTableHovered = _ref.isTableHovered;
   var changedResizing = isResizing !== wasResizing;
@@ -28,10 +26,7 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
   } else if (tr.docChanged || tr.selection instanceof CellSelection || changedResizing) {
     return buildColumnControlsDecorations({
       decorationSet: decorationSet,
-      tr: tr,
-      options: {
-        isDragAndDropEnabled: isDragAndDropEnabled
-      }
+      tr: tr
     });
   } else if (tr.selectionSet) {
     var _findTable, _findTable2;
@@ -46,10 +41,7 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
     if ((isInDanger || isTableHovered) && (!insideTable(newState) || ((_findTable = findTable(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = findTable(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
       return buildColumnControlsDecorations({
         decorationSet: decorationSet,
-        tr: tr,
-        options: {
-          isDragAndDropEnabled: isDragAndDropEnabled
-        }
+        tr: tr
       });
     }
   }

package/dist/esm/pm-plugins/decorations/utils/column-controls.js

@@ -1,9 +1,8 @@
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { findTable } from '@atlaskit/editor-tables/utils';
 import { TableDecorations } from '../../../types';
-import { createColumnControlsDecoration, createColumnSelectedDecoration, findColumnControlSelectedDecoration, findControlsHoverDecoration, updateDecorations } from '../../utils/decoration';
+import { createColumnSelectedDecoration, findColumnControlSelectedDecoration, findControlsHoverDecoration, updateDecorations } from '../../utils/decoration';
 import { composeDecorations } from './compose-decorations';
 var isColumnSelected = function isColumnSelected(tr) {
   return tr.selection instanceof CellSelection && tr.selection.isColSelection();
@@ -22,27 +21,18 @@ var maybeUpdateColumnSelectedDecoration = function maybeUpdateColumnSelectedDeco
   }
   return updateDecorations(tr.doc, decorationSet, createColumnSelectedDecoration(tr), TableDecorations.COLUMN_SELECTED);
 };
-var maybeUpdateColumnControlsDecoration = function maybeUpdateColumnControlsDecoration(_ref3) {
-  var decorationSet = _ref3.decorationSet,
-    tr = _ref3.tr;
-  var table = findTable(tr.selection);
-  if (!table) {
-    return decorationSet;
-  }
-  return updateDecorations(tr.doc, decorationSet, createColumnControlsDecoration(tr.selection), TableDecorations.COLUMN_CONTROLS_DECORATIONS);
-};
 
 // @see: https://product-fabric.atlassian.net/browse/ED-7304
-var removeColumnControlsSelectedDecoration = function removeColumnControlsSelectedDecoration(_ref4) {
-  var decorationSet = _ref4.decorationSet;
+var removeColumnControlsSelectedDecoration = function removeColumnControlsSelectedDecoration(_ref3) {
+  var decorationSet = _ref3.decorationSet;
   return decorationSet.remove(findColumnControlSelectedDecoration(decorationSet));
 };
 var hasColumnSelectedDecorations = function hasColumnSelectedDecorations(decorationSet) {
   return !!findColumnControlSelectedDecoration(decorationSet).length;
 };
-export var maybeUpdateColumnControlsSelectedDecoration = function maybeUpdateColumnControlsSelectedDecoration(_ref5) {
-  var decorationSet = _ref5.decorationSet,
-    tr = _ref5.tr;
+export var maybeUpdateColumnControlsSelectedDecoration = function maybeUpdateColumnControlsSelectedDecoration(_ref4) {
+  var decorationSet = _ref4.decorationSet,
+    tr = _ref4.tr;
   if (!hasColumnSelectedDecorations(decorationSet)) {
     return decorationSet;
   }
@@ -51,17 +41,10 @@ export var maybeUpdateColumnControlsSelectedDecoration = function maybeUpdateCol
     tr: tr
   });
 };
-export var buildColumnControlsDecorations = function buildColumnControlsDecorations(_ref6) {
-  var decorationSet = _ref6.decorationSet,
-    tr = _ref6.tr,
-    options = _ref6.options;
-  if (options.isDragAndDropEnabled) {
-    return composeDecorations([removeColumnControlsSelectedDecoration, removeControlsHoverDecoration, maybeUpdateColumnSelectedDecoration])({
-      decorationSet: decorationSet,
-      tr: tr
-    });
-  }
-  return composeDecorations([removeColumnControlsSelectedDecoration, removeControlsHoverDecoration, maybeUpdateColumnSelectedDecoration, maybeUpdateColumnControlsDecoration])({
+export var buildColumnControlsDecorations = function buildColumnControlsDecorations(_ref5) {
+  var decorationSet = _ref5.decorationSet,
+    tr = _ref5.tr;
+  return composeDecorations([removeColumnControlsSelectedDecoration, removeControlsHoverDecoration, maybeUpdateColumnSelectedDecoration])({
     decorationSet: decorationSet,
     tr: tr
   });

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

@@ -33,7 +33,7 @@ export var createCellHoverDecoration = function createCellHoverDecoration(cells)
     });
   });
 };
-export var createControlsHoverDecoration = function createControlsHoverDecoration(cells, type, tr, isDragAndDropEnable, hoveredIndexes, danger, selected) {
+export var createControlsHoverDecoration = function createControlsHoverDecoration(cells, type, tr, hoveredIndexes, danger, selected) {
   var table = findTable(tr.selection);
   if (!table) {
     return [];
@@ -85,13 +85,9 @@ export var createControlsHoverDecoration = function createControlsHoverDecoratio
     if (selected) {
       classes.push(ClassName.SELECTED_CELL);
     }
-    if (isDragAndDropEnable) {
-      if (type === 'column' || type === 'row') {
-        classes.pop();
-        classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
-      }
-    } else {
-      classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
+    if (type === 'column' || type === 'row') {
+      classes.pop();
+      classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
     }
     var key;
     switch (type) {
@@ -392,7 +388,7 @@ export var createResizeHandleDecoration = function createResizeHandleDecoration(
  * this function will return two decorations applying a new class `ClassName.WITH_RESIZE_LINE`
  * only on the cells: `C1` and `D1`.
  */
-export var createColumnLineResize = function createColumnLineResize(selection, cellColumnPositioning, isDragAndDropEnabled) {
+export var createColumnLineResize = function createColumnLineResize(selection, cellColumnPositioning) {
   var table = findTable(selection);
   if (!table || cellColumnPositioning.right === null) {
     return [];
@@ -403,7 +399,7 @@ export var createColumnLineResize = function createColumnLineResize(selection, c
   if (isLastColumn) {
     columnIndex -= 1;
   }
-  var decorationClassName = isDragAndDropEnabled ? isLastColumn ? ClassName.WITH_DRAG_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_DRAG_RESIZE_LINE : isLastColumn ? ClassName.WITH_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_RESIZE_LINE;
+  var decorationClassName = isLastColumn ? ClassName.WITH_DRAG_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_DRAG_RESIZE_LINE;
   var cellPositions = makeArray(map.height).map(function (rowIndex) {
     return map.map[map.width * rowIndex + columnIndex];
   }).filter(function (cellPosition, rowIndex) {

package/dist/esm/pm-plugins/utils/sticky-header.js

@@ -6,11 +6,11 @@ export var isAnchorSupported = memorizeOne(function () {
   }
   return false;
 });
-export var isNativeStickySupported = function isNativeStickySupported(isDragAndDropEnabled) {
+export var isNativeStickySupported = function isNativeStickySupported() {
   var safariVersion = getBrowserInfo().safari_version;
   var isBrowserSafari = !Number.isNaN(safariVersion);
   return (
     // Safari has a bug with position: sticky and content editable, so we don't support it
-    !isBrowserSafari && isAnchorSupported() && isDragAndDropEnabled
+    !isBrowserSafari && isAnchorSupported()
   );
 };

package/dist/esm/tablePlugin.js

@@ -350,8 +350,7 @@ var tablePlugin = function tablePlugin(_ref) {
                 },
                 eventType: EVENT_TYPE.TRACK
               })(tr);
-            },
-            dragAndDropEnabled: true
+            }
           });
         }
       }, {

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

@@ -41,7 +41,6 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     tableWrapper = props.tableWrapper,
     targetCellPosition = props.targetCellPosition,
     isCellMenuOpenByKeyboard = props.isCellMenuOpenByKeyboard,
-    isDragAndDropEnabled = props.isDragAndDropEnabled,
     formatMessage = props.intl.formatMessage; //  : Props & WrappedComponentProps
 
   var handleClick = function handleClick() {
@@ -94,7 +93,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
   }));
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
   var parentStickyNative = targetCellRef.parentElement && (fg('platform_editor_table_sticky_header_patch_4') ? tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW) : targetCellRef.parentElement.classList.contains(ClassName.NATIVE_STICKY));
-  if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported(isDragAndDropEnabled !== null && isDragAndDropEnabled !== void 0 ? isDragAndDropEnabled : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+  if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _targetCellRef$parent;
     /* We need to default to checking the anchor style because there may be a conflict with the block controls
      plugin not using the data attribute value and setting the `anchor-name` style property independently of the data attribute.

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

@@ -8,7 +8,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD, contextualMenuTriggerSize, tablePopupMenuFitHeight } from '../consts';
 
@@ -30,24 +29,17 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCommentEditor = _ref.isCommentEditor,
     api = _ref.api,
     isDragMenuOpen = _ref.isDragMenuOpen;
-  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+  if (!editorView) {
     return null;
   }
 
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var _getPluginState = getPluginState(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition,
     isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var selection = editorView.state.selection;
   var selectionRect = isSelectionType(selection, 'cell') ?
   // Ignored via go/ees005
@@ -56,8 +48,6 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   if (!selectionRect) {
     return null;
   }
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var domAtPos = editorView.domAtPos.bind(editorView);
   var targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -87,10 +77,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     stick: true
   }, jsx("div", {
     css: tablePopupStyles(isDragAndDropEnabled)
-  }, jsx(ContextualMenu
-  // Remove ! during platform_editor_hydratable_ui cleanup
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  , {
+  }, jsx(ContextualMenu, {
     editorView: editorView
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

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

@@ -75,7 +75,7 @@ var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
     containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.removeProperty('top');
   }
   var anchorStyles = {};
-  if (isNativeStickySupported(isDragAndDropEnabled !== null && isDragAndDropEnabled !== void 0 ? isDragAndDropEnabled : false) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+  if (isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _tableRef$querySelect, _tableRef$querySelect2;
     var rowAnchorName = (_tableRef$querySelect = tableRef.querySelector('tr')) === null || _tableRef$querySelect === void 0 ? void 0 : _tableRef$querySelect.style.getPropertyValue('anchor-name');
     // cast here is due to CSSProperties missing valid positionAnchor property

package/dist/types/pm-plugins/decorations/utils/column-controls.d.ts

@@ -1,4 +1,4 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
+import type { DecorationTransformer, DecorationTransformerParams } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
-export declare const buildColumnControlsDecorations: ({ decorationSet, tr, options, }: BuildDecorationTransformerParams) => DecorationSet;
+export declare const buildColumnControlsDecorations: ({ decorationSet, tr, }: DecorationTransformerParams) => DecorationSet;

package/dist/types/pm-plugins/decorations/utils/types.d.ts

@@ -1,13 +1,7 @@
 import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export type DecorationTransformer = (params: DecorationTransformerParams) => DecorationSet;
-type DecorationTransformerParams = {
+export type DecorationTransformerParams = {
     decorationSet: DecorationSet;
     tr: Transaction | ReadonlyTransaction;
 };
-export type BuildDecorationTransformerParams = DecorationTransformerParams & {
-    options: {
-        isDragAndDropEnabled: boolean;
-    };
-};
-export {};

package/dist/types/pm-plugins/utils/decoration.d.ts

@@ -9,11 +9,11 @@ import { TableDecorations } from '../../types';
 export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
 export declare const createCellHoverDecoration: (cells: Cell[]) => Decoration[];
-export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, isDragAndDropEnable: boolean | undefined, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
+export declare const createControlsHoverDecoration: (cells: Cell[], type: "row" | "column" | "table", tr: Transaction | ReadonlyTransaction, hoveredIndexes: number[], danger?: boolean, selected?: boolean) => Decoration[];
 export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
 export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];
 export declare const updateDecorations: (node: PmNode, decorationSet: DecorationSet, decorations: Decoration[], key: TableDecorations) => DecorationSet;
 export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTransaction, rowIndexTarget: number, columnEndIndexTarget: Omit<CellColumnPositioning, "left">, includeTooltip: boolean | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI) => [Decoration[], Decoration[]];
-export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">, isDragAndDropEnabled?: boolean) => Decoration[];
+export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, "left">) => Decoration[];
 export declare const createColumnInsertLine: (columnIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];
 export declare const createRowInsertLine: (rowIndex: number, selection: Selection, hasMergedCells: boolean) => Decoration[];

package/dist/types/pm-plugins/utils/sticky-header.d.ts

@@ -1,2 +1,2 @@
 export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
-export declare const isNativeStickySupported: (isDragAndDropEnabled: boolean) => boolean;
+export declare const isNativeStickySupported: () => boolean;

package/dist/types-ts4.5/pm-plugins/decorations/utils/column-controls.d.ts

@@ -1,4 +1,4 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { BuildDecorationTransformerParams, DecorationTransformer } from './types';
+import type { DecorationTransformer, DecorationTransformerParams } from './types';
 export declare const maybeUpdateColumnControlsSelectedDecoration: DecorationTransformer;
-export declare const buildColumnControlsDecorations: ({ decorationSet, tr, options, }: BuildDecorationTransformerParams) => DecorationSet;
+export declare const buildColumnControlsDecorations: ({ decorationSet, tr, }: DecorationTransformerParams) => DecorationSet;