@atlaskit/editor-plugin-table 15.4.19 → 15.4.21

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 15.4.21
+
+### Patch Changes
+
+- [`5935652291a5f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5935652291a5f) -
+  Remove platform_editor_table_drag_handle_hover experiment and enable hover behavior permanently
+- Updated dependencies
+
+## 15.4.20
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.4.19
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentLegacy.js

@@ -572,10 +572,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this.handleWindowResizeDebounced.cancel();
       }
       this.handleWindowResizeNewDebounced.cancel();
-      if ((0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger) {
-          (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
-        }
+      if (isInDanger) {
+        (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
       }
       if (!allowTableResizing && allowColumnResizing) {
         // Ignored via go/ees005
@@ -766,7 +764,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         _this$wrapper,
         _this5 = this;
       var _this$props1 = this.props,
-        view = _this$props1.view,
         getNode = _this$props1.getNode,
         isMediaFullscreen = _this$props1.isMediaFullscreen,
         allowColumnResizing = _this$props1.allowColumnResizing,
@@ -775,9 +772,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         options = _this$props1.options,
         isTableScalingEnabled = _this$props1.isTableScalingEnabled,
         getPos = _this$props1.getPos,
-        getEditorFeatureFlags = _this$props1.getEditorFeatureFlags,
-        isInDanger = _this$props1.isInDanger;
-      var table = (0, _utils2.findTable)(view.state.selection);
+        getEditorFeatureFlags = _this$props1.getEditorFeatureFlags;
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
@@ -801,21 +796,13 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (shouldHandleColgroupUpdates) {
         this.handleColgroupUpdates();
       }
-
-      // table is always defined so this never runs
-      if (!(0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger && !table) {
-          (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
-        }
-      }
       if ((_this$props$options1 = this.props.options) !== null && _this$props$options1 !== void 0 && _this$props$options1.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
       if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {
         // isDragAndDropEnabled will be false when the editorViewMode is 'live' and so the fix below is never triggered
         // but the shadow observer must run async so its initial state is correct.
-        // note: when cleaning up platform_editor_table_drag_handle_hover entirely remove this nested if check incl. this.props.isDragAndDropEnabled
-        if (this.props.isDragAndDropEnabled || (0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
+        if (this.props.isDragAndDropEnabled) {
           // requestAnimationFrame is used here to fix a race condition issue
           // that happens when a table is nested in expand and expand's width is
           // changed via breakout button
@@ -853,15 +840,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // If col widths (e.g. via collab) or number of columns (e.g. delete a column) have changed,
         // re-draw colgroup.
         if ((0, _nodes.tablesHaveDifferentColumnWidths)(currentTable, previousTable) || isNoOfColumnsChanged) {
-          var _view = this.props.view;
+          var view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
             var start = getPos() || 0;
-            var depth = _view.state.doc.resolve(start).depth;
+            var depth = view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
             (0, _colgroup.insertColgroupFromNode)(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
           }
-          (0, _dom.updateControls)()(_view.state);
+          (0, _dom.updateControls)()(view.state);
         }
         this.handleTableResizingDebounced();
       }
@@ -1003,7 +990,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var tablePos;
       try {
         tablePos = getPos ? getPos() : undefined;
-      } catch (e) {
+      } catch (_unused) {
         tablePos = undefined;
       }
       var isNested = (0, _nodes.isTableNested)(view.state, tablePos);

package/dist/cjs/nodeviews/TableComponentNext.js

@@ -509,10 +509,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this.handleWindowResizeDebounced.cancel();
       }
       this.handleWindowResizeNewDebounced.cancel();
-      if ((0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger) {
-          (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
-        }
+      if (isInDanger) {
+        (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
       }
       if (!allowTableResizing && allowColumnResizing) {
         // Ignored via go/ees005
@@ -697,7 +695,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(_, prevState) {
       var _this$props$options0, _this$props$options1;
       var _this$props0 = this.props,
-        view = _this$props0.view,
         getNode = _this$props0.getNode,
         isMediaFullscreen = _this$props0.isMediaFullscreen,
         allowColumnResizing = _this$props0.allowColumnResizing,
@@ -706,9 +703,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         options = _this$props0.options,
         isTableScalingEnabled = _this$props0.isTableScalingEnabled,
         getPos = _this$props0.getPos,
-        getEditorFeatureFlags = _this$props0.getEditorFeatureFlags,
-        isInDanger = _this$props0.isInDanger;
-      var table = (0, _utils2.findTable)(view.state.selection);
+        getEditorFeatureFlags = _this$props0.getEditorFeatureFlags;
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
@@ -732,13 +727,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (shouldHandleColgroupUpdates) {
         this.handleColgroupUpdates();
       }
-
-      // table is always defined so this never runs
-      if (!(0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger && !table) {
-          (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
-        }
-      }
       if ((_this$props$options1 = this.props.options) !== null && _this$props$options1 !== void 0 && _this$props$options1.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
@@ -762,15 +750,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // If col widths (e.g. via collab) or number of columns (e.g. delete a column) have changed,
         // re-draw colgroup.
         if ((0, _nodes.tablesHaveDifferentColumnWidths)(currentTable, previousTable) || isNoOfColumnsChanged) {
-          var _view = this.props.view;
+          var view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
             var start = getPos() || 0;
-            var depth = _view.state.doc.resolve(start).depth;
+            var depth = view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
             (0, _colgroup.insertColgroupFromNode)(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
           }
-          (0, _dom.updateControls)()(_view.state);
+          (0, _dom.updateControls)()(view.state);
         }
         this.handleTableResizingDebounced();
       }

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

@@ -13,7 +13,6 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntlNext = require("react-intl-next");
 var _browser = require("@atlaskit/editor-common/browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorTables = require("@atlaskit/editor-tables");
@@ -21,7 +20,6 @@ var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../../pm-plugins/drag-and-drop/plugin-factory");
-var _pluginFactory2 = require("../../pm-plugins/plugin-factory");
 var _mergedCells = require("../../pm-plugins/utils/merged-cells");
 var _types = require("../../types");
 var _consts = require("../consts");
@@ -48,9 +46,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     hoveredCell = _ref.hoveredCell,
     onClick = _ref.onClick,
     editorView = _ref.editorView,
-    formatMessage = _ref.intl.formatMessage,
-    hoveredColumns = _ref.hoveredColumns,
-    hoveredRows = _ref.hoveredRows;
+    formatMessage = _ref.intl.formatMessage;
   var dragHandleDivRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -58,13 +54,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     setPreviewContainer = _useState2[1];
   var state = editorView.state,
     selection = editorView.state.selection;
-  if (hoveredColumns === undefined || hoveredRows === undefined) {
-    var _getPluginState = (0, _pluginFactory2.getPluginState)(state),
-      hoveredColumnsState = _getPluginState.hoveredColumns,
-      hoveredRowsState = _getPluginState.hoveredRows;
-    hoveredColumns = hoveredColumnsState;
-    hoveredRows = hoveredRowsState;
-  }
   var _getDnDPluginState = (0, _pluginFactory.getPluginState)(state),
     _getDnDPluginState$is = _getDnDPluginState.isDragMenuOpen,
     isDragMenuOpen = _getDnDPluginState$is === void 0 ? false : _getDnDPluginState$is;
@@ -74,11 +63,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     setIsHovered = _useState4[1];
   var isRow = direction === 'row';
   var isColumn = direction === 'column';
-
-  // Added !isDragMenuOpen check so when hover 'Delete column/row' from drag menu
-  // the handle of the next column/row does not show the 'hovered' state icon
-  var isRowHandleHovered = isRow && hoveredRows.length > 0 && !isDragMenuOpen;
-  var isColumnHandleHovered = isColumn && hoveredColumns.length > 0 && !isDragMenuOpen;
   var hasMergedCells = (0, _react.useMemo)(function () {
     var table = (0, _editorTables.findTable)(selection);
     if (!table) {
@@ -113,7 +97,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   }, [indexes, selection, direction, hoveredCell]);
   var handleIconProps = {
     forceDefaultHandle: forceDefaultHandle,
-    isHandleHovered: (0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true) ? isHovered : isColumnHandleHovered || isRowHandleHovered,
+    isHandleHovered: isHovered,
     hasMergedCells: hasMergedCells
   };
   (0, _react.useEffect)(function () {
@@ -223,17 +207,13 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     ,
     onMouseOver: function onMouseOver(e) {
-      if ((0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        setIsHovered(true);
-      }
+      setIsHovered(true);
       _onMouseOver && _onMouseOver(e);
     }
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     ,
     onMouseOut: function onMouseOut(e) {
-      if ((0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        setIsHovered(false);
-      }
+      setIsHovered(false);
       _onMouseOut && _onMouseOut(e);
     },
     onMouseUp: function onMouseUp(e) {
@@ -270,50 +250,4 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     height: previewHeight
   }), previewContainer));
 };
-var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedState(_ref5) {
-  var isDragMenuTarget = _ref5.isDragMenuTarget,
-    tableLocalId = _ref5.tableLocalId,
-    direction = _ref5.direction,
-    appearance = _ref5.appearance,
-    indexes = _ref5.indexes,
-    forceDefaultHandle = _ref5.forceDefaultHandle,
-    previewHeight = _ref5.previewHeight,
-    previewWidth = _ref5.previewWidth,
-    onMouseOver = _ref5.onMouseOver,
-    onMouseOut = _ref5.onMouseOut,
-    toggleDragMenu = _ref5.toggleDragMenu,
-    hoveredCell = _ref5.hoveredCell,
-    onClick = _ref5.onClick,
-    editorView = _ref5.editorView,
-    intl = _ref5.intl,
-    api = _ref5.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table'], function (states) {
-      var _states$tableState, _states$tableState2;
-      return {
-        hoveredColumns: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.hoveredColumns,
-        hoveredRows: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.hoveredRows
-      };
-    }),
-    hoveredColumns = _useSharedPluginState.hoveredColumns,
-    hoveredRows = _useSharedPluginState.hoveredRows;
-  return /*#__PURE__*/_react.default.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: hoveredColumns,
-    hoveredRows: hoveredRows
-  });
-};
-var DragHandle = exports.DragHandle = (0, _reactIntlNext.injectIntl)(DragHandleComponentWithSharedState);
+var DragHandle = exports.DragHandle = (0, _reactIntlNext.injectIntl)(DragHandleComponent);

package/dist/es2019/nodeviews/TableComponentLegacy.js

@@ -13,7 +13,7 @@ import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-com
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -546,10 +546,8 @@ class TableComponent extends React.Component {
       this.handleWindowResizeDebounced.cancel();
     }
     this.handleWindowResizeNewDebounced.cancel();
-    if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-      if (isInDanger) {
-        clearHoverSelection()(view.state, view.dispatch);
-      }
+    if (isInDanger) {
+      clearHoverSelection()(view.state, view.dispatch);
     }
     if (!allowTableResizing && allowColumnResizing) {
       // Ignored via go/ees005
@@ -732,7 +730,6 @@ class TableComponent extends React.Component {
   componentDidUpdate(_, prevState) {
     var _this$props$options10, _this$props$options11, _this$wrapper2;
     const {
-      view,
       getNode,
       isMediaFullscreen,
       allowColumnResizing,
@@ -742,10 +739,8 @@ class TableComponent extends React.Component {
       isTableScalingEnabled,
       // we could use options.isTableScalingEnabled here
       getPos,
-      getEditorFeatureFlags,
-      isInDanger
+      getEditorFeatureFlags
     } = this.props;
-    const table = findTable(view.state.selection);
     let shouldScale = false;
     let shouldHandleColgroupUpdates = false;
     const {
@@ -769,21 +764,13 @@ class TableComponent extends React.Component {
     if (shouldHandleColgroupUpdates) {
       this.handleColgroupUpdates();
     }
-
-    // table is always defined so this never runs
-    if (!expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-      if (isInDanger && !table) {
-        clearHoverSelection()(view.state, view.dispatch);
-      }
-    }
     if ((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
       this.removeInlineTableWidth();
     }
     if ((_this$wrapper2 = this.wrapper) !== null && _this$wrapper2 !== void 0 && _this$wrapper2.parentElement && this.table && !this.overflowShadowsObserver) {
       // isDragAndDropEnabled will be false when the editorViewMode is 'live' and so the fix below is never triggered
       // but the shadow observer must run async so its initial state is correct.
-      // note: when cleaning up platform_editor_table_drag_handle_hover entirely remove this nested if check incl. this.props.isDragAndDropEnabled
-      if (this.props.isDragAndDropEnabled || expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
+      if (this.props.isDragAndDropEnabled) {
         // requestAnimationFrame is used here to fix a race condition issue
         // that happens when a table is nested in expand and expand's width is
         // changed via breakout button
@@ -971,7 +958,7 @@ class TableComponent extends React.Component {
     let tablePos;
     try {
       tablePos = getPos ? getPos() : undefined;
-    } catch (e) {
+    } catch {
       tablePos = undefined;
     }
     const isNested = isTableNested(view.state, tablePos);

package/dist/es2019/nodeviews/TableComponentNext.js

@@ -10,7 +10,7 @@ import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -473,10 +473,8 @@ class TableComponent extends React.Component {
       this.handleWindowResizeDebounced.cancel();
     }
     this.handleWindowResizeNewDebounced.cancel();
-    if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-      if (isInDanger) {
-        clearHoverSelection()(view.state, view.dispatch);
-      }
+    if (isInDanger) {
+      clearHoverSelection()(view.state, view.dispatch);
     }
     if (!allowTableResizing && allowColumnResizing) {
       // Ignored via go/ees005
@@ -656,7 +654,6 @@ class TableComponent extends React.Component {
   componentDidUpdate(_, prevState) {
     var _this$props$options10, _this$props$options11;
     const {
-      view,
       getNode,
       isMediaFullscreen,
       allowColumnResizing,
@@ -666,10 +663,8 @@ class TableComponent extends React.Component {
       isTableScalingEnabled,
       // we could use options.isTableScalingEnabled here
       getPos,
-      getEditorFeatureFlags,
-      isInDanger
+      getEditorFeatureFlags
     } = this.props;
-    const table = findTable(view.state.selection);
     let shouldScale = false;
     let shouldHandleColgroupUpdates = false;
     const {
@@ -693,13 +688,6 @@ class TableComponent extends React.Component {
     if (shouldHandleColgroupUpdates) {
       this.handleColgroupUpdates();
     }
-
-    // table is always defined so this never runs
-    if (!expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-      if (isInDanger && !table) {
-        clearHoverSelection()(view.state, view.dispatch);
-      }
-    }
     if ((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
       this.removeInlineTableWidth();
     }

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

@@ -5,7 +5,6 @@ import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { useSharedPluginStateWithSelector } 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';
@@ -13,7 +12,6 @@ import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
-import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugins/utils/merged-cells';
 import { TableCssClassName as ClassName } from '../../types';
 import { dragTableInsertColumnButtonSize } from '../consts';
@@ -36,9 +34,7 @@ const DragHandleComponent = ({
   editorView,
   intl: {
     formatMessage
-  },
-  hoveredColumns,
-  hoveredRows
+  }
 }) => {
   const dragHandleDivRef = useRef(null);
   const [previewContainer, setPreviewContainer] = useState(null);
@@ -48,25 +44,12 @@ const DragHandleComponent = ({
       selection
     }
   } = editorView;
-  if (hoveredColumns === undefined || hoveredRows === undefined) {
-    const {
-      hoveredColumns: hoveredColumnsState,
-      hoveredRows: hoveredRowsState
-    } = getPluginState(state);
-    hoveredColumns = hoveredColumnsState;
-    hoveredRows = hoveredRowsState;
-  }
   const {
     isDragMenuOpen = false
   } = getDnDPluginState(state);
   const [isHovered, setIsHovered] = useState(false);
   const isRow = direction === 'row';
   const isColumn = direction === 'column';
-
-  // Added !isDragMenuOpen check so when hover 'Delete column/row' from drag menu
-  // the handle of the next column/row does not show the 'hovered' state icon
-  const isRowHandleHovered = isRow && hoveredRows.length > 0 && !isDragMenuOpen;
-  const isColumnHandleHovered = isColumn && hoveredColumns.length > 0 && !isDragMenuOpen;
   const hasMergedCells = useMemo(() => {
     const table = findTable(selection);
     if (!table) {
@@ -101,7 +84,7 @@ const DragHandleComponent = ({
   }, [indexes, selection, direction, hoveredCell]);
   const handleIconProps = {
     forceDefaultHandle,
-    isHandleHovered: expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true) ? isHovered : isColumnHandleHovered || isRowHandleHovered,
+    isHandleHovered: isHovered,
     hasMergedCells
   };
   useEffect(() => {
@@ -216,17 +199,13 @@ const DragHandleComponent = ({
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     ,
     onMouseOver: e => {
-      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        setIsHovered(true);
-      }
+      setIsHovered(true);
       onMouseOver && onMouseOver(e);
     }
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     ,
     onMouseOut: e => {
-      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        setIsHovered(false);
-      }
+      setIsHovered(false);
       onMouseOut && onMouseOut(e);
     },
     onMouseUp: e => {
@@ -263,52 +242,4 @@ const DragHandleComponent = ({
     height: previewHeight
   }), previewContainer));
 };
-const DragHandleComponentWithSharedState = ({
-  isDragMenuTarget,
-  tableLocalId,
-  direction,
-  appearance,
-  indexes,
-  forceDefaultHandle,
-  previewHeight,
-  previewWidth,
-  onMouseOver,
-  onMouseOut,
-  toggleDragMenu,
-  hoveredCell,
-  onClick,
-  editorView,
-  intl,
-  api
-}) => {
-  const {
-    hoveredColumns,
-    hoveredRows
-  } = useSharedPluginStateWithSelector(api, ['table'], states => {
-    var _states$tableState, _states$tableState2;
-    return {
-      hoveredColumns: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.hoveredColumns,
-      hoveredRows: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.hoveredRows
-    };
-  });
-  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: hoveredColumns,
-    hoveredRows: hoveredRows
-  });
-};
-export const DragHandle = injectIntl(DragHandleComponentWithSharedState);
+export const DragHandle = injectIntl(DragHandleComponent);

package/dist/esm/nodeviews/TableComponentLegacy.js

@@ -26,7 +26,7 @@ import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-com
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -566,10 +566,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this.handleWindowResizeDebounced.cancel();
       }
       this.handleWindowResizeNewDebounced.cancel();
-      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger) {
-          clearHoverSelection()(view.state, view.dispatch);
-        }
+      if (isInDanger) {
+        clearHoverSelection()(view.state, view.dispatch);
       }
       if (!allowTableResizing && allowColumnResizing) {
         // Ignored via go/ees005
@@ -760,7 +758,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         _this$wrapper,
         _this5 = this;
       var _this$props1 = this.props,
-        view = _this$props1.view,
         getNode = _this$props1.getNode,
         isMediaFullscreen = _this$props1.isMediaFullscreen,
         allowColumnResizing = _this$props1.allowColumnResizing,
@@ -769,9 +766,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         options = _this$props1.options,
         isTableScalingEnabled = _this$props1.isTableScalingEnabled,
         getPos = _this$props1.getPos,
-        getEditorFeatureFlags = _this$props1.getEditorFeatureFlags,
-        isInDanger = _this$props1.isInDanger;
-      var table = findTable(view.state.selection);
+        getEditorFeatureFlags = _this$props1.getEditorFeatureFlags;
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
@@ -795,21 +790,13 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (shouldHandleColgroupUpdates) {
         this.handleColgroupUpdates();
       }
-
-      // table is always defined so this never runs
-      if (!expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger && !table) {
-          clearHoverSelection()(view.state, view.dispatch);
-        }
-      }
       if ((_this$props$options1 = this.props.options) !== null && _this$props$options1 !== void 0 && _this$props$options1.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
       if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {
         // isDragAndDropEnabled will be false when the editorViewMode is 'live' and so the fix below is never triggered
         // but the shadow observer must run async so its initial state is correct.
-        // note: when cleaning up platform_editor_table_drag_handle_hover entirely remove this nested if check incl. this.props.isDragAndDropEnabled
-        if (this.props.isDragAndDropEnabled || expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
+        if (this.props.isDragAndDropEnabled) {
           // requestAnimationFrame is used here to fix a race condition issue
           // that happens when a table is nested in expand and expand's width is
           // changed via breakout button
@@ -847,15 +834,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // If col widths (e.g. via collab) or number of columns (e.g. delete a column) have changed,
         // re-draw colgroup.
         if (tablesHaveDifferentColumnWidths(currentTable, previousTable) || isNoOfColumnsChanged) {
-          var _view = this.props.view;
+          var view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
             var start = getPos() || 0;
-            var depth = _view.state.doc.resolve(start).depth;
+            var depth = view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
             insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
           }
-          updateControls()(_view.state);
+          updateControls()(view.state);
         }
         this.handleTableResizingDebounced();
       }
@@ -997,7 +984,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var tablePos;
       try {
         tablePos = getPos ? getPos() : undefined;
-      } catch (e) {
+      } catch (_unused) {
         tablePos = undefined;
       }
       var isNested = isTableNested(view.state, tablePos);

package/dist/esm/nodeviews/TableComponentNext.js

@@ -23,7 +23,7 @@ import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -503,10 +503,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         this.handleWindowResizeDebounced.cancel();
       }
       this.handleWindowResizeNewDebounced.cancel();
-      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger) {
-          clearHoverSelection()(view.state, view.dispatch);
-        }
+      if (isInDanger) {
+        clearHoverSelection()(view.state, view.dispatch);
       }
       if (!allowTableResizing && allowColumnResizing) {
         // Ignored via go/ees005
@@ -691,7 +689,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(_, prevState) {
       var _this$props$options0, _this$props$options1;
       var _this$props0 = this.props,
-        view = _this$props0.view,
         getNode = _this$props0.getNode,
         isMediaFullscreen = _this$props0.isMediaFullscreen,
         allowColumnResizing = _this$props0.allowColumnResizing,
@@ -700,9 +697,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         options = _this$props0.options,
         isTableScalingEnabled = _this$props0.isTableScalingEnabled,
         getPos = _this$props0.getPos,
-        getEditorFeatureFlags = _this$props0.getEditorFeatureFlags,
-        isInDanger = _this$props0.isInDanger;
-      var table = findTable(view.state.selection);
+        getEditorFeatureFlags = _this$props0.getEditorFeatureFlags;
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
@@ -726,13 +721,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (shouldHandleColgroupUpdates) {
         this.handleColgroupUpdates();
       }
-
-      // table is always defined so this never runs
-      if (!expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        if (isInDanger && !table) {
-          clearHoverSelection()(view.state, view.dispatch);
-        }
-      }
       if ((_this$props$options1 = this.props.options) !== null && _this$props$options1 !== void 0 && _this$props$options1.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
@@ -756,15 +744,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // If col widths (e.g. via collab) or number of columns (e.g. delete a column) have changed,
         // re-draw colgroup.
         if (tablesHaveDifferentColumnWidths(currentTable, previousTable) || isNoOfColumnsChanged) {
-          var _view = this.props.view;
+          var view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
             var start = getPos() || 0;
-            var depth = _view.state.doc.resolve(start).depth;
+            var depth = view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
             insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
           }
-          updateControls()(_view.state);
+          updateControls()(view.state);
         }
         this.handleTableResizingDebounced();
       }

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

@@ -7,7 +7,6 @@ import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { useSharedPluginStateWithSelector } 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';
@@ -15,7 +14,6 @@ import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
-import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugins/utils/merged-cells';
 import { TableCssClassName as ClassName } from '../../types';
 import { dragTableInsertColumnButtonSize } from '../consts';
@@ -39,9 +37,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     hoveredCell = _ref.hoveredCell,
     onClick = _ref.onClick,
     editorView = _ref.editorView,
-    formatMessage = _ref.intl.formatMessage,
-    hoveredColumns = _ref.hoveredColumns,
-    hoveredRows = _ref.hoveredRows;
+    formatMessage = _ref.intl.formatMessage;
   var dragHandleDivRef = useRef(null);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -49,13 +45,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     setPreviewContainer = _useState2[1];
   var state = editorView.state,
     selection = editorView.state.selection;
-  if (hoveredColumns === undefined || hoveredRows === undefined) {
-    var _getPluginState = getPluginState(state),
-      hoveredColumnsState = _getPluginState.hoveredColumns,
-      hoveredRowsState = _getPluginState.hoveredRows;
-    hoveredColumns = hoveredColumnsState;
-    hoveredRows = hoveredRowsState;
-  }
   var _getDnDPluginState = getDnDPluginState(state),
     _getDnDPluginState$is = _getDnDPluginState.isDragMenuOpen,
     isDragMenuOpen = _getDnDPluginState$is === void 0 ? false : _getDnDPluginState$is;
@@ -65,11 +54,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     setIsHovered = _useState4[1];
   var isRow = direction === 'row';
   var isColumn = direction === 'column';
-
-  // Added !isDragMenuOpen check so when hover 'Delete column/row' from drag menu
-  // the handle of the next column/row does not show the 'hovered' state icon
-  var isRowHandleHovered = isRow && hoveredRows.length > 0 && !isDragMenuOpen;
-  var isColumnHandleHovered = isColumn && hoveredColumns.length > 0 && !isDragMenuOpen;
   var hasMergedCells = useMemo(function () {
     var table = findTable(selection);
     if (!table) {
@@ -104,7 +88,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   }, [indexes, selection, direction, hoveredCell]);
   var handleIconProps = {
     forceDefaultHandle: forceDefaultHandle,
-    isHandleHovered: expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true) ? isHovered : isColumnHandleHovered || isRowHandleHovered,
+    isHandleHovered: isHovered,
     hasMergedCells: hasMergedCells
   };
   useEffect(function () {
@@ -214,17 +198,13 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     ,
     onMouseOver: function onMouseOver(e) {
-      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        setIsHovered(true);
-      }
+      setIsHovered(true);
       _onMouseOver && _onMouseOver(e);
     }
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     ,
     onMouseOut: function onMouseOut(e) {
-      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
-        setIsHovered(false);
-      }
+      setIsHovered(false);
       _onMouseOut && _onMouseOut(e);
     },
     onMouseUp: function onMouseUp(e) {
@@ -261,50 +241,4 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     height: previewHeight
   }), previewContainer));
 };
-var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedState(_ref5) {
-  var isDragMenuTarget = _ref5.isDragMenuTarget,
-    tableLocalId = _ref5.tableLocalId,
-    direction = _ref5.direction,
-    appearance = _ref5.appearance,
-    indexes = _ref5.indexes,
-    forceDefaultHandle = _ref5.forceDefaultHandle,
-    previewHeight = _ref5.previewHeight,
-    previewWidth = _ref5.previewWidth,
-    onMouseOver = _ref5.onMouseOver,
-    onMouseOut = _ref5.onMouseOut,
-    toggleDragMenu = _ref5.toggleDragMenu,
-    hoveredCell = _ref5.hoveredCell,
-    onClick = _ref5.onClick,
-    editorView = _ref5.editorView,
-    intl = _ref5.intl,
-    api = _ref5.api;
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['table'], function (states) {
-      var _states$tableState, _states$tableState2;
-      return {
-        hoveredColumns: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.hoveredColumns,
-        hoveredRows: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.hoveredRows
-      };
-    }),
-    hoveredColumns = _useSharedPluginState.hoveredColumns,
-    hoveredRows = _useSharedPluginState.hoveredRows;
-  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: hoveredColumns,
-    hoveredRows: hoveredRows
-  });
-};
-export var DragHandle = injectIntl(DragHandleComponentWithSharedState);
+export var DragHandle = injectIntl(DragHandleComponent);

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

@@ -1,10 +1,8 @@
 import type { MouseEventHandler } from 'react';
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TriggerType } from '../../pm-plugins/drag-and-drop/types';
-import type { TablePlugin } from '../../tablePluginType';
 import type { CellHoverMeta, TableDirection } from '../../types';
 export type DragHandleAppearance = 'default' | 'selected' | 'disabled' | 'danger' | 'placeholder';
 type DragHandleProps = {
@@ -13,8 +11,6 @@ type DragHandleProps = {
     editorView: EditorView;
     forceDefaultHandle?: boolean;
     hoveredCell?: CellHoverMeta;
-    hoveredColumns?: number[];
-    hoveredRows?: number[];
     indexes: number[];
     isDragMenuTarget: boolean;
     onClick?: MouseEventHandler;
@@ -25,11 +21,7 @@ type DragHandleProps = {
     tableLocalId: string;
     toggleDragMenu?: (trigger: TriggerType, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
-export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
-    api?: ExtractInjectionAPI<TablePlugin>;
-} & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<DragHandleProps & {
-        api?: ExtractInjectionAPI<TablePlugin>;
-    } & WrappedComponentProps>;
+export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
 };
 export {};

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

@@ -1,10 +1,8 @@
 import type { MouseEventHandler } from 'react';
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TriggerType } from '../../pm-plugins/drag-and-drop/types';
-import type { TablePlugin } from '../../tablePluginType';
 import type { CellHoverMeta, TableDirection } from '../../types';
 export type DragHandleAppearance = 'default' | 'selected' | 'disabled' | 'danger' | 'placeholder';
 type DragHandleProps = {
@@ -13,8 +11,6 @@ type DragHandleProps = {
     editorView: EditorView;
     forceDefaultHandle?: boolean;
     hoveredCell?: CellHoverMeta;
-    hoveredColumns?: number[];
-    hoveredRows?: number[];
     indexes: number[];
     isDragMenuTarget: boolean;
     onClick?: MouseEventHandler;
@@ -25,11 +21,7 @@ type DragHandleProps = {
     tableLocalId: string;
     toggleDragMenu?: (trigger: TriggerType, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
-export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
-    api?: ExtractInjectionAPI<TablePlugin>;
-} & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<DragHandleProps & {
-        api?: ExtractInjectionAPI<TablePlugin>;
-    } & WrappedComponentProps>;
+export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.4.19",
+	"version": "15.4.21",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^6.1.0",
 		"@atlaskit/editor-plugin-content-insertion": "^6.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
-		"@atlaskit/editor-plugin-extension": "9.2.10",
+		"@atlaskit/editor-plugin-extension": "9.2.11",
 		"@atlaskit/editor-plugin-guideline": "^6.0.0",
 		"@atlaskit/editor-plugin-interaction": "^10.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^3.1.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.9.0",
+		"@atlaskit/tmp-editor-statsig": "^15.1.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.11.0",