@atlaskit/editor-plugin-table 14.2.4 → 14.2.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 14.2.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.2.5
+
+### Patch Changes
+
+- [`6b6eca9cee16d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b6eca9cee16d) -
+  Switch to use editorExperiment to use productKey for responsive preview panel changes.
+- [`07c4ed52fa008`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/07c4ed52fa008) -
+  Hydration fixes for table plugin
+- Updated dependencies
+
 ## 14.2.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableContainer.js

@@ -17,6 +17,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
@@ -124,7 +125,9 @@ var selector = function selector(states) {
   };
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
 var ResizableTableContainerLegacy = /*#__PURE__*/_react.default.memo(function (_ref4) {
   var children = _ref4.children,

package/dist/cjs/nodeviews/TableResizer.js

@@ -81,7 +81,9 @@ var getResizerMinWidth = function getResizerMinWidth(node) {
   return minColumnWidth + 1;
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
 
 /**

package/dist/cjs/nodeviews/toDOM.js

@@ -13,6 +13,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _misc = require("../pm-plugins/table-resizing/utils/misc");
@@ -25,7 +26,9 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
     toDOM: function toDOM(node) {
       var _node$attrs$width;
       var gutterPadding = function gutterPadding() {
-        if ((0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+        if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+          exposure: true
+        })) {
           return 'calc(var(--ak-editor--large-gutter-padding) * 2)';
         } else {
           return "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2, "px");

package/dist/cjs/pm-plugins/table-resizing/utils/misc.js

@@ -11,7 +11,7 @@ var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _colgroup = require("./colgroup");
 var _consts = require("./consts");
 // Translates named layouts in number values.
@@ -21,7 +21,9 @@ function getLayoutSize(tableLayout) {
   var isFullWidthModeEnabled = options.isFullWidthModeEnabled;
   if (isFullWidthModeEnabled) {
     var padding = (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
-    if (containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+    if (containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    })) {
       padding = _editorSharedStyles.akEditorGutterPaddingReduced;
     }
     return containerWidth ? Math.min(containerWidth - padding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;

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

@@ -8,7 +8,7 @@ exports.findClosestSnap = exports.defaultTablePreserveSnappingWidths = exports.d
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _guideline = require("@atlaskit/editor-common/guideline");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var numberOfLanesInDefaultLayoutWidth = 12;
 var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes, totalWidth) {
   return new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map(function (v, i) {
@@ -20,7 +20,9 @@ var calculateDefaultSnappings = exports.calculateDefaultSnappings = function cal
   return [].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset)), [_editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset, _editorSharedStyles.akEditorCalculatedWideLayoutWidth + lengthOffset, _editorSharedStyles.akEditorFullWidthLayoutWidth + lengthOffset]);
 };
 var getPadding = function getPadding(editorContainerWith) {
-  return editorContainerWith <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return editorContainerWith <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
 
 // FF TablePreserve for calculateDefaultSnappings

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

@@ -10,6 +10,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _consts = require("../consts");
 var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
@@ -36,13 +37,24 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCellMenuOpenByKeyboard = _ref.isCellMenuOpenByKeyboard,
     isCommentEditor = _ref.isCommentEditor,
     api = _ref.api;
+  if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+    return null;
+  }
+
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var _getPluginState = (0, _pluginFactory.getPluginState)(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition,
     isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
+
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var selection = editorView.state.selection;
   var selectionRect = (0, _utils2.isSelectionType)(selection, 'cell') ?
   // Ignored via go/ees005
@@ -51,6 +63,8 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   if (!selectionRect) {
     return null;
   }
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var domAtPos = editorView.domAtPos.bind(editorView);
   var targetCellRef = (0, _utils.findDomRefAtPos)(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -78,7 +92,10 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     stick: true
   }, (0, _react.jsx)("div", {
     css: (0, _styles.tablePopupStyles)(isDragAndDropEnabled)
-  }, (0, _react.jsx)(_ContextualMenu.default, {
+  }, (0, _react.jsx)(_ContextualMenu.default
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  , {
     editorView: editorView,
     offset: [_consts.contextualMenuTriggerSize / 2, -_consts.contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/es2019/nodeviews/TableContainer.js

@@ -8,6 +8,7 @@ import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutte
 import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
@@ -118,7 +119,9 @@ const selector = states => ({
   editorViewModeState: states.editorViewModeState
 });
 const getPadding = containerWidth => {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 const ResizableTableContainerLegacy = /*#__PURE__*/React.memo(({
   children,

package/dist/es2019/nodeviews/TableResizer.js

@@ -68,7 +68,9 @@ const getResizerMinWidth = node => {
   return minColumnWidth + 1;
 };
 const getPadding = containerWidth => {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 /**

package/dist/es2019/nodeviews/toDOM.js

@@ -3,6 +3,7 @@ import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { generateColgroup, generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
@@ -14,7 +15,9 @@ export const tableNodeSpecWithFixedToDOM = config => {
     toDOM: node => {
       var _node$attrs$width;
       const gutterPadding = () => {
-        if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+        if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+          exposure: true
+        })) {
           return 'calc(var(--ak-editor--large-gutter-padding) * 2)';
         } else {
           return `${akEditorGutterPaddingDynamic() * 2}px`;

package/dist/es2019/pm-plugins/table-resizing/utils/misc.js

@@ -2,7 +2,7 @@ import { getParentNodeWidth, getTableContainerWidth, layoutToWidth } from '@atla
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hasTableBeenResized, hasTableColumnBeenResized } from './colgroup';
 import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION, TABLE_MAX_WIDTH } from './consts';
 
@@ -13,7 +13,9 @@ export function getLayoutSize(tableLayout, containerWidth = 0, options) {
   } = options;
   if (isFullWidthModeEnabled) {
     let padding = akEditorGutterPaddingDynamic();
-    if (containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+    if (containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    })) {
       padding = akEditorGutterPaddingReduced;
     }
     return containerWidth ? Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth) : akEditorFullWidthLayoutWidth;

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

@@ -1,11 +1,13 @@
 import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
 import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const numberOfLanesInDefaultLayoutWidth = 12;
 const calculateSubSnappingWidths = (totalLanes, totalWidth) => new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map((v, i) => v * (i + 1) * 2);
 export const calculateDefaultSnappings = (lengthOffset = 0) => [...calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset), akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, akEditorFullWidthLayoutWidth + lengthOffset];
 const getPadding = editorContainerWith => {
-  return editorContainerWith <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return editorContainerWith <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 // FF TablePreserve for calculateDefaultSnappings

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

@@ -8,6 +8,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD, contextualMenuTriggerSize, tablePopupMenuFitHeight } from '../consts';
 
@@ -29,14 +30,25 @@ const FloatingContextualMenu = ({
   isCommentEditor,
   api
 }) => {
+  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+    return null;
+  }
+
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const {
     targetCellPosition,
     isDragAndDropEnabled
   } = getPluginState(editorView.state);
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
+
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const {
     selection
   } = editorView.state;
@@ -47,6 +59,8 @@ const FloatingContextualMenu = ({
   if (!selectionRect) {
     return null;
   }
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const domAtPos = editorView.domAtPos.bind(editorView);
   const targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -74,7 +88,10 @@ const FloatingContextualMenu = ({
     stick: true
   }, jsx("div", {
     css: tablePopupStyles(isDragAndDropEnabled)
-  }, jsx(ContextualMenu, {
+  }, jsx(ContextualMenu
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  , {
     editorView: editorView,
     offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/esm/nodeviews/TableContainer.js

@@ -9,6 +9,7 @@ import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutte
 import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
@@ -115,7 +116,9 @@ var selector = function selector(states) {
   };
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
   var children = _ref4.children,

package/dist/esm/nodeviews/TableResizer.js

@@ -72,7 +72,9 @@ var getResizerMinWidth = function getResizerMinWidth(node) {
   return minColumnWidth + 1;
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 /**

package/dist/esm/nodeviews/toDOM.js

@@ -8,6 +8,7 @@ import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { generateColgroup, generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
@@ -18,7 +19,9 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
     toDOM: function toDOM(node) {
       var _node$attrs$width;
       var gutterPadding = function gutterPadding() {
-        if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+        if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+          exposure: true
+        })) {
           return 'calc(var(--ak-editor--large-gutter-padding) * 2)';
         } else {
           return "".concat(akEditorGutterPaddingDynamic() * 2, "px");

package/dist/esm/pm-plugins/table-resizing/utils/misc.js

@@ -2,7 +2,7 @@ import { getParentNodeWidth, getTableContainerWidth, layoutToWidth } from '@atla
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hasTableBeenResized, hasTableColumnBeenResized } from './colgroup';
 import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION, TABLE_MAX_WIDTH } from './consts';
 
@@ -13,7 +13,9 @@ export function getLayoutSize(tableLayout) {
   var isFullWidthModeEnabled = options.isFullWidthModeEnabled;
   if (isFullWidthModeEnabled) {
     var padding = akEditorGutterPaddingDynamic();
-    if (containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+    if (containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    })) {
       padding = akEditorGutterPaddingReduced;
     }
     return containerWidth ? Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth) : akEditorFullWidthLayoutWidth;

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

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
 import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var numberOfLanesInDefaultLayoutWidth = 12;
 var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes, totalWidth) {
   return new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map(function (v, i) {
@@ -13,7 +13,9 @@ export var calculateDefaultSnappings = function calculateDefaultSnappings() {
   return [].concat(_toConsumableArray(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset)), [akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, akEditorFullWidthLayoutWidth + lengthOffset]);
 };
 var getPadding = function getPadding(editorContainerWith) {
-  return editorContainerWith <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return editorContainerWith <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 // FF TablePreserve for calculateDefaultSnappings

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

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

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

@@ -11,7 +11,7 @@ interface Props {
     api: PluginInjectionAPI | undefined | null;
     boundariesElement?: HTMLElement;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
-    editorView: EditorView;
+    editorView: EditorView | undefined;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isCellMenuOpenByKeyboard?: boolean;

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

@@ -11,7 +11,7 @@ interface Props {
     api: PluginInjectionAPI | undefined | null;
     boundariesElement?: HTMLElement;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
-    editorView: EditorView;
+    editorView: EditorView | undefined;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isCellMenuOpenByKeyboard?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "14.2.4",
+	"version": "14.2.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^5.2.0",
 		"@atlaskit/editor-plugin-content-insertion": "^5.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^7.0.0",
-		"@atlaskit/editor-plugin-extension": "8.2.1",
+		"@atlaskit/editor-plugin-extension": "8.2.2",
 		"@atlaskit/editor-plugin-guideline": "^5.0.0",
 		"@atlaskit/editor-plugin-interaction": "^7.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^2.1.0",
@@ -56,10 +56,10 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/react-ufo": "^4.7.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.24.0",
+		"@atlaskit/tmp-editor-statsig": "^12.26.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.8.0",
+		"@atlaskit/editor-common": "^109.11.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"