@atlaskit/editor-plugin-table 15.2.1 → 15.2.3

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';
@@ -409,15 +409,8 @@ export var TableResizer = function TableResizer(_ref) {
   }, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   var handleTableSizeChangeOnKeypress = useCallback(function (step) {
     var newWidth = width + step;
-    if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-      if (newWidth < resizerMinWidth) {
-        return;
-      }
-    } else {
-      // maxWidth when platform_editor_tables_scaling_css off is always a number
-      if (newWidth > maxWidth || newWidth < resizerMinWidth) {
-        return;
-      }
+    if (newWidth < resizerMinWidth) {
+      return;
     }
     handleResizeStop({
       width: width,
@@ -428,12 +421,13 @@ export var TableResizer = function TableResizer(_ref) {
       width: step,
       height: 0
     });
-  }, [width, handleResizeStop, maxWidth, resizerMinWidth]);
+  }, [width, handleResizeStop, resizerMinWidth]);
   var handleEscape = useCallback(function () {
     editorView === null || editorView === void 0 || editorView.focus();
   }, [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;
@@ -459,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/nodeviews/table.js

@@ -16,7 +16,6 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
@@ -142,7 +141,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
         if (this.view.state.selection.visible) {
           selectionBookmark = this.view.state.selection.getBookmark();
         }
-        if (this.dom && expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+        if (this.dom) {
           this.dom.setAttribute('data-ssr-placeholder', "table-nodeview-".concat(this.node.attrs.localId));
           this.dom.setAttribute('data-ssr-placeholder-replace', "table-nodeview-".concat(this.node.attrs.localId));
         }

package/dist/esm/nodeviews/toDOM.js

@@ -6,10 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import kebabCase from 'lodash/kebabCase';
 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 { 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';
 import { getAlignmentStyle } from './table-container-styles';
@@ -17,16 +15,6 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
   var tableNode = config.isNestingSupported ? tableWithNestedTable : table;
   return _objectSpread(_objectSpread({}, tableNode), {}, {
     toDOM: function toDOM(node) {
-      var _node$attrs$width;
-      var gutterPadding = function gutterPadding() {
-        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");
-        }
-      };
       var alignmentStyle = Object.entries(getAlignmentStyle(node.attrs.layout)).map(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
           k = _ref2[0],
@@ -34,29 +22,23 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
         return "".concat(kebabCase(k), ": ").concat(kebabCase(v));
       }).join(';');
       var tableMinWidth = getResizerMinWidth(node);
-      var tableWidthAttribute = node.attrs.width ? "".concat(node.attrs.width, "px") : "100%";
       var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
-      var attrs = _objectSpread({
+      var attrs = {
         'data-number-column': node.attrs.isNumberColumnEnabled,
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
-        'data-table-width': node.attrs.width
-      }, expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && {
+        'data-table-width': node.attrs.width,
         'data-ssr-placeholder': "table-".concat(node.attrs.localId),
         'data-ssr-placeholder-replace': "table-".concat(node.attrs.localId)
-      });
+      };
 
       // This would be used for table scaling in colgroup CSS
       // cqw, or px is well supported
-      var resizableTableWidth = expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? isFullPageEditor ? getTableResizerContainerForFullPageWidthInCSS(node, config.isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))" : "min(calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2)), ".concat((_node$attrs$width = node.attrs.width) !== null && _node$attrs$width !== void 0 ? _node$attrs$width : '100%', ")");
+      var resizableTableWidth = isFullPageEditor ? getTableResizerContainerForFullPageWidthInCSS(node, config.isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
       var colgroup = '';
       if (config.allowColumnResizing) {
-        if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-          colgroup = ['colgroup', {}].concat(_toConsumableArray(generateColgroupFromNode(node, config.isCommentEditor, config.isChromelessEditor, config.isNested, config.isTableScalingEnabled, config.shouldUseIncreasedScalingPercent)));
-        } else {
-          colgroup = ['colgroup', {}].concat(_toConsumableArray(generateColgroup(node)));
-        }
+        colgroup = ['colgroup', {}].concat(_toConsumableArray(generateColgroupFromNode(node, config.isCommentEditor, config.isChromelessEditor, config.isNested, config.isTableScalingEnabled, config.shouldUseIncreasedScalingPercent)));
       }
 
       // For Chromeless editor, and nested tables in full page editor
@@ -105,7 +87,7 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
         'data-testid': 'sticky-sentinel-bottom'
       }]];
       var tableContainerDiv = expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant1') || expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') || expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant3') ? tableContainerDivNext : tableContainerDivLegacy;
