@atlaskit/editor-plugin-table 13.0.5 → 13.0.6

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-table
 
+## 13.0.6
+
+### Patch Changes
+
+- [`f3ccf5a62c62f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3ccf5a62c62f) -
+  PR to cleanup platform_editor_usesharedpluginstatewithselector for table
+
 ## 13.0.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -8,13 +8,27 @@ exports.TableComponentWithSharedState = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorTables = require("@atlaskit/editor-tables");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+/**
+ * Use useSharedPluginState to control re-renders from plugin dependencies
+ */
+var TableComponentWithSharedState = exports.TableComponentWithSharedState = function TableComponentWithSharedState(_ref) {
+  var view = _ref.view,
+    options = _ref.options,
+    getNode = _ref.getNode,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+    api = _ref.api,
+    getEditorFeatureFlags = _ref.getEditorFeatureFlags,
+    eventDispatcher = _ref.eventDispatcher,
+    allowColumnResizing = _ref.allowColumnResizing,
+    allowControls = _ref.allowControls,
+    getPos = _ref.getPos,
+    forwardRef = _ref.forwardRef,
+    allowTableAlignment = _ref.allowTableAlignment,
+    allowTableResizing = _ref.allowTableResizing;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction'], function (states) {
       var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$mediaState, _states$selectionStat, _states$editorViewMod, _states$widthState, _states$widthState2, _states$interactionSt;
       return {
@@ -60,97 +74,7 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
     mode = _useSharedPluginState.mode,
     selection = _useSharedPluginState.selection,
     width = _useSharedPluginState.width;
-  return {
-    tableState: undefined,
-    widthState: undefined,
-    isTableResizing: isTableResizing,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    ordering: ordering,
-    isResizing: isResizing,
-    isInDanger: isInDanger,
-    hoveredCell: hoveredCell,
-    hoveredRows: hoveredRows,
-    isTableHovered: isTableHovered,
-    isWholeTableInDanger: isWholeTableInDanger,
-    isFullscreen: isFullscreen,
-    selection: selection,
-    mode: mode,
-    width: width,
-    lineLength: lineLength,
-    interaction: interaction
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['width', 'table', 'media', 'selection', 'editorViewMode', 'interaction']),
-    widthState = _useSharedPluginState2.widthState,
-    tableState = _useSharedPluginState2.tableState,
-    mediaState = _useSharedPluginState2.mediaState,
-    selectionState = _useSharedPluginState2.selectionState,
-    editorViewModeState = _useSharedPluginState2.editorViewModeState,
-    interactionState = _useSharedPluginState2.interactionState;
-  var tableStateInternal = tableState;
-  return {
-    tableState: tableState,
-    widthState: 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
- */
-var TableComponentWithSharedState = exports.TableComponentWithSharedState = function TableComponentWithSharedState(_ref) {
-  var view = _ref.view,
-    options = _ref.options,
-    getNode = _ref.getNode,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    api = _ref.api,
-    getEditorFeatureFlags = _ref.getEditorFeatureFlags,
-    eventDispatcher = _ref.eventDispatcher,
-    allowColumnResizing = _ref.allowColumnResizing,
-    allowControls = _ref.allowControls,
-    getPos = _ref.getPos,
-    forwardRef = _ref.forwardRef,
-    allowTableAlignment = _ref.allowTableAlignment,
-    allowTableResizing = _ref.allowTableResizing;
-  var _useSharedState = useSharedState(api),
-    tableState = _useSharedState.tableState,
-    widthState = _useSharedState.widthState,
-    mode = _useSharedState.mode,
-    hoveredCell = _useSharedState.hoveredCell,
-    hoveredRows = _useSharedState.hoveredRows,
-    isFullscreen = _useSharedState.isFullscreen,
-    isHeaderColumnEnabled = _useSharedState.isHeaderColumnEnabled,
-    isHeaderRowEnabled = _useSharedState.isHeaderRowEnabled,
-    isInDanger = _useSharedState.isInDanger,
-    isResizing = _useSharedState.isResizing,
-    isTableHovered = _useSharedState.isTableHovered,
-    isTableResizing = _useSharedState.isTableResizing,
-    isWholeTableInDanger = _useSharedState.isWholeTableInDanger,
-    lineLength = _useSharedState.lineLength,
-    ordering = _useSharedState.ordering,
-    selection = _useSharedState.selection,
-    width = _useSharedState.width,
-    interaction = _useSharedState.interaction;
   var isLivePageViewMode = mode === 'view';
-  if ((0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', false) && !tableState) {
-    return null;
-  }
 
   /**
    *  ED-19810
@@ -184,13 +108,10 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     ordering: ordering,
     isResizing: isResizing,
     getNode: getNode,
-    containerWidth: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstatewithselector', true) ? {
+    containerWidth: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength: lineLength
-    } :
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    widthState,
+    },
     contentDOM: forwardRef,
     getEditorFeatureFlags: getEditorFeatureFlags,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,

package/dist/cjs/nodeviews/TableContainer.js

@@ -45,7 +45,13 @@ var InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "data-testid": "table-container"
   }, children);
 });
-var useAlignmentTableContainerSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
+var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
+  var node = _ref2.node,
+    children = _ref2.children,
+    pluginInjectionApi = _ref2.pluginInjectionApi,
+    getPos = _ref2.getPos,
+    editorView = _ref2.editorView;
+  var alignment = node.attrs.layout !== _alignment.ALIGN_START ? _alignment.ALIGN_CENTER : _alignment.ALIGN_START;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {
@@ -55,35 +61,7 @@ var useAlignmentTableContainerSharedState = (0, _hooks.sharedPluginStateHookMigr
     }),
     isFullWidthModeEnabled = _useSharedPluginState.isFullWidthModeEnabled,
     wasFullWidthModeEnabled = _useSharedPluginState.wasFullWidthModeEnabled;
-  return {
-    tableState: undefined,
-    isFullWidthModeEnabled: isFullWidthModeEnabled,
-    wasFullWidthModeEnabled: wasFullWidthModeEnabled
-  };
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['table']),
-    tableState = _useSharedPluginState2.tableState;
-  return {
-    tableState: tableState,
-    isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
-    wasFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled
-  };
-});
-var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
-  var node = _ref2.node,
-    children = _ref2.children,
-    pluginInjectionApi = _ref2.pluginInjectionApi,
-    getPos = _ref2.getPos,
-    editorView = _ref2.editorView;
-  var alignment = node.attrs.layout !== _alignment.ALIGN_START ? _alignment.ALIGN_CENTER : _alignment.ALIGN_START;
-  var _useAlignmentTableCon = useAlignmentTableContainerSharedState(pluginInjectionApi),
-    tableState = _useAlignmentTableCon.tableState,
-    isFullWidthModeEnabled = _useAlignmentTableCon.isFullWidthModeEnabled,
-    wasFullWidthModeEnabled = _useAlignmentTableCon.wasFullWidthModeEnabled;
   (0, _react.useEffect)(function () {
-    if (!tableState && (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', false)) {
-      return;
-    }
     if (editorView && getPos) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
@@ -100,7 +78,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editorView, tableState, isFullWidthModeEnabled, wasFullWidthModeEnabled, node]);
+  }, [editorView, isFullWidthModeEnabled, wasFullWidthModeEnabled, node]);
   var style = (0, _react.useMemo)(function () {
     return (0, _tableContainerStyles.getAlignmentStyle)(alignment);
   }, [alignment]);
@@ -146,23 +124,6 @@ var selector = function selector(states) {
     editorViewModeState: states.editorViewModeState
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table', 'editorViewMode'], selector),
-    tableState = _useSharedPluginState3.tableState,
-    editorViewModeState = _useSharedPluginState3.editorViewModeState;
-  return {
-    tableState: tableState,
-    editorViewModeState: editorViewModeState
-  };
-}, function (api) {
-  var _useSharedPluginState4 = (0, _hooks.useSharedPluginState)(api, ['table', 'editorViewMode']),
-    tableState = _useSharedPluginState4.tableState,
-    editorViewModeState = _useSharedPluginState4.editorViewModeState;
-  return {
-    tableState: tableState,
-    editorViewModeState: editorViewModeState
-  };
-});
 var getPadding = function getPadding(containerWidth) {
   return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
@@ -190,9 +151,9 @@ var ResizableTableContainerLegacy = /*#__PURE__*/_react.default.memo(function (_
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     resizing = _useState2[0],
     setIsResizing = _useState2[1];
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    tableState = _useSharedState.tableState,
-    editorViewModeState = _useSharedState.editorViewModeState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
+    tableState = _useSharedPluginState2.tableState,
+    editorViewModeState = _useSharedPluginState2.editorViewModeState;
   var isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
   var mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
   var updateContainerHeight = (0, _react.useCallback)(function (height) {
@@ -391,9 +352,9 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     tableMaxWidthForFullPageOnLoad = _useState6[0],
     setTableMaxWidthForFullPageOnLoad = _useState6[1];
-  var _useSharedState2 = useSharedState(pluginInjectionApi),
-    tableState = _useSharedState2.tableState,
-    editorViewModeState = _useSharedState2.editorViewModeState;
+  var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
+    tableState = _useSharedPluginState3.tableState,
+    editorViewModeState = _useSharedPluginState3.editorViewModeState;
   var isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
   var mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
   var updateContainerHeight = (0, _react.useCallback)(function (height) {

package/dist/cjs/nodeviews/TableResizer.js

@@ -116,19 +116,6 @@ var selector = function selector(states) {
     widthToWidest: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.widthToWidest
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table'], selector),
-    widthToWidest = _useSharedPluginState.widthToWidest;
-  return {
-    widthToWidest: widthToWidest
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['table']),
-    tableState = _useSharedPluginState2.tableState;
-  return {
-    widthToWidest: tableState === null || tableState === void 0 ? void 0 : tableState.widthToWidest
-  };
-});
 var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   var _editorView$state, _pluginInjectionApi$a2;
   var children = _ref.children,
@@ -161,8 +148,8 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   var areResizeMetaKeysPressed = (0, _react.useRef)(false);
   var resizerRef = (0, _react.useRef)(null);
   var interactionState = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'interaction.interactionState');
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    widthToWidest = _useSharedState.widthToWidest;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table'], selector),
+    widthToWidest = _useSharedPluginState.widthToWidest;
 
   // used to reposition tooltip when table is resizing via keyboard
   var updateTooltip = _react.default.useRef();

package/dist/cjs/tablePlugin.js

@@ -11,43 +11,35 @@ var _react = _interopRequireWildcard(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _browser = require("@atlaskit/editor-common/browser");
-var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-selection");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _icons = require("@atlaskit/editor-common/icons");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _preset = require("@atlaskit/editor-common/preset");
-var _resizer = require("@atlaskit/editor-common/resizer");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _toDOM = require("./nodeviews/toDOM");
 var _plugin = require("./pm-plugins/analytics/plugin");
-var _pluginKey = require("./pm-plugins/analytics/plugin-key");
 var _insert = require("./pm-plugins/commands/insert");
 var _createPluginConfig = require("./pm-plugins/create-plugin-config");
 var _plugin2 = require("./pm-plugins/decorations/plugin");
 var _plugin3 = require("./pm-plugins/drag-and-drop/plugin");
-var _pluginKey2 = require("./pm-plugins/drag-and-drop/plugin-key");
+var _pluginKey = require("./pm-plugins/drag-and-drop/plugin-key");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
-var _pluginKey3 = require("./pm-plugins/plugin-key");
+var _pluginKey2 = require("./pm-plugins/plugin-key");
 var _safariDeleteCompositionTextIssueWorkaround = require("./pm-plugins/safari-delete-composition-text-issue-workaround");
 var _plugin4 = require("./pm-plugins/sticky-headers/plugin");
-var _pluginKey4 = require("./pm-plugins/sticky-headers/plugin-key");
+var _pluginKey3 = require("./pm-plugins/sticky-headers/plugin-key");
 var _util = require("./pm-plugins/sticky-headers/util");
 var _tableAnalytics = require("./pm-plugins/table-analytics");
 var _tableLocalId = require("./pm-plugins/table-local-id");
 var _plugin5 = require("./pm-plugins/table-resizing/plugin");
 var _pluginFactory = require("./pm-plugins/table-resizing/plugin-factory");
-var _pluginKey5 = require("./pm-plugins/table-resizing/plugin-key");
 var _tableSelectionKeymap = require("./pm-plugins/table-selection-keymap");
 var _tableSizeSelector = require("./pm-plugins/table-size-selector");
 var _tableWidth = require("./pm-plugins/table-width");
@@ -55,48 +47,20 @@ var _tableWidthInCommentFix = require("./pm-plugins/table-width-in-comment-fix")
 var _create = require("./pm-plugins/utils/create");
 var _viewModeSort = require("./pm-plugins/view-mode-sort");
 var _ContentComponent = require("./ui/ContentComponent");
-var _FloatingContextualButton = _interopRequireDefault(require("./ui/FloatingContextualButton"));
-var _FloatingContextualMenu = _interopRequireDefault(require("./ui/FloatingContextualMenu"));
-var _FloatingDeleteButton = _interopRequireDefault(require("./ui/FloatingDeleteButton"));
-var _FloatingDragMenu = _interopRequireDefault(require("./ui/FloatingDragMenu"));
-var _FloatingInsertButton = _interopRequireDefault(require("./ui/FloatingInsertButton"));
-var _FloatingToolbarLabel = require("./ui/FloatingToolbarLabel/FloatingToolbarLabel");
-var _globalStyles = require("./ui/global-styles");
-var _SizeSelector = require("./ui/SizeSelector");
-var _TableFullWidthLabel = require("./ui/TableFullWidthLabel");
 var _toolbar = require("./ui/toolbar");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Ignored via go/ees005
-// eslint-disable-next-line import/no-named-as-default
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
-var useTableSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(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
-  };
-});
 
 /**
  * Table plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
  * from `@atlaskit/editor-core`.
  */
 var tablePlugin = function tablePlugin(_ref) {
-  var _api$analytics, _api$accessibilityUti, _options$getEditorFea, _options$getEditorFea2, _api$analytics2;
+  var _api$analytics, _options$getEditorFea, _options$getEditorFea2, _api$analytics2;
   var options = _ref.config,
     api = _ref.api;
   var editorViewRef = {
@@ -109,7 +73,6 @@ var tablePlugin = function tablePlugin(_ref) {
     };
   };
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  var ariaNotifyPlugin = api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify;
   var isTableFixedColumnWidthsOptionEnabled = (options === null || options === void 0 || (_options$getEditorFea = options.getEditorFeatureFlags) === null || _options$getEditorFea === void 0 ? void 0 : _options$getEditorFea.call(options).tableWithFixedColumnWidthsOption) || false;
   var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && (isTableFixedColumnWidthsOptionEnabled || ( // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
   options === null || options === void 0 ? void 0 : options.isCommentEditor));
@@ -127,12 +90,12 @@ var tablePlugin = function tablePlugin(_ref) {
       }
 
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var tablePluginState = _pluginKey3.pluginKey.getState(editorState);
+      var tablePluginState = _pluginKey2.pluginKey.getState(editorState);
       var tableResizingPluginState = (0, _pluginFactory.getPluginState)(editorState);
       var tableWidthResizingPluginState = _tableWidth.pluginKey.getState(editorState);
-      var stickyHeadersState = _pluginKey4.pluginKey.getState(editorState);
+      var stickyHeadersState = _pluginKey3.pluginKey.getState(editorState);
       var stickyHeader = stickyHeadersState ? (0, _util.findStickyHeaderForTable)(stickyHeadersState, tablePluginState === null || tablePluginState === void 0 ? void 0 : tablePluginState.tablePos) : undefined;
-      var dragAndDropState = _pluginKey2.pluginKey.getState(editorState);
+      var dragAndDropState = _pluginKey.pluginKey.getState(editorState);
       var sizeSelectorPluginState = _tableSizeSelector.pluginKey.getState(editorState);
       var sharedStateInternal = {
         isFullWidthModeEnabled: !!(options !== null && options !== void 0 && options.fullWidthEnabled),
@@ -480,178 +443,27 @@ var tablePlugin = function tablePlugin(_ref) {
       return plugins;
     },
     contentComponent: function contentComponent(_ref18) {
-      var _api$featureFlags;
       var editorView = _ref18.editorView,
         popupsMountPoint = _ref18.popupsMountPoint,
         popupsBoundariesElement = _ref18.popupsBoundariesElement,
         popupsScrollableElement = _ref18.popupsScrollableElement,
         dispatchAnalyticsEvent = _ref18.dispatchAnalyticsEvent;
-      if ((0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true)) {
-        return /*#__PURE__*/_react.default.createElement(_ContentComponent.ContentComponent, {
-          api: api,
-          editorView: editorView,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          options: options,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          defaultGetEditorContainerWidth: defaultGetEditorContainerWidth,
-          defaultGetEditorFeatureFlags: defaultGetEditorFeatureFlags,
-          isTableSelectorEnabled: isTableSelectorEnabled
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-        component: _analytics.ACTION_SUBJECT.TABLES_PLUGIN,
+      return /*#__PURE__*/_react.default.createElement(_ContentComponent.ContentComponent, {
+        api: api,
+        editorView: editorView,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        fallbackComponent: null
-      }, /*#__PURE__*/_react.default.createElement(_globalStyles.GlobalStylesWrapper, {
-        featureFlags: api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState(),
-        isDragAndDropEnabledOption: options === null || options === void 0 ? void 0 : options.dragAndDropEnabled,
-        api: api
-      }), /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
-        plugins: {
-          tableAnalyticsPluginState: _pluginKey.pluginKey,
-          tablePluginState: _pluginKey3.pluginKey,
-          tableWidthPluginState: _tableWidth.pluginKey,
-          tableResizingPluginState: _pluginKey5.pluginKey,
-          stickyHeadersState: _pluginKey4.pluginKey,
-          dragAndDropState: _pluginKey2.pluginKey,
-          sizeSelectorPluginState: _tableSizeSelector.pluginKey
-        },
-        render: function render(_ref19) {
-          var _sizeSelectorPluginSt, _api$analytics3;
-          var resizingPluginState = _ref19.tableResizingPluginState,
-            stickyHeadersState = _ref19.stickyHeadersState,
-            tablePluginState = _ref19.tablePluginState,
-            tableWidthPluginState = _ref19.tableWidthPluginState,
-            dragAndDropState = _ref19.dragAndDropState,
-            sizeSelectorPluginState = _ref19.sizeSelectorPluginState;
-          // Any changes made inside `<WithPluginState>` need to be reflected in the
-          // `<ContentComponent>` as well.
-          var isColumnResizing = resizingPluginState === null || resizingPluginState === void 0 ? void 0 : resizingPluginState.dragging;
-          var isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
-          var resizingTableLocalId = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.tableLocalId;
-          var resizingTableRef = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.tableRef;
-          var isResizing = isColumnResizing || isTableResizing;
-          var widthToWidest = tablePluginState === null || tablePluginState === void 0 ? void 0 : tablePluginState.widthToWidest;
-          var isSizeSelectorOpen = sizeSelectorPluginState === null || sizeSelectorPluginState === void 0 ? void 0 : sizeSelectorPluginState.isSelectorOpen;
-          var _ref20 = tablePluginState,
-            tableNode = _ref20.tableNode,
-            tablePos = _ref20.tablePos,
-            targetCellPosition = _ref20.targetCellPosition,
-            isContextualMenuOpen = _ref20.isContextualMenuOpen,
-            tableRef = _ref20.tableRef,
-            pluginConfig = _ref20.pluginConfig,
-            insertColumnButtonIndex = _ref20.insertColumnButtonIndex,
-            insertRowButtonIndex = _ref20.insertRowButtonIndex,
-            isHeaderColumnEnabled = _ref20.isHeaderColumnEnabled,
-            isHeaderRowEnabled = _ref20.isHeaderRowEnabled,
-            isDragAndDropEnabled = _ref20.isDragAndDropEnabled,
-            tableWrapperTarget = _ref20.tableWrapperTarget,
-            isCellMenuOpenByKeyboard = _ref20.isCellMenuOpenByKeyboard;
-          var allowControls = pluginConfig.allowControls;
-          var stickyHeader = stickyHeadersState ? (0, _util.findStickyHeaderForTable)(stickyHeadersState, tablePos) : undefined;
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, targetCellPosition && (tableRef || isCellMenuOpenByKeyboard) && !isResizing && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
-            isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
-            editorView: editorView,
-            tableNode: tableNode,
-            mountPoint: popupsMountPoint,
-            targetCellPosition: targetCellPosition,
-            scrollableElement: popupsScrollableElement,
-            dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            isContextualMenuOpen: isContextualMenuOpen,
-            stickyHeader: stickyHeader,
-            tableWrapper: tableWrapperTarget,
-            isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard
-          }), allowControls && /*#__PURE__*/_react.default.createElement(_FloatingInsertButton.default, {
-            tableNode: tableNode,
-            tableRef: tableRef,
-            insertColumnButtonIndex: insertColumnButtonIndex,
-            insertRowButtonIndex: insertRowButtonIndex,
-            isHeaderColumnEnabled: isHeaderColumnEnabled,
-            isHeaderRowEnabled: isHeaderRowEnabled,
-            isDragAndDropEnabled: isDragAndDropEnabled,
-            isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
-            editorView: editorView,
-            mountPoint: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            scrollableElement: popupsScrollableElement,
-            hasStickyHeaders: stickyHeader && stickyHeader.sticky,
-            dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            editorAnalyticsAPI: editorAnalyticsAPI,
-            getEditorContainerWidth: defaultGetEditorContainerWidth,
-            getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
-            isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
-            api: api,
-            isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor
-          }), (options === null || options === void 0 ? void 0 : options.allowContextualMenu) && /*#__PURE__*/_react.default.createElement(_FloatingContextualMenu.default, {
-            editorView: editorView,
-            mountPoint: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            targetCellPosition: targetCellPosition,
-            isOpen: Boolean(isContextualMenuOpen) && !isResizing,
-            pluginConfig: pluginConfig,
-            editorAnalyticsAPI: editorAnalyticsAPI,
-            getEditorContainerWidth: defaultGetEditorContainerWidth,
-            getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
-            isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
-            isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
-            api: api
-          }), isDragAndDropEnabled && /*#__PURE__*/_react.default.createElement(_FloatingDragMenu.default, {
-            editorView: editorView,
-            mountPoint: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            tableRef: tableRef,
-            tableNode: tableNode,
-            targetCellPosition: targetCellPosition,
-            direction: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.dragMenuDirection,
-            index: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.dragMenuIndex,
-            isOpen: !!(dragAndDropState !== null && dragAndDropState !== void 0 && dragAndDropState.isDragMenuOpen) && !isResizing,
-            getEditorContainerWidth: defaultGetEditorContainerWidth,
-            editorAnalyticsAPI: editorAnalyticsAPI,
-            stickyHeaders: stickyHeader,
-            pluginConfig: pluginConfig,
-            isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
-            getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
-            ariaNotifyPlugin: ariaNotifyPlugin,
-            api: api,
-            isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor
-          }), allowControls && !isDragAndDropEnabled && !isResizing && /*#__PURE__*/_react.default.createElement(_FloatingDeleteButton.default, {
-            editorView: editorView,
-            selection: editorView.state.selection,
-            tableRef: tableRef,
-            mountPoint: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            scrollableElement: popupsScrollableElement,
-            stickyHeaders: stickyHeader,
-            isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
-            editorAnalyticsAPI: editorAnalyticsAPI,
-            api: api
-          }), ((options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) || (options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing) && options.isCommentEditor) && isTableResizing && widthToWidest && resizingTableLocalId && resizingTableRef && widthToWidest[resizingTableLocalId] && /*#__PURE__*/_react.default.createElement(_FloatingToolbarLabel.FloatingToolbarLabel, {
-            target: resizingTableRef,
-            content: (0, _experiments.editorExperiment)('single_column_layouts', true) ? /*#__PURE__*/_react.default.createElement(_resizer.ResizerBreakoutModeLabel, {
-              layout: "full-width"
-            }) : /*#__PURE__*/_react.default.createElement(_TableFullWidthLabel.FullWidthDisplay, null),
-            alignX: 'center',
-            alignY: 'bottom',
-            stick: true,
-            forcePlacement: true,
-            zIndex: _editorSharedStyles.akEditorFloatingPanelZIndex,
-            offset: [0, 10]
-          }), isTableSelectorEnabled && isSizeSelectorOpen && /*#__PURE__*/_react.default.createElement(_SizeSelector.SizeSelector, {
-            api: api,
-            isOpenedByKeyboard: false,
-            popupsMountPoint: popupsMountPoint,
-            target: (_sizeSelectorPluginSt = sizeSelectorPluginState === null || sizeSelectorPluginState === void 0 ? void 0 : sizeSelectorPluginState.targetRef) !== null && _sizeSelectorPluginSt !== void 0 ? _sizeSelectorPluginSt : (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _analytics.ACTION_SUBJECT_ID.PICKER_TABLE_SIZE, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions),
-            popupsBoundariesElement: popupsBoundariesElement,
-            popupsScrollableElement: popupsScrollableElement
-          }));
-        }
-      }));
+        options: options,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement,
+        defaultGetEditorContainerWidth: defaultGetEditorContainerWidth,
+        defaultGetEditorFeatureFlags: defaultGetEditorFeatureFlags,
+        isTableSelectorEnabled: isTableSelectorEnabled
+      });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref21) {
-        var formatMessage = _ref21.formatMessage;
+      quickInsert: function quickInsert(_ref19) {
+        var formatMessage = _ref19.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(_messages.toolbarInsertBlockMessages.table),
@@ -722,10 +534,15 @@ var tablePlugin = function tablePlugin(_ref) {
         return editorViewRef.current;
       }, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)((0, _createPluginConfig.pluginConfig)(options === null || options === void 0 ? void 0 : options.tableOptions))
     },
-    usePluginHook: function usePluginHook(_ref22) {
-      var editorView = _ref22.editorView;
-      var _useTableSharedState = useTableSharedState(api),
-        mode = _useTableSharedState.mode;
+    usePluginHook: function usePluginHook(_ref20) {
+      var editorView = _ref20.editorView;
+      var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(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;
       (0, _react.useEffect)(function () {
         var state = editorView.state,
           dispatch = editorView.dispatch;