@atlaskit/editor-plugin-table 10.9.7 → 10.9.9

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-table
 
+## 10.9.9
+
+### Patch Changes
+
+- [#144658](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144658)
+  [`e59e7f0ae0803`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e59e7f0ae0803) -
+  Change to use getDomRefFromSelection utility from editor-common
+- Updated dependencies
+
+## 10.9.8
+
+### Patch Changes
+
+- [#146228](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146228)
+  [`70d0e911d08ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/70d0e911d08ec) -
+  Extract useInternalTablePluginStateSelector into a utility file
+- Updated dependencies
+
 ## 10.9.7
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -10,17 +10,11 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorTables = require("@atlaskit/editor-tables");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _useInternalTablePluginStateSelector = require("../ui/hooks/useInternalTablePluginStateSelector");
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-var useSharedTablePluginStateSelector = function useSharedTablePluginStateSelector(api, key) {
-  var value = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, "table.".concat(key), {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  return value;
-};
-
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
@@ -46,16 +40,36 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     mediaState = _useSharedPluginState.mediaState,
     selectionState = _useSharedPluginState.selectionState,
     editorViewModeState = _useSharedPluginState.editorViewModeState;
-  var isTableResizingSelector = useSharedTablePluginStateSelector(api, 'isTableResizing');
-  var isHeaderColumnEnabledSelector = useSharedTablePluginStateSelector(api, 'isHeaderColumnEnabled');
-  var isHeaderRowEnabledSelector = useSharedTablePluginStateSelector(api, 'isHeaderRowEnabled');
-  var orderingSelector = useSharedTablePluginStateSelector(api, 'ordering');
-  var isResizingSelector = useSharedTablePluginStateSelector(api, 'isResizing');
-  var isInDangerSelector = useSharedTablePluginStateSelector(api, 'isInDanger');
-  var hoveredCellSelector = useSharedTablePluginStateSelector(api, 'hoveredCell');
-  var hoveredRowsSelector = useSharedTablePluginStateSelector(api, 'hoveredRows');
-  var isTableHoveredSelector = useSharedTablePluginStateSelector(api, 'isTableHovered');
-  var isWholeTableInDangerSelector = useSharedTablePluginStateSelector(api, 'isWholeTableInDanger');
+  var isTableResizingSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isTableResizing', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isHeaderColumnEnabledSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isHeaderColumnEnabled', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isHeaderRowEnabledSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isHeaderRowEnabled', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var orderingSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'ordering', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isResizingSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isResizing', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isInDangerSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isInDanger', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var hoveredCellSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'hoveredCell', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var hoveredRowsSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'hoveredRows', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isTableHoveredSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isTableHovered', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isWholeTableInDangerSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isWholeTableInDanger', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
 
   // mediaState
   var isFullscreenSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.isFullscreen', {
@@ -123,8 +137,8 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     isMediaFullscreen: isFullscreen,
     options: options,
     allowControls: allowControls,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
+    isHeaderRowEnabled: isHeaderRowEnabled !== null && isHeaderRowEnabled !== void 0 ? isHeaderRowEnabled : false,
+    isHeaderColumnEnabled: isHeaderColumnEnabled !== null && isHeaderColumnEnabled !== void 0 ? isHeaderColumnEnabled : false,
     isDragAndDropEnabled: (options === null || options === void 0 ? void 0 : options.isDragAndDropEnabled) && !isLivePageViewMode,
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     allowTableAlignment: allowTableAlignment,

package/dist/cjs/nodeviews/TableContainer.js

@@ -68,7 +68,7 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
   });
   var wasFullWidthModeEnabled = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? wasFullWidthModeEnabledSelector : tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled;
   (0, _react.useEffect)(function () {
-    if ((0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false) && !tableState) {
+    if (!tableState && (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)) {
       return;
     }
     if (editorView && getPos) {

package/dist/cjs/nodeviews/TableResizer.js

@@ -19,7 +19,6 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _resizer = require("@atlaskit/editor-common/resizer");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("@atlaskit/editor-tables/utils");
@@ -37,6 +36,7 @@ var _analytics2 = require("../pm-plugins/utils/analytics");
 var _guidelines = require("../pm-plugins/utils/guidelines");
 var _snapping = require("../pm-plugins/utils/snapping");
 var _consts2 = require("../ui/consts");
+var _useInternalTablePluginStateSelector = require("../ui/hooks/useInternalTablePluginStateSelector");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -143,7 +143,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     tableState = _useSharedPluginState.tableState;
 
   // widthToWidest
-  var widthToWidestSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'table.widthToWidest', {
+  var widthToWidestSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(pluginInjectionApi, 'widthToWidest', {
     disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
   });
   var widthToWidest = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? widthToWidestSelector : tableState.widthToWidest;

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

@@ -201,36 +201,34 @@ var containsNonTableBlockChildren = function containsNonTableBlockChildren(fragm
 };
 var transformSliceToRemoveOpenTable = exports.transformSliceToRemoveOpenTable = function transformSliceToRemoveOpenTable(slice, schema) {
   var _slice$content$firstC4;
-  if ((0, _platformFeatureFlags.fg)('platform_editor_nested_tables_paste_wrap_fix')) {
-    // Case 1: A slice of a block selection inside a nested table
-    // Prosemirror wraps nested block selections in their respective tables
-    // We are using `safeInsert` to paste nested tables, so we do not want to preserve this wrapping
+  // Case 1: A slice of a block selection inside a nested table
+  // Prosemirror wraps nested block selections in their respective tables
+  // We are using `safeInsert` to paste nested tables, so we do not want to preserve this wrapping
 
-    // slice starts and ends inside a nested table at the same depth
-    if (slice.openStart >= 7 && slice.openEnd >= 7) {
-      var cleaned = slice;
-      var descendedDepth = 0;
-      var tableDepthDecrement = 2;
+  // slice starts and ends inside a nested table at the same depth
+  if (slice.openStart >= 7 && slice.openEnd >= 7) {
+    var cleaned = slice;
+    var descendedDepth = 0;
+    var tableDepthDecrement = 2;
 
-      // if the slice is a single cell table and contains cells with single cell tables, descend into it until we find textblock children
-      if (isFragmentSingleCellTable(slice.content, schema)) {
-        var _slice$content$firstC2;
-        (_slice$content$firstC2 = slice.content.firstChild) === null || _slice$content$firstC2 === void 0 || _slice$content$firstC2.descendants(function (node) {
-          if (isNodeSingleCellTable(node, schema)) {
-            descendedDepth += tableDepthDecrement;
-          } else if (node.type === schema.nodes.table) {
-            return false;
-          } else if (containsNonTableBlockChildren(node.content, schema)) {
-            descendedDepth += tableDepthDecrement;
-            // create a new slice with the content of non-table block children and the depth of the nested tables subtracted
-            cleaned = new _model.Slice(node.content, slice.openStart - descendedDepth - tableDepthDecrement, slice.openEnd - descendedDepth - tableDepthDecrement);
-            return false;
-          }
-        });
-      }
-      if (!cleaned.eq(slice)) {
-        return cleaned;
-      }
+    // if the slice is a single cell table and contains cells with single cell tables, descend into it until we find textblock children
+    if (isFragmentSingleCellTable(slice.content, schema)) {
+      var _slice$content$firstC2;
+      (_slice$content$firstC2 = slice.content.firstChild) === null || _slice$content$firstC2 === void 0 || _slice$content$firstC2.descendants(function (node) {
+        if (isNodeSingleCellTable(node, schema)) {
+          descendedDepth += tableDepthDecrement;
+        } else if (node.type === schema.nodes.table) {
+          return false;
+        } else if (containsNonTableBlockChildren(node.content, schema)) {
+          descendedDepth += tableDepthDecrement;
+          // create a new slice with the content of non-table block children and the depth of the nested tables subtracted
+          cleaned = new _model.Slice(node.content, slice.openStart - descendedDepth - tableDepthDecrement, slice.openEnd - descendedDepth - tableDepthDecrement);
+          return false;
+        }
+      });
+    }
+    if (!cleaned.eq(slice)) {
+      return cleaned;
     }
   }
 

package/dist/cjs/tablePlugin.js

@@ -605,7 +605,7 @@ var tablePlugin = function tablePlugin(_ref) {
             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.fireAnalyticsEvent),
+            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
           }));

package/dist/cjs/ui/ContentComponent.js

@@ -8,8 +8,8 @@ exports.ContentComponent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _FloatingContextualButton = _interopRequireDefault(require("./FloatingContextualButton"));
 var _FloatingContextualMenu = _interopRequireDefault(require("./FloatingContextualMenu"));
 var _FloatingDeleteButton = _interopRequireDefault(require("./FloatingDeleteButton"));
@@ -17,14 +17,11 @@ var _FloatingDragMenu = _interopRequireDefault(require("./FloatingDragMenu"));
 var _FloatingInsertButton = _interopRequireDefault(require("./FloatingInsertButton"));
 var _FloatingToolbarLabel = require("./FloatingToolbarLabel/FloatingToolbarLabel");
 var _globalStyles = require("./global-styles");
+var _useInternalTablePluginStateSelector = require("./hooks/useInternalTablePluginStateSelector");
 var _TableFullWidthLabel = require("./TableFullWidthLabel");
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 
-var useSharedTablePluginStateSelector = function useSharedTablePluginStateSelector(api, key) {
-  var value = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, "table.".concat(key));
-  return value;
-};
 var ContentComponentInternal = function ContentComponentInternal(_ref) {
   var _api$analytics, _api$accessibilityUti;
   var api = _ref.api,
@@ -38,28 +35,71 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     defaultGetEditorFeatureFlags = _ref.defaultGetEditorFeatureFlags;
   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 resizingTableLocalId = useSharedTablePluginStateSelector(api, 'resizingTableLocalId');
-  var resizingTableRef = useSharedTablePluginStateSelector(api, 'resizingTableRef');
-  var isTableResizing = useSharedTablePluginStateSelector(api, 'isTableResizing');
-  var isResizing = useSharedTablePluginStateSelector(api, 'isResizing');
-  var widthToWidest = useSharedTablePluginStateSelector(api, 'widthToWidest');
-  var tableNode = useSharedTablePluginStateSelector(api, 'tableNode');
-  var targetCellPosition = useSharedTablePluginStateSelector(api, 'targetCellPosition');
-  var isContextualMenuOpen = useSharedTablePluginStateSelector(api, 'isContextualMenuOpen');
-  var tableRef = useSharedTablePluginStateSelector(api, 'tableRef');
-  var pluginConfig = useSharedTablePluginStateSelector(api, 'pluginConfig');
-  var insertColumnButtonIndex = useSharedTablePluginStateSelector(api, 'insertColumnButtonIndex');
-  var insertRowButtonIndex = useSharedTablePluginStateSelector(api, 'insertRowButtonIndex');
-  var isHeaderColumnEnabled = useSharedTablePluginStateSelector(api, 'isHeaderColumnEnabled');
-  var isHeaderRowEnabled = useSharedTablePluginStateSelector(api, 'isHeaderRowEnabled');
-  var isDragAndDropEnabled = useSharedTablePluginStateSelector(api, 'isDragAndDropEnabled');
-  var tableWrapperTarget = useSharedTablePluginStateSelector(api, 'tableWrapperTarget');
-  var isCellMenuOpenByKeyboard = useSharedTablePluginStateSelector(api, 'isCellMenuOpenByKeyboard');
-  var allowControls = pluginConfig.allowControls;
-  var stickyHeader = useSharedTablePluginStateSelector(api, 'stickyHeader');
-  var dragMenuDirection = useSharedTablePluginStateSelector(api, 'dragMenuDirection');
-  var dragMenuIndex = useSharedTablePluginStateSelector(api, 'dragMenuIndex');
-  var isDragMenuOpen = useSharedTablePluginStateSelector(api, 'isDragMenuOpen');
+  var resizingTableLocalId = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'resizingTableLocalId', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var resizingTableRef = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'resizingTableRef', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isTableResizing = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isTableResizing', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isResizing = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isResizing', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var widthToWidest = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'widthToWidest', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var tableNode = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'tableNode', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var targetCellPosition = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'targetCellPosition', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isContextualMenuOpen = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isContextualMenuOpen', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var tableRef = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'tableRef', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var pluginConfig = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'pluginConfig', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var insertColumnButtonIndex = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'insertColumnButtonIndex', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var insertRowButtonIndex = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'insertRowButtonIndex', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isHeaderColumnEnabled = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isHeaderColumnEnabled', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isHeaderRowEnabled = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isHeaderRowEnabled', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isDragAndDropEnabled = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isDragAndDropEnabled', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var tableWrapperTarget = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'tableWrapperTarget', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isCellMenuOpenByKeyboard = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isCellMenuOpenByKeyboard', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var _ref2 = pluginConfig !== null && pluginConfig !== void 0 ? pluginConfig : {},
+    allowControls = _ref2.allowControls;
+  var stickyHeader = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'stickyHeader', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var dragMenuDirection = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'dragMenuDirection', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var dragMenuIndex = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'dragMenuIndex', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
+  var isDragMenuOpen = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'isDragMenuOpen', {
+    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
+  });
   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,
@@ -147,17 +187,17 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     offset: [0, 10]
   }));
 };
-var ContentComponent = exports.ContentComponent = function ContentComponent(_ref2) {
+var ContentComponent = exports.ContentComponent = function ContentComponent(_ref3) {
   var _api$featureFlags;
-  var api = _ref2.api,
-    editorView = _ref2.editorView,
-    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
-    options = _ref2.options,
-    popupsMountPoint = _ref2.popupsMountPoint,
-    popupsBoundariesElement = _ref2.popupsBoundariesElement,
-    popupsScrollableElement = _ref2.popupsScrollableElement,
-    defaultGetEditorContainerWidth = _ref2.defaultGetEditorContainerWidth,
-    defaultGetEditorFeatureFlags = _ref2.defaultGetEditorFeatureFlags;
+  var api = _ref3.api,
+    editorView = _ref3.editorView,
+    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
+    options = _ref3.options,
+    popupsMountPoint = _ref3.popupsMountPoint,
+    popupsBoundariesElement = _ref3.popupsBoundariesElement,
+    popupsScrollableElement = _ref3.popupsScrollableElement,
+    defaultGetEditorContainerWidth = _ref3.defaultGetEditorContainerWidth,
+    defaultGetEditorFeatureFlags = _ref3.defaultGetEditorFeatureFlags;
   return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.TABLES_PLUGIN,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,

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

@@ -15,7 +15,6 @@ 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 _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorTables = require("@atlaskit/editor-tables");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
@@ -27,6 +26,7 @@ var _mergedCells = require("../../pm-plugins/utils/merged-cells");
 var _types = require("../../types");
 var _consts = require("../consts");
 var _DragPreview = require("../DragPreview");
+var _useInternalTablePluginStateSelector = require("../hooks/useInternalTablePluginStateSelector");
 var _HandleIconComponent = require("./HandleIconComponent");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -278,13 +278,13 @@ var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedS
     tableState = _ref6.tableState;
 
   // hoveredColumns
-  var hoveredColumnsSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'table.hoveredColumns', {
+  var hoveredColumnsSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'hoveredColumns', {
     disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
   });
   var hoveredColumns = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? hoveredColumnsSelector : tableState === null || tableState === void 0 ? void 0 : tableState.hoveredColumns;
 
   // hoveredRows
-  var hoveredRowsSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'table.hoveredRows', {
+  var hoveredRowsSelector = (0, _useInternalTablePluginStateSelector.useInternalTablePluginStateSelector)(api, 'hoveredRows', {
     disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
   });
   var hoveredRows = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? hoveredRowsSelector : tableState === null || tableState === void 0 ? void 0 : tableState.hoveredRows;

package/dist/cjs/ui/hooks/useInternalTablePluginStateSelector.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInternalTablePluginStateSelector = void 0;
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
+/**
+ * **This hook is only for internal use and should not be used outside of the table plugin.**
+ *
+ * Hook to select a value from the internal table plugin state.
+ * This is a wrapper around `useSharedPluginStateSelector` to provide access to the entire
+ * `TableSharedStateInternal` type. Since tables plugin has a lot of internal state that is not
+ * exposed via the `TableSharedState` type, we need to use this hook to access it in a type safe way.
+ *
+ * @param api The editor API
+ * @param key Key of TableSharedStateInternal to select
+ * @returns
+ */
+var useInternalTablePluginStateSelector = exports.useInternalTablePluginStateSelector = function useInternalTablePluginStateSelector(api, key, options) {
+  // Need to disable the eslint rule here because the key is for the TableSharedStateInternal type
+  // and we are using it as a string to access the value in the useSharedPluginStateSelector
+  // which is typed only for the public TableSharedState type.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var value = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, "table.".concat(key), options);
+  return value;
+};

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -3,18 +3,12 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { findTable } from '@atlaskit/editor-tables';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { useInternalTablePluginStateSelector } from '../ui/hooks/useInternalTablePluginStateSelector';
 import TableComponent from './TableComponent';
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-const useSharedTablePluginStateSelector = (api, key) => {
-  const value = useSharedPluginStateSelector(api, `table.${key}`, {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  return value;
-};
-
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
@@ -42,16 +36,36 @@ export const TableComponentWithSharedState = ({
   } = useSharedPluginState(api, ['width', 'table', 'media', 'selection', 'editorViewMode'], {
     disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
   });
-  const isTableResizingSelector = useSharedTablePluginStateSelector(api, 'isTableResizing');
-  const isHeaderColumnEnabledSelector = useSharedTablePluginStateSelector(api, 'isHeaderColumnEnabled');
-  const isHeaderRowEnabledSelector = useSharedTablePluginStateSelector(api, 'isHeaderRowEnabled');
-  const orderingSelector = useSharedTablePluginStateSelector(api, 'ordering');
-  const isResizingSelector = useSharedTablePluginStateSelector(api, 'isResizing');
-  const isInDangerSelector = useSharedTablePluginStateSelector(api, 'isInDanger');
-  const hoveredCellSelector = useSharedTablePluginStateSelector(api, 'hoveredCell');
-  const hoveredRowsSelector = useSharedTablePluginStateSelector(api, 'hoveredRows');
-  const isTableHoveredSelector = useSharedTablePluginStateSelector(api, 'isTableHovered');
-  const isWholeTableInDangerSelector = useSharedTablePluginStateSelector(api, 'isWholeTableInDanger');
+  const isTableResizingSelector = useInternalTablePluginStateSelector(api, 'isTableResizing', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isHeaderColumnEnabledSelector = useInternalTablePluginStateSelector(api, 'isHeaderColumnEnabled', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isHeaderRowEnabledSelector = useInternalTablePluginStateSelector(api, 'isHeaderRowEnabled', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const orderingSelector = useInternalTablePluginStateSelector(api, 'ordering', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isResizingSelector = useInternalTablePluginStateSelector(api, 'isResizing', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isInDangerSelector = useInternalTablePluginStateSelector(api, 'isInDanger', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const hoveredCellSelector = useInternalTablePluginStateSelector(api, 'hoveredCell', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const hoveredRowsSelector = useInternalTablePluginStateSelector(api, 'hoveredRows', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isTableHoveredSelector = useInternalTablePluginStateSelector(api, 'isTableHovered', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
+  const isWholeTableInDangerSelector = useInternalTablePluginStateSelector(api, 'isWholeTableInDanger', {
+    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  });
 
   // mediaState
   const isFullscreenSelector = useSharedPluginStateSelector(api, 'media.isFullscreen', {
@@ -119,8 +133,8 @@ export const TableComponentWithSharedState = ({
     isMediaFullscreen: isFullscreen,
     options: options,
     allowControls: allowControls,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
+    isHeaderRowEnabled: isHeaderRowEnabled !== null && isHeaderRowEnabled !== void 0 ? isHeaderRowEnabled : false,
+    isHeaderColumnEnabled: isHeaderColumnEnabled !== null && isHeaderColumnEnabled !== void 0 ? isHeaderColumnEnabled : false,
     isDragAndDropEnabled: (options === null || options === void 0 ? void 0 : options.isDragAndDropEnabled) && !isLivePageViewMode,
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     allowTableAlignment: allowTableAlignment,

package/dist/es2019/nodeviews/TableContainer.js

@@ -60,7 +60,7 @@ const AlignmentTableContainer = ({
   });
   const wasFullWidthModeEnabled = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? wasFullWidthModeEnabledSelector : tableState === null || tableState === void 0 ? void 0 : tableState.wasFullWidthModeEnabled;
   useEffect(() => {
-    if (editorExperiment('platform_editor_usesharedpluginstateselector', false) && !tableState) {
+    if (!tableState && editorExperiment('platform_editor_usesharedpluginstateselector', false)) {
       return;
     }
     if (editorView && getPos) {

package/dist/es2019/nodeviews/TableResizer.js

@@ -9,7 +9,6 @@ import { focusTableResizer, ToolTipContent } from '@atlaskit/editor-common/keyma
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
@@ -27,6 +26,7 @@ import { generateResizedPayload, generateResizeFrameRatePayloads, useMeasureFram
 import { defaultGuidelines, defaultGuidelinesForPreserveTable, PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET } from '../pm-plugins/utils/guidelines';
 import { defaultSnappingWidths, defaultTablePreserveSnappingWidths, findClosestSnap, PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET } from '../pm-plugins/utils/snapping';
 import { TABLE_GUIDELINE_VISIBLE_ADJUSTMENT, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE, TABLE_SNAP_GAP } from '../ui/consts';
+import { useInternalTablePluginStateSelector } from '../ui/hooks/useInternalTablePluginStateSelector';
 const RESIZE_STEP_VALUE = 10;
 const handles = {
   right: true
@@ -131,7 +131,7 @@ export const TableResizer = ({
   });
 
   // widthToWidest
-  const widthToWidestSelector = useSharedPluginStateSelector(pluginInjectionApi, 'table.widthToWidest', {
+  const widthToWidestSelector = useInternalTablePluginStateSelector(pluginInjectionApi, 'widthToWidest', {
     disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
   });
   const widthToWidest = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? widthToWidestSelector : tableState.widthToWidest;

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

@@ -193,36 +193,34 @@ const containsNonTableBlockChildren = (fragment, schema) => {
 };
 export const transformSliceToRemoveOpenTable = (slice, schema) => {
   var _slice$content$firstC8;
-  if (fg('platform_editor_nested_tables_paste_wrap_fix')) {
-    // Case 1: A slice of a block selection inside a nested table
-    // Prosemirror wraps nested block selections in their respective tables
-    // We are using `safeInsert` to paste nested tables, so we do not want to preserve this wrapping
+  // Case 1: A slice of a block selection inside a nested table
+  // Prosemirror wraps nested block selections in their respective tables
+  // We are using `safeInsert` to paste nested tables, so we do not want to preserve this wrapping
 
-    // slice starts and ends inside a nested table at the same depth
-    if (slice.openStart >= 7 && slice.openEnd >= 7) {
-      let cleaned = slice;
-      let descendedDepth = 0;
-      const tableDepthDecrement = 2;
+  // slice starts and ends inside a nested table at the same depth
+  if (slice.openStart >= 7 && slice.openEnd >= 7) {
+    let cleaned = slice;
+    let descendedDepth = 0;
+    const tableDepthDecrement = 2;
 
-      // if the slice is a single cell table and contains cells with single cell tables, descend into it until we find textblock children
-      if (isFragmentSingleCellTable(slice.content, schema)) {
-        var _slice$content$firstC2;
-        (_slice$content$firstC2 = slice.content.firstChild) === null || _slice$content$firstC2 === void 0 ? void 0 : _slice$content$firstC2.descendants(node => {
-          if (isNodeSingleCellTable(node, schema)) {
-            descendedDepth += tableDepthDecrement;
-          } else if (node.type === schema.nodes.table) {
-            return false;
-          } else if (containsNonTableBlockChildren(node.content, schema)) {
-            descendedDepth += tableDepthDecrement;
-            // create a new slice with the content of non-table block children and the depth of the nested tables subtracted
-            cleaned = new Slice(node.content, slice.openStart - descendedDepth - tableDepthDecrement, slice.openEnd - descendedDepth - tableDepthDecrement);
-            return false;
-          }
-        });
-      }
-      if (!cleaned.eq(slice)) {
-        return cleaned;
-      }
+    // if the slice is a single cell table and contains cells with single cell tables, descend into it until we find textblock children
+    if (isFragmentSingleCellTable(slice.content, schema)) {
+      var _slice$content$firstC2;
+      (_slice$content$firstC2 = slice.content.firstChild) === null || _slice$content$firstC2 === void 0 ? void 0 : _slice$content$firstC2.descendants(node => {
+        if (isNodeSingleCellTable(node, schema)) {
+          descendedDepth += tableDepthDecrement;
+        } else if (node.type === schema.nodes.table) {
+          return false;
+        } else if (containsNonTableBlockChildren(node.content, schema)) {
+          descendedDepth += tableDepthDecrement;
+          // create a new slice with the content of non-table block children and the depth of the nested tables subtracted
+          cleaned = new Slice(node.content, slice.openStart - descendedDepth - tableDepthDecrement, slice.openEnd - descendedDepth - tableDepthDecrement);
+          return false;
+        }
+      });
+    }
+    if (!cleaned.eq(slice)) {
+      return cleaned;
     }
   }