-      if (!config.tableResizingEnabled || expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && config.isNested) {
+      if (!config.tableResizingEnabled || config.isNested) {
         return ['div', {
           class: 'tableView-content-wrap',
           'data-prosemirror-initial-toDOM-render': 'true',
@@ -122,7 +104,7 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
         style: convertToInlineCss({
           '--ak-editor-table-gutter-padding': config.isTableScalingEnabled ? 'calc(var(--ak-editor--large-gutter-padding) * 2)' : 'calc(var(--ak-editor--large-gutter-padding) * 2 - var(--ak-editor-resizer-handle-spacing))',
           '--ak-editor-table-width': resizableTableWidth,
-          width: expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "var(--ak-editor-table-width)" : "min(calc(100cqw - ".concat(gutterPadding(), "), ").concat(tableWidthAttribute, ")")
+          width: "var(--ak-editor-table-width)"
         })
       }, ['div', {
         class: 'resizer-item display-handle',
@@ -133,8 +115,8 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
           '--ak-editor-table-max-width': "".concat(TABLE_MAX_WIDTH, "px"),
           '--ak-editor-table-min-width': "".concat(tableMinWidth, "px"),
           minWidth: 'var(--ak-editor-table-min-width)',
-          maxWidth: expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? getTableResizerContainerMaxWidthInCSS(config.isCommentEditor, config.isChromelessEditor, config.isTableScalingEnabled) : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))",
-          width: expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? getTableResizerItemWidthInCSS(node, config.isCommentEditor, config.isChromelessEditor) : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")")
+          maxWidth: getTableResizerContainerMaxWidthInCSS(config.isCommentEditor, config.isChromelessEditor, config.isTableScalingEnabled),
+          width: getTableResizerItemWidthInCSS(node, config.isCommentEditor, config.isChromelessEditor)
         })
       }, ['span', {
         class: 'resizer-hover-zone'

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,10 +2,11 @@ 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 { insideTable, isSSR } from '@atlaskit/editor-common/core-utils';
+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';
@@ -54,36 +55,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     return editorView.state;
   };
   var getNodeView = function getNodeView() {
-    // Because the layout shift issues has been fixed under experiment platform_editor_tables_scaling_css, so still want to load nodeview on SSR if experiment is enabled
-    if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-      return {
-        table: tableView({
-          portalProviderAPI: portalProviderAPI,
-          eventDispatcher: eventDispatcher,
-          getEditorContainerWidth: getEditorContainerWidth,
-          getEditorFeatureFlags: getEditorFeatureFlags,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          pluginInjectionApi: pluginInjectionApi,
-          isCommentEditor: isCommentEditor,
-          isChromelessEditor: isChromelessEditor
-        }),
-        tableRow: tableRowView({
-          eventDispatcher: eventDispatcher,
-          pluginInjectionApi: pluginInjectionApi
-        }),
-        tableCell: tableCellView({
-          eventDispatcher: eventDispatcher,
-          pluginInjectionApi: pluginInjectionApi
-        }),
-        tableHeader: tableHeaderView({
-          eventDispatcher: eventDispatcher,
-          pluginInjectionApi: pluginInjectionApi
-        })
-      };
-    }
-    if (isSSR()) {
-      return undefined;
-    }
     return {
       table: tableView({
         portalProviderAPI: portalProviderAPI,
@@ -276,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/pm-plugins/table-resizing/utils/resize-state.js

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getSelectedTableInfo } from '../../utils/analytics';
 import { getColWidthFix, hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
@@ -95,7 +94,7 @@ export var getResizeState = function getResizeState(_ref) {
 
 // updates Colgroup DOM node with new widths
 export var updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled, scalePercent) {
-  var cols = expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll(':scope > colgroup > col') : tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll('col');
+  var cols = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll(':scope > colgroup > col');
   var columnsCount = cols === null || cols === void 0 ? void 0 : cols.length;
   /**
       updateColgroup will update whole table scale when click the column resize handle, this behavior will affect when table overflowed, when now resize handle been dragged and extend to make table overflowed, table will show overflow. This need to be confirmed because it conflict with how isTableScalingEnabled work.

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/NumberColumn/index.js

@@ -4,8 +4,6 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React, { Component } from 'react';
@@ -13,7 +11,6 @@ import classnames from 'classnames';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isRowSelected } from '@atlaskit/editor-tables/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowHeights } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -104,7 +101,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         tableActive = _this$props5.tableActive,
         updateCellHoverLocation = _this$props5.updateCellHoverLocation;
       var rowHeights = getRowHeights(tableRef);
-      if (isSSR() && expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
+      if (isSSR()) {
         return /*#__PURE__*/React.createElement("div", {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: ClassName.NUMBERED_COLUMN,
@@ -123,15 +120,15 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: ClassName.NUMBERED_COLUMN,
-        style: _objectSpread({
+        style: {
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
           marginTop: hasHeaderRow && this.props.stickyTop !== undefined ? rowHeights[0] : undefined,
           borderLeft:
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          isDragAndDropEnabled && tableActive ? "1px solid ".concat(tableBorderColor) : undefined
-        }, expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? {
+          isDragAndDropEnabled && tableActive ? "1px solid ".concat(tableBorderColor) : undefined,
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
           visibility: 'visible'
-        } : {}),
+        },
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
         return isDragAndDropEnabled ?

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/dist/types/nodeviews/TableContainer.d.ts

@@ -23,9 +23,7 @@ type ResizableTableContainerProps = {
     tableRef: HTMLTableElement;
     tableWrapperHeight?: number;
 };
-export declare const ResizableTableContainer: React.FC<ResizableTableContainerProps & {
-    children?: React.ReactNode | undefined;
-}>;
+export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, lineLength, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableWrapperHeight, isWholeTableInDanger, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<ResizableTableContainerProps>) => React.JSX.Element>;
 type TableContainerProps = {
     className: string;
     containerWidth: EditorContainerWidth;

package/dist/types-ts4.5/nodeviews/TableContainer.d.ts

@@ -23,9 +23,7 @@ type ResizableTableContainerProps = {
     tableRef: HTMLTableElement;
     tableWrapperHeight?: number;
 };
-export declare const ResizableTableContainer: React.FC<ResizableTableContainerProps & {
-    children?: React.ReactNode | undefined;
-}>;
+export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, lineLength, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableWrapperHeight, isWholeTableInDanger, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<ResizableTableContainerProps>) => React.JSX.Element>;
 type TableContainerProps = {
     className: string;
     containerWidth: EditorContainerWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.2.1",
+	"version": "15.2.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,10 +59,10 @@
 		"@atlaskit/primitives": "^16.0.0",
 		"@atlaskit/react-ufo": "^4.12.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.13.0",
+		"@atlaskit/tmp-editor-statsig": "^13.17.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tooltip": "^20.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"classnames": "^2.2.5",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.14.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"