@atlaskit/editor-plugin-table 15.2.2 → 15.2.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 15.2.3
+
+### Patch Changes
+
+- [`14a03e6be917d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14a03e6be917d) -
+  upgrade use of browser util
+- Updated dependencies
+
 ## 15.2.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentLegacy.js

@@ -18,6 +18,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _browser = require("@atlaskit/editor-common/browser");
 var _collab = require("@atlaskit/editor-common/collab");
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
@@ -58,7 +59,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
-var isIE11 = _utils.browser.ie_version === 11;
 // When table is inserted via paste, keyboard shortcut or quickInsert,
 // componentDidUpdate is called multiple times. The isOverflowing value is correct only on the last update.
 // To make sure we capture the last update, we use setTimeout.
@@ -464,6 +464,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         eventDispatcher = _this$props7.eventDispatcher,
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         getNode = _this$props7.getNode;
+      var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+      var isIE11 = browser.ie_version === 11;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -546,6 +548,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props8.isDragAndDropEnabled,
         view = _this$props8.view,
         isInDanger = _this$props8.isInDanger;
+      var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+      var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/cjs/nodeviews/TableComponentNext.js

@@ -16,6 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactIntlNext = require("react-intl-next");
+var _browser = require("@atlaskit/editor-common/browser");
 var _collab = require("@atlaskit/editor-common/collab");
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
@@ -53,8 +54,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
-var isIE11 = _utils.browser.ie_version === 11;
-
 // Prevent unnecessary parentWidth updates when table is nested inside of a node that is nested itself.
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD = 2;
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD = 20;
@@ -406,6 +405,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         eventDispatcher = _this$props6.eventDispatcher,
         isDragAndDropEnabled = _this$props6.isDragAndDropEnabled,
         getNode = _this$props6.getNode;
+      var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+      var isIE11 = browser.ie_version === 11;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -484,6 +485,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         view = _this$props7.view,
         isInDanger = _this$props7.isInDanger;
+      var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+      var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/cjs/nodeviews/TableResizer.js

@@ -436,7 +436,8 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
   }, [editorView]);
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     var isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
-    var metaKey = _browser.browser.mac ? event.metaKey : event.ctrlKey;
+    var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+    var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
     if (event.altKey || metaKey || event.shiftKey) {
       areResizeMetaKeysPressed.current = true;
     }
@@ -461,7 +462,8 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     }
     var resizeHandleThumbEl = resizerRef.current.getResizerThumbEl();
     var globalKeyDownHandler = function globalKeyDownHandler(event) {
-      var metaKey = _browser.browser.mac ? event.metaKey : event.ctrlKey;
+      var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+      var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
       if (!isTableSelected) {
         return;
       }

package/dist/cjs/pm-plugins/drag-and-drop/utils/getDragBehaviour.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDragBehaviour = void 0;
 var _browser = require("@atlaskit/editor-common/browser");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var getDragBehaviour = exports.getDragBehaviour = function getDragBehaviour(_ref) {
   var altKey = _ref.altKey,
     ctrlKey = _ref.ctrlKey;
-  var isCloneModifierKeyPressed = _browser.browser.mac ? altKey : ctrlKey;
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+  var isCloneModifierKeyPressed = browser.mac ? altKey : ctrlKey;
   return isCloneModifierKeyPressed ? 'clone' : 'move';
 };

package/dist/cjs/pm-plugins/main.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _browser = require("@atlaskit/editor-common/browser");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _transforms = require("@atlaskit/editor-common/transforms");
@@ -15,6 +16,7 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils3 = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tableNodeViews = require("../nodeviews/table-node-views");
 var _plugin = require("../pm-plugins/decorations/plugin");
 var _types = require("../types");
@@ -252,6 +254,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
         var state = _ref2.state,
           dispatch = _ref2.dispatch;
         var decorationSet = _plugin.pluginKey.getState(state);
+        var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
         if ((0, _decoration.findControlsHoverDecoration)(decorationSet).length) {
           (0, _commands.clearHoverSelection)()(state, dispatch);
         }
@@ -259,7 +262,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
         // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
-        if (_utils.browser.chrome && event.target) {
+        if (browser.chrome && event.target) {
           // Ignored via go/ees005
           // eslint-disable-next-line @atlaskit/editor/no-as-casting
           var targetClassList = event.target.classList;

package/dist/cjs/tablePlugin.js

@@ -469,10 +469,11 @@ var tablePlugin = function tablePlugin(_ref) {
           return isTableSelectorEnabled ? (0, _tableSizeSelector.createPlugin)(dispatch) : undefined;
         }
       }];
+      var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
 
       // Workaround for table element breaking issue caused by composition event with an inputType of deleteCompositionText.
       // https://github.com/ProseMirror/prosemirror/issues/934
-      if (_browser.browser.safari) {
+      if (browser.safari) {
         plugins.push({
           name: 'tableSafariDeleteCompositionTextIssueWorkaround',
           plugin: function plugin() {

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

@@ -118,6 +118,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   };
   (0, _react.useEffect)(function () {
     var dragHandleDivRefCurrent = dragHandleDivRef.current;
+    var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
     if (dragHandleDivRefCurrent) {
       return (0, _adapter.draggable)({
         element: dragHandleDivRefCurrent,
@@ -137,7 +138,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
             getOffset: function getOffset(_ref3) {
               var container = _ref3.container;
               var rect = container.getBoundingClientRect();
-              if (_browser.browser.safari) {
+              if (browser.safari) {
                 // See: https://product-fabric.atlassian.net/browse/ED-21442
                 // We need to ensure that the preview is not overlaying screen content when the snapshot is taken, otherwise
                 // safari will composite the screen text elements into the bitmap snapshot. The container is a wrapper which is already
@@ -172,6 +173,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     }
   }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   var showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -248,7 +250,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     }
   }, appearance !== 'placeholder' ?
   //  cannot block pointer events in Firefox as it breaks Dragging functionality
-  _browser.browser.gecko ?
+  browser.gecko ?
   /*#__PURE__*/
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading

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

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _browser = require("@atlaskit/editor-common/browser");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../pm-plugins/commands");
 var _nodes = require("../../pm-plugins/utils/nodes");
 var _types = require("../../types");
@@ -42,7 +43,8 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
   var _selectRow = (0, _react.useCallback)(function (row, expand) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
-    if (_browser.browser.ie_version === 11) {
+    var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+    if (browser.ie_version === 11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       editorView.dom.blur();
@@ -52,7 +54,8 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
   var _selectRows = (0, _react.useCallback)(function (rowIndexes) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
-    if (_browser.browser.ie_version === 11) {
+    var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+    if (browser.ie_version === 11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       editorView.dom.blur();

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

@@ -56,12 +56,13 @@ var tableStickyHeaderColumnControlsDecorationsStyle = function tableStickyHeader
   return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", " .", " {\n\t\t\tz-index: 0;\n\t\t\tleft: -1px;\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder-left: 1px solid ", ";\n\t\t}\n\n\t\t.", " tr:first-of-type th.", " {\n\t\t\t&.", ", &.", " {\n\t\t\t\t.", "::after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _consts2.tableBorderColor, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_HEADER_CELL, _types.TableCssClassName.COLUMN_SELECTED, _types.TableCssClassName.HOVERED_COLUMN, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS);
 };
 var tableStickyHeaderFirefoxFixStyle = function tableStickyHeaderFirefoxFixStyle() {
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
   /*
      This is MAGIC!
      This fixes a bug which occurs in firefox when the first row becomes sticky.
      see https://product-fabric.atlassian.net/browse/ED-19177
    */
-  if (_browser.browser.gecko) {
+  if (browser.gecko) {
     return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t.", " > tbody::before {\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t"])), _types.TableCssClassName.TABLE_STICKY);
   }
 };

package/dist/es2019/nodeviews/TableComponentLegacy.js

@@ -5,12 +5,13 @@ import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
-import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -39,7 +40,6 @@ import { ExternalDropTargets } from './ExternalDropTargets';
 import { OverflowShadowsObserver } from './OverflowShadowsObserver';
 import { TableContainer } from './TableContainer';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-const isIE11 = browser.ie_version === 11;
 // When table is inserted via paste, keyboard shortcut or quickInsert,
 // componentDidUpdate is called multiple times. The isOverflowing value is correct only on the last update.
 // To make sure we capture the last update, we use setTimeout.
@@ -448,6 +448,8 @@ class TableComponent extends React.Component {
       isDragAndDropEnabled,
       getNode
     } = this.props;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+    const isIE11 = browser.ie_version === 11;
 
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -520,6 +522,8 @@ class TableComponent extends React.Component {
       view,
       isInDanger
     } = this.props;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+    const isIE11 = browser.ie_version === 11;
     if (this.wrapper && !isIE11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/es2019/nodeviews/TableComponentNext.js

@@ -3,11 +3,12 @@ import React from 'react';
 import classnames from 'classnames';
 import rafSchedule from 'raf-schd';
 import { injectIntl } from 'react-intl-next';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -34,8 +35,6 @@ import TableFloatingControls from '../ui/TableFloatingControls';
 import { ExternalDropTargets } from './ExternalDropTargets';
 import { TableContainer } from './TableContainer';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-const isIE11 = browser.ie_version === 11;
-
 // Prevent unnecessary parentWidth updates when table is nested inside of a node that is nested itself.
 const NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD = 2;
 const NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD = 20;
@@ -380,6 +379,8 @@ class TableComponent extends React.Component {
       isDragAndDropEnabled,
       getNode
     } = this.props;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+    const isIE11 = browser.ie_version === 11;
 
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -448,6 +449,8 @@ class TableComponent extends React.Component {
       view,
       isInDanger
     } = this.props;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+    const isIE11 = browser.ie_version === 11;
     if (this.wrapper && !isIE11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/es2019/nodeviews/TableResizer.js

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import rafSchd from 'raf-schd';
 import { useIntl } from 'react-intl-next';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { focusTableResizer, ToolTipContent } from '@atlaskit/editor-common/keymaps';
@@ -432,6 +432,7 @@ export const TableResizer = ({
   }, [editorView]);
   const handleKeyDown = useCallback(event => {
     const isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
     if (event.altKey || metaKey || event.shiftKey) {
       areResizeMetaKeysPressed.current = true;
@@ -457,6 +458,7 @@ export const TableResizer = ({
     }
     const resizeHandleThumbEl = resizerRef.current.getResizerThumbEl();
     const globalKeyDownHandler = event => {
+      const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
       const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
       if (!isTableSelected) {
         return;

package/dist/es2019/pm-plugins/drag-and-drop/utils/getDragBehaviour.js

@@ -1,8 +1,10 @@
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const getDragBehaviour = ({
   altKey,
   ctrlKey
 }) => {
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   const isCloneModifierKeyPressed = browser.mac ? altKey : ctrlKey;
   return isCloneModifierKeyPressed ? 'clone' : 'move';
 };

package/dist/es2019/pm-plugins/main.js

@@ -1,12 +1,14 @@
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { insideTable } from '@atlaskit/editor-common/core-utils';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenLayoutNodes, transformSliceToRemoveOpenMultiBodiedExtension, transformSliceToRemoveOpenNestedExpand } from '@atlaskit/editor-common/transforms';
-import { browser, closestElement } from '@atlaskit/editor-common/utils';
+import { closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { tableCellView, tableHeaderView, tableRowView, tableView } from '../nodeviews/table-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { TableCssClassName as ClassName } from '../types';
@@ -245,6 +247,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
         dispatch
       }, _pos, event) => {
         const decorationSet = decorationsPluginKey.getState(state);
+        const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
         if (findControlsHoverDecoration(decorationSet).length) {
           clearHoverSelection()(state, dispatch);
         }

package/dist/es2019/tablePlugin.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { tableCell, tableCellWithNestedTable, tableHeader, tableHeaderWithLocalId, tableHeaderWithNestedTable, tableRow, tableRowWithNestedTable, tableRowWithLocalId, tableCellWithLocalId, tableCellWithNestedTableWithLocalId, tableRowWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { IconTable } from '@atlaskit/editor-common/icons';
 import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -457,6 +457,7 @@ const tablePlugin = ({
           dispatch
         }) => isTableSelectorEnabled ? createSizeSelectorPlugin(dispatch) : undefined
       }];
+      const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
 
       // Workaround for table element breaking issue caused by composition event with an inputType of deleteCompositionText.
       // https://github.com/ProseMirror/prosemirror/issues/934

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

@@ -4,7 +4,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
@@ -106,6 +106,7 @@ const DragHandleComponent = ({
   };
   useEffect(() => {
     const dragHandleDivRefCurrent = dragHandleDivRef.current;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (dragHandleDivRefCurrent) {
       return draggable({
         element: dragHandleDivRefCurrent,
@@ -161,6 +162,7 @@ const DragHandleComponent = ({
     }
   }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   const showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
     type: "button"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -1,7 +1,8 @@
 import React, { useCallback } from 'react';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/commands';
 import { isTableNested } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
@@ -36,6 +37,7 @@ export const TableFloatingControls = ({
       state,
       dispatch
     } = editorView;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (browser.ie_version === 11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -48,6 +50,7 @@ export const TableFloatingControls = ({
       state,
       dispatch
     } = editorView;
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (browser.ie_version === 11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting

package/dist/es2019/ui/common-styles.js

@@ -5,7 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tableMarginTop, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
 import { akEditorSelectedNodeClassName, akEditorSmallZIndex, akEditorStickyHeaderZIndex, akEditorTableCellOnStickyHeaderZIndex, akEditorTableNumberColumnWidth, akEditorTableToolbarSize, akEditorUnitZIndex, getSelectionStyles, MAX_BROWSER_SCROLLBAR_HEIGHT, SelectionStyle, relativeSizeToBaseFontSize, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -189,6 +189,7 @@ const tableStickyHeaderColumnControlsDecorationsStyle = () => {
 	`;
 };
 const tableStickyHeaderFirefoxFixStyle = () => {
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   /*
      This is MAGIC!
      This fixes a bug which occurs in firefox when the first row becomes sticky.

package/dist/esm/nodeviews/TableComponentLegacy.js

@@ -18,12 +18,13 @@ import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
-import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -52,7 +53,6 @@ import { ExternalDropTargets } from './ExternalDropTargets';
 import { OverflowShadowsObserver } from './OverflowShadowsObserver';
 import { TableContainer } from './TableContainer';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-var isIE11 = browser.ie_version === 11;
 // When table is inserted via paste, keyboard shortcut or quickInsert,
 // componentDidUpdate is called multiple times. The isOverflowing value is correct only on the last update.
 // To make sure we capture the last update, we use setTimeout.
@@ -458,6 +458,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         eventDispatcher = _this$props7.eventDispatcher,
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         getNode = _this$props7.getNode;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -540,6 +542,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props8.isDragAndDropEnabled,
         view = _this$props8.view,
         isInDanger = _this$props8.isInDanger;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/esm/nodeviews/TableComponentNext.js

@@ -16,11 +16,12 @@ import React from 'react';
 import classnames from 'classnames';
 import rafSchedule from 'raf-schd';
 import { injectIntl } from 'react-intl-next';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -47,8 +48,6 @@ import TableFloatingControls from '../ui/TableFloatingControls';
 import { ExternalDropTargets } from './ExternalDropTargets';
 import { TableContainer } from './TableContainer';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-var isIE11 = browser.ie_version === 11;
-
 // Prevent unnecessary parentWidth updates when table is nested inside of a node that is nested itself.
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD = 2;
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD = 20;
@@ -400,6 +399,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         eventDispatcher = _this$props6.eventDispatcher,
         isDragAndDropEnabled = _this$props6.isDragAndDropEnabled,
         getNode = _this$props6.getNode;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -478,6 +479,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         view = _this$props7.view,
         isInDanger = _this$props7.isInDanger;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners

package/dist/esm/nodeviews/TableResizer.js

@@ -6,7 +6,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import rafSchd from 'raf-schd';
 import { useIntl } from 'react-intl-next';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { focusTableResizer, ToolTipContent } from '@atlaskit/editor-common/keymaps';
@@ -427,6 +427,7 @@ export var TableResizer = function TableResizer(_ref) {
   }, [editorView]);
   var handleKeyDown = useCallback(function (event) {
     var isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
     if (event.altKey || metaKey || event.shiftKey) {
       areResizeMetaKeysPressed.current = true;
@@ -452,6 +453,7 @@ export var TableResizer = function TableResizer(_ref) {
     }
     var resizeHandleThumbEl = resizerRef.current.getResizerThumbEl();
     var globalKeyDownHandler = function globalKeyDownHandler(event) {
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
       var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
       if (!isTableSelected) {
         return;

package/dist/esm/pm-plugins/drag-and-drop/utils/getDragBehaviour.js

@@ -1,7 +1,9 @@
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var getDragBehaviour = function getDragBehaviour(_ref) {
   var altKey = _ref.altKey,
     ctrlKey = _ref.ctrlKey;
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   var isCloneModifierKeyPressed = browser.mac ? altKey : ctrlKey;
   return isCloneModifierKeyPressed ? 'clone' : 'move';
 };

package/dist/esm/pm-plugins/main.js

@@ -2,14 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { insideTable } from '@atlaskit/editor-common/core-utils';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenLayoutNodes, transformSliceToRemoveOpenMultiBodiedExtension, transformSliceToRemoveOpenNestedExpand } from '@atlaskit/editor-common/transforms';
-import { browser, closestElement } from '@atlaskit/editor-common/utils';
+import { closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { tableCellView, tableHeaderView, tableRowView, tableView } from '../nodeviews/table-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { TableCssClassName as ClassName } from '../types';
@@ -245,6 +247,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
         var state = _ref2.state,
           dispatch = _ref2.dispatch;
         var decorationSet = decorationsPluginKey.getState(state);
+        var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
         if (findControlsHoverDecoration(decorationSet).length) {
           clearHoverSelection()(state, dispatch);
         }

package/dist/esm/tablePlugin.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect } from 'react';
 import { tableCell, tableCellWithNestedTable, tableHeader, tableHeaderWithLocalId, tableHeaderWithNestedTable, tableRow, tableRowWithNestedTable, tableRowWithLocalId, tableCellWithLocalId, tableCellWithNestedTableWithLocalId, tableRowWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { IconTable } from '@atlaskit/editor-common/icons';
 import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -460,6 +460,7 @@ var tablePlugin = function tablePlugin(_ref) {
           return isTableSelectorEnabled ? createSizeSelectorPlugin(dispatch) : undefined;
         }
       }];
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
 
       // Workaround for table element breaking issue caused by composition event with an inputType of deleteCompositionText.
       // https://github.com/ProseMirror/prosemirror/issues/934

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

@@ -6,7 +6,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
@@ -109,6 +109,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   };
   useEffect(function () {
     var dragHandleDivRefCurrent = dragHandleDivRef.current;
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (dragHandleDivRefCurrent) {
       return draggable({
         element: dragHandleDivRefCurrent,
@@ -163,6 +164,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     }
   }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   var showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
     type: "button"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -1,7 +1,8 @@
 import React, { useCallback } from 'react';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/commands';
 import { isTableNested } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
@@ -33,6 +34,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
   var _selectRow = useCallback(function (row, expand) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (browser.ie_version === 11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -43,6 +45,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
   var _selectRows = useCallback(function (rowIndexes) {
     var state = editorView.state,
       dispatch = editorView.dispatch;
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (browser.ie_version === 11) {
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting

package/dist/esm/ui/common-styles.js

@@ -7,7 +7,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tableMarginTop, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
 import { akEditorSelectedNodeClassName, akEditorSmallZIndex, akEditorStickyHeaderZIndex, akEditorTableCellOnStickyHeaderZIndex, akEditorTableNumberColumnWidth, akEditorTableToolbarSize, akEditorUnitZIndex, getSelectionStyles, MAX_BROWSER_SCROLLBAR_HEIGHT, SelectionStyle, relativeSizeToBaseFontSize, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -51,6 +51,7 @@ var tableStickyHeaderColumnControlsDecorationsStyle = function tableStickyHeader
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t.", " .", " {\n\t\t\tz-index: 0;\n\t\t\tleft: -1px;\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder-left: 1px solid ", ";\n\t\t}\n\n\t\t.", " tr:first-of-type th.", " {\n\t\t\t&.", ", &.", " {\n\t\t\t\t.", "::after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), ClassName.TABLE_STICKY, ClassName.COLUMN_CONTROLS_DECORATIONS, ClassName.TABLE_STICKY, ClassName.COLUMN_CONTROLS_DECORATIONS, tableBorderColor, ClassName.TABLE_STICKY, ClassName.TABLE_HEADER_CELL, ClassName.COLUMN_SELECTED, ClassName.HOVERED_COLUMN, ClassName.COLUMN_CONTROLS_DECORATIONS);
 };
 var tableStickyHeaderFirefoxFixStyle = function tableStickyHeaderFirefoxFixStyle() {
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   /*
      This is MAGIC!
      This fixes a bug which occurs in firefox when the first row becomes sticky.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.2.2",
+	"version": "15.2.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,7 +59,7 @@
 		"@atlaskit/primitives": "^16.0.0",
 		"@atlaskit/react-ufo": "^4.12.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.15.0",
+		"@atlaskit/tmp-editor-statsig": "^13.17.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.6.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.15.0",
+		"@atlaskit/editor-common": "^110.16.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"