@atlaskit/editor-plugin-table 13.0.5 → 13.0.6

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

@@ -254,29 +254,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     height: previewHeight
   }), previewContainer));
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (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 {
-    hoveredColumns: hoveredColumns,
-    hoveredRows: hoveredRows
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['table']),
-    tableState = _useSharedPluginState2.tableState;
-  var tableStateInternal = tableState;
-  return {
-    hoveredColumns: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredColumns,
-    hoveredRows: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredRows
-  };
-});
 var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedState(_ref5) {
   var isDragMenuTarget = _ref5.isDragMenuTarget,
     tableLocalId = _ref5.tableLocalId,
@@ -294,9 +271,15 @@ var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedS
     editorView = _ref5.editorView,
     intl = _ref5.intl,
     api = _ref5.api;
-  var _useSharedState = useSharedState(api),
-    hoveredColumns = _useSharedState.hoveredColumns,
-    hoveredRows = _useSharedState.hoveredRows;
+  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,

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

@@ -31,24 +31,6 @@ var getSelectedColumns = function getSelectedColumns(selection) {
   }
   return [];
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
 var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
   var _colWidths$map$join;
   var editorView = _ref.editorView,
@@ -67,8 +49,13 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
     getScrollOffset = _ref.getScrollOffset,
     api = _ref.api;
   var columnControlsRef = (0, _react.useRef)(null);
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+      var _states$selectionStat;
+      return {
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    selection = _useSharedPluginState.selection;
   var widths = (_colWidths$map$join = colWidths === null || colWidths === void 0 ? void 0 : colWidths.map(function (width) {
     return (
       // when there is sticky header, a `margin-right: -1px` applied to `tr.sticky th` so it causes colWidths to be 1px wider

package/dist/cjs/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -58,7 +58,12 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
     className: _types.TableCssClassName.DRAG_CORNER_BUTTON_INNER
   }));
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+var DragCornerControlsComponentWithSelection = function DragCornerControlsComponentWithSelection(_ref2) {
+  var editorView = _ref2.editorView,
+    isInDanger = _ref2.isInDanger,
+    isResizing = _ref2.isResizing,
+    formatMessage = _ref2.intl.formatMessage,
+    api = _ref2.api;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
       var _states$selectionStat;
       return {
@@ -66,24 +71,6 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
       };
     }),
     selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
-var DragCornerControlsComponentWithSelection = function DragCornerControlsComponentWithSelection(_ref2) {
-  var editorView = _ref2.editorView,
-    isInDanger = _ref2.isInDanger,
-    isResizing = _ref2.isResizing,
-    formatMessage = _ref2.intl.formatMessage,
-    api = _ref2.api;
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
   var handleOnClick = function handleOnClick() {
     var state = editorView.state,
       dispatch = editorView.dispatch;

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

@@ -9,24 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ClassicCornerControls = require("./CornerControls/ClassicCornerControls");
 var _ClassicControls = require("./RowControls/ClassicControls");
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
 var FloatingControlsWithSelection = exports.FloatingControlsWithSelection = function FloatingControlsWithSelection(_ref) {
   var editorView = _ref.editorView,
     tableRef = _ref.tableRef,
@@ -40,8 +22,13 @@ var FloatingControlsWithSelection = exports.FloatingControlsWithSelection = func
     selectRow = _ref.selectRow,
     tableActive = _ref.tableActive,
     api = _ref.api;
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+      var _states$selectionStat;
+      return {
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    selection = _useSharedPluginState.selection;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClassicCornerControls.CornerControls, {
     editorView: editorView,
     tableRef: tableRef,

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

@@ -286,24 +286,6 @@ var DragControls = exports.DragControls = function DragControls(_ref) {
     }), rowHandles())
   );
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
 var DragControlsWithSelection = exports.DragControlsWithSelection = function DragControlsWithSelection(_ref5) {
   var editorView = _ref5.editorView,
     tableRef = _ref5.tableRef,
@@ -319,8 +301,13 @@ var DragControlsWithSelection = exports.DragControlsWithSelection = function Dra
     selectRows = _ref5.selectRows,
     updateCellHoverLocation = _ref5.updateCellHoverLocation,
     api = _ref5.api;
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+      var _states$selectionStat;
+      return {
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    selection = _useSharedPluginState.selection;
   return /*#__PURE__*/_react.default.createElement(DragControls, {
     editorView: editorView,
     tableRef: tableRef,

package/dist/cjs/ui/global-styles.js

@@ -13,7 +13,10 @@ var _commonStyles = require("./common-styles");
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
+  var featureFlags = _ref.featureFlags,
+    isDragAndDropEnabledOption = _ref.isDragAndDropEnabledOption,
+    api = _ref.api;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode'], function (states) {
       var _states$editorViewMod;
       return {
@@ -21,22 +24,6 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
       };
     }),
     mode = _useSharedPluginState.mode;
-  return {
-    mode: mode
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['editorViewMode']),
-    editorViewModeState = _useSharedPluginState2.editorViewModeState;
-  return {
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
-  };
-});
-var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
-  var featureFlags = _ref.featureFlags,
-    isDragAndDropEnabledOption = _ref.isDragAndDropEnabledOption,
-    api = _ref.api;
-  var _useSharedState = useSharedState(api),
-    mode = _useSharedState.mode;
   var isLivePageViewMode = mode === 'view';
   return (0, _react.jsx)(_react.Global, {
     styles: (0, _commonStyles.tableStyles)({

package/dist/cjs/ui/icons/SortingIconWrapper.js

@@ -8,27 +8,14 @@ exports.SortingIconWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _table = require("@atlaskit/editor-common/table");
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode'], function (states) {
+var SortingIconWrapper = exports.SortingIconWrapper = function SortingIconWrapper(props) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(props.api, ['editorViewMode'], function (states) {
       var _states$editorViewMod;
       return {
         mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
       };
     }),
     mode = _useSharedPluginState.mode;
-  return {
-    mode: mode
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['editorViewMode']),
-    editorViewModeState = _useSharedPluginState2.editorViewModeState;
-  return {
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
-  };
-});
-var SortingIconWrapper = exports.SortingIconWrapper = function SortingIconWrapper(props) {
-  var _useSharedState = useSharedState(props.api),
-    mode = _useSharedState.mode;
   if (mode === 'edit') {
     return null;
   }

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -1,14 +1,29 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { findTable } from '@atlaskit/editor-tables';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import TableComponent from './TableComponent';
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
+/**
+ * Use useSharedPluginState to control re-renders from plugin dependencies
+ */
+export const TableComponentWithSharedState = ({
+  view,
+  options,
+  getNode,
+  dispatchAnalyticsEvent,
+  api,
+  getEditorFeatureFlags,
+  eventDispatcher,
+  allowColumnResizing,
+  allowControls,
+  getPos,
+  forwardRef,
+  allowTableAlignment,
+  allowTableResizing
+}) => {
   const {
     isTableResizing,
     isHeaderColumnEnabled,
@@ -55,100 +70,7 @@ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
       interaction: (_states$interactionSt = states.interactionState) === null || _states$interactionSt === void 0 ? void 0 : _states$interactionSt.interactionState
     };
   });
-  return {
-    tableState: undefined,
-    widthState: undefined,
-    isTableResizing,
-    isHeaderColumnEnabled,
-    isHeaderRowEnabled,
-    ordering,
-    isResizing,
-    isInDanger,
-    hoveredCell,
-    hoveredRows,
-    isTableHovered,
-    isWholeTableInDanger,
-    isFullscreen,
-    selection,
-    mode,
-    width,
-    lineLength,
-    interaction
-  };
-}, api => {
-  const {
-    widthState,
-    tableState,
-    mediaState,
-    selectionState,
-    editorViewModeState,
-    interactionState
-  } = useSharedPluginState(api, ['width', 'table', 'media', 'selection', 'editorViewMode', 'interaction']);
-  const tableStateInternal = tableState;
-  return {
-    tableState,
-    widthState,
-    isTableResizing: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isTableResizing,
-    isHeaderColumnEnabled: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isHeaderColumnEnabled,
-    isHeaderRowEnabled: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isHeaderRowEnabled,
-    ordering: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.ordering,
-    isResizing: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isResizing,
-    isInDanger: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isInDanger,
-    hoveredCell: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredCell,
-    hoveredRows: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredRows,
-    isTableHovered: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isTableHovered,
-    isWholeTableInDanger: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.isWholeTableInDanger,
-    isFullscreen: mediaState === null || mediaState === void 0 ? void 0 : mediaState.isFullscreen,
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection,
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
-    width: widthState === null || widthState === void 0 ? void 0 : widthState.width,
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
-    interaction: interactionState === null || interactionState === void 0 ? void 0 : interactionState.interactionState
-  };
-});
-
-/**
- * Use useSharedPluginState to control re-renders from plugin dependencies
- */
-export const TableComponentWithSharedState = ({
-  view,
-  options,
-  getNode,
-  dispatchAnalyticsEvent,
-  api,
-  getEditorFeatureFlags,
-  eventDispatcher,
-  allowColumnResizing,
-  allowControls,
-  getPos,
-  forwardRef,
-  allowTableAlignment,
-  allowTableResizing
-}) => {
-  const {
-    tableState,
-    widthState,
-    mode,
-    hoveredCell,
-    hoveredRows,
-    isFullscreen,
-    isHeaderColumnEnabled,
-    isHeaderRowEnabled,
-    isInDanger,
-    isResizing,
-    isTableHovered,
-    isTableResizing,
-    isWholeTableInDanger,
-    lineLength,
-    ordering,
-    selection,
-    width,
-    interaction
-  } = useSharedState(api);
   const isLivePageViewMode = mode === 'view';
-  if (expValEquals('platform_editor_usesharedpluginstatewithselector', 'isEnabled', false) && !tableState) {
-    return null;
-  }
 
   /**
    *  ED-19810
@@ -182,13 +104,10 @@ export const TableComponentWithSharedState = ({
     ordering: ordering,
     isResizing: isResizing,
     getNode: getNode,
-    containerWidth: editorExperiment('platform_editor_usesharedpluginstatewithselector', true) ? {
+    containerWidth: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength
-    } :
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    widthState,
+    },
     contentDOM: forwardRef,
     getEditorFeatureFlags: getEditorFeatureFlags,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,

package/dist/es2019/nodeviews/TableContainer.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState }
 import classNames from 'classnames';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -36,32 +36,6 @@ const InnerContainer = /*#__PURE__*/forwardRef(({
     "data-testid": "table-container"
   }, children);
 });
-const useAlignmentTableContainerSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  const {
-    isFullWidthModeEnabled,
-    wasFullWidthModeEnabled
-  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['table'], states => {
-    var _states$tableState, _states$tableState2;
-    return {
-      isFullWidthModeEnabled: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.isFullWidthModeEnabled,
-      wasFullWidthModeEnabled: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.wasFullWidthModeEnabled
-    };
-  });
-  return {
-    tableState: undefined,
-    isFullWidthModeEnabled,
-    wasFullWidthModeEnabled
-  };
-}, pluginInjectionApi => {
-  const {
-    tableState
-  } = useSharedPluginState(pluginInjectionApi, ['table']);
-  return {
-    tableState,
-    isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
-    wasFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled
-  };
-});
 const AlignmentTableContainer = ({
   node,
   children,
@@ -71,14 +45,16 @@ const AlignmentTableContainer = ({
 }) => {
   const alignment = node.attrs.layout !== ALIGN_START ? ALIGN_CENTER : ALIGN_START;
   const {
-    tableState,
     isFullWidthModeEnabled,
     wasFullWidthModeEnabled
-  } = useAlignmentTableContainerSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['table'], states => {
+    var _states$tableState, _states$tableState2;
+    return {
+      isFullWidthModeEnabled: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.isFullWidthModeEnabled,
+      wasFullWidthModeEnabled: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.wasFullWidthModeEnabled
+    };
+  });
   useEffect(() => {
-    if (!tableState && expValEquals('platform_editor_usesharedpluginstatewithselector', 'isEnabled', false)) {
-      return;
-    }
     if (editorView && getPos) {
       const {
         state,
@@ -97,7 +73,7 @@ const AlignmentTableContainer = ({
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editorView, tableState, isFullWidthModeEnabled, wasFullWidthModeEnabled, node]);
+  }, [editorView, isFullWidthModeEnabled, wasFullWidthModeEnabled, node]);
   const style = useMemo(() => {
     return getAlignmentStyle(alignment);
   }, [alignment]);
@@ -142,25 +118,6 @@ const selector = states => ({
   tableState: states.tableState,
   editorViewModeState: states.editorViewModeState
 });
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    tableState,
-    editorViewModeState
-  } = useSharedPluginStateWithSelector(api, ['table', 'editorViewMode'], selector);
-  return {
-    tableState,
-    editorViewModeState
-  };
-}, api => {
-  const {
-    tableState,
-    editorViewModeState
-  } = useSharedPluginState(api, ['table', 'editorViewMode']);
-  return {
-    tableState,
-    editorViewModeState
-  };
-});
 const getPadding = containerWidth => {
   return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
@@ -189,7 +146,7 @@ const ResizableTableContainerLegacy = /*#__PURE__*/React.memo(({
   const {
     tableState,
     editorViewModeState
-  } = useSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['table', 'editorViewMode'], selector);
   const isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
   const mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
   const updateContainerHeight = useCallback(height => {
@@ -386,7 +343,7 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
   const {
     tableState,
     editorViewModeState
-  } = useSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['table', 'editorViewMode'], selector);
   const isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
   const mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
   const updateContainerHeight = useCallback(height => {

package/dist/es2019/nodeviews/TableResizer.js

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl-next';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { browser } from '@atlaskit/editor-common/browser';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { focusTableResizer, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
@@ -103,21 +103,6 @@ const selector = states => {
     widthToWidest: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.widthToWidest
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    widthToWidest
-  } = useSharedPluginStateWithSelector(api, ['table'], selector);
-  return {
-    widthToWidest
-  };
-}, api => {
-  const {
-    tableState
-  } = useSharedPluginState(api, ['table']);
-  return {
-    widthToWidest: tableState === null || tableState === void 0 ? void 0 : tableState.widthToWidest
-  };
-});
 export const TableResizer = ({
   children,
   width,
@@ -153,7 +138,7 @@ export const TableResizer = ({
   const interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
   const {
     widthToWidest
-  } = useSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['table'], selector);
 
   // used to reposition tooltip when table is resizing via keyboard
   const updateTooltip = React.useRef();