@atlaskit/editor-plugin-table 28.0.3 → 28.0.5

package/dist/es2019/ui/TableMenu/row/items/MoveRowUpItem.js

@@ -10,7 +10,6 @@ import { TableRowMoveUpIcon } from '@atlaskit/editor-toolbar/row-move-up-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import { Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';
@@ -59,9 +58,7 @@ export const MoveRowUpItem = props => {
   const label = formatMessage(messages.moveRowUp, {
     0: selectedRowCount
   });
-  const canMove = Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowUp);
-  const isMoveDisabled = expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) && !canMove;
-  if (isMoveDisabled) {
+  if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowUp)) {
     return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
       elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
         color: "var(--ds-text-disabled, #080F214A)",

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

@@ -12,7 +12,6 @@ import { akEditorSelectedNodeClassName, akEditorSmallZIndex, akEditorStickyHeade
 import { akEditorTableContainerBg } from '@atlaskit/editor-shared-styles/consts';
 import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { SORTING_ICON_CLASS_NAME } from '../pm-plugins/view-mode-sort/consts';
@@ -432,11 +431,14 @@ expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? rangeS
 		);
 		z-index: ${rowControlsZIndex + 5};
 	}
-	${fg('platform_editor_col_insert_patch_1') ?
-// Shift the mask left by the numbered column width so it sits to the left of it.
-`.${ClassName.TABLE_CONTAINER}.${ClassName.TABLE_STICKY}[data-number-column='true']:has(tr.sticky)::before {
-		transform: translateX(calc(-1 * (${DRAG_HANDLE_WIDTH}px + ${"var(--ds-space-150, 12px)"} + ${akEditorTableNumberColumnWidth}px)));
-	}` : ``}
+	/* Shift the mask left by the numbered column width so it sits to the left of it. */
+	.${ClassName.TABLE_CONTAINER}.${ClassName.TABLE_STICKY}[data-number-column='true']:has(tr.sticky)::before {
+		transform: translateX(
+			calc(
+				-1 * (${DRAG_HANDLE_WIDTH}px + ${"var(--ds-space-150, 12px)"} + ${akEditorTableNumberColumnWidth}px)
+			)
+		);
+	}
 
 	/* To fix jumpiness caused in Chrome Browsers for sticky headers */
 	.${ClassName.TABLE_STICKY} .sticky + tr {

package/dist/es2019/ui/hooks/useIsTableInLimitedMode.js

@@ -0,0 +1,14 @@
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+/**
+ * Limited mode strips expensive behaviour on very large documents. For tables that means dragging
+ * rows and columns is turned off, and so is resizing the table as a whole. Column resizing is left
+ * alone — only the whole-table resizer goes away.
+ */
+export const useIsTableInLimitedMode = (api, editorView) => {
+  const enabled = useSharedPluginStateWithSelector(api, ['limitedMode'], states => {
+    var _states$limitedModeSt;
+    return !!((_states$limitedModeSt = states.limitedModeState) !== null && _states$limitedModeSt !== void 0 && _states$limitedModeSt.enabled);
+  });
+  return enabled && isExperimentEnabled('platform_editor_table_limited_mode');
+};

package/dist/es2019/ui/quick-insert/TableQuickInsertMenuItem.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl';
-import { IconTable } from '@atlaskit/editor-common/icons';
 import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import GridIcon from '@atlaskit/icon/core/grid';
 import { insertTableFromQuickInsert } from './insertTableFromQuickInsert';
 export const TableQuickInsertMenuItem = ({
   api,
@@ -26,7 +26,9 @@ export const TableQuickInsertMenuItem = ({
     state: editorView.state
   }), [api, isTableSelectorEnabled, options]);
   return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
-    iconBefore: /*#__PURE__*/React.createElement(IconTable, null),
+    iconBefore: /*#__PURE__*/React.createElement(GridIcon, {
+      label: ""
+    }),
     onSelect: onSelect,
     shortcut: tooltip(toggleTable),
     title: formatMessage(messages.table)

package/dist/esm/nodeviews/TableContainer.js

@@ -5,15 +5,18 @@ import classNames from 'classnames';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { resizerHoverZoneClassName, resizerItemClassName } from '@atlaskit/editor-common/styles/resizer';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 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 { getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
-import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
+import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
 import { ALIGN_CENTER, ALIGN_START } from '../pm-plugins/utils/alignment';
 import { TableCssClassName as ClassName } from '../types';
+import { useIsTableInLimitedMode } from '../ui/hooks/useIsTableInLimitedMode';
 import { getAlignmentStyle } from './table-container-styles';
 import { TableResizer } from './TableResizer';
 var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -335,29 +338,118 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
     node: node
   }, children))));
 });
-export var TableContainer = function TableContainer(_ref5) {
+/**
+ * Stand-in for `ResizableTableContainer`, used when limited mode has disabled resizing the table as
+ * a whole. Column resizing is unaffected and keeps working through the cell decorations.
+ *
+ * It reproduces the same DOM and CSS that `toDOM` renders for a resizable table
+ * (`.pm-table-resizer-container` > `.resizer-item` > `.resizer-hover-zone`) so that swapping the
+ * nodeView in over the initial ProseMirror render leaves the table exactly where it was — and so
+ * that the column resize handles still find the elements they measure against — but it mounts no
+ * `TableResizer`, so there is no `re-resizable` instance, no table width handle, no handle tooltip,
+ * no `clientHeight` read for the handle size and no per-table subscription to the interaction and
+ * table shared states.
+ *
+ * Every width here comes from the same pure-CSS helpers `toDOM` uses, so unlike
+ * `ResizableTableContainer` it needs no measured container width and does no layout maths.
+ */
+var StaticTableContainer = function StaticTableContainer(_ref5) {
   var children = _ref5.children,
-    node = _ref5.node,
     className = _ref5.className,
-    _ref5$containerWidth = _ref5.containerWidth,
-    editorWidth = _ref5$containerWidth.width,
-    lineLength = _ref5$containerWidth.lineLength,
+    node = _ref5.node,
     editorView = _ref5.editorView,
     getPos = _ref5.getPos,
-    tableRef = _ref5.tableRef,
-    isNested = _ref5.isNested,
-    tableWrapperHeight = _ref5.tableWrapperHeight,
-    isResizing = _ref5.isResizing,
     pluginInjectionApi = _ref5.pluginInjectionApi,
-    isWholeTableInDanger = _ref5.isWholeTableInDanger,
-    isTableResizingEnabled = _ref5.isTableResizingEnabled,
     isTableScalingEnabled = _ref5.isTableScalingEnabled,
-    allowFixedColumnWidthOption = _ref5.allowFixedColumnWidthOption,
     isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled,
-    shouldUseIncreasedScalingPercent = _ref5.shouldUseIncreasedScalingPercent,
     isCommentEditor = _ref5.isCommentEditor,
     isChromelessEditor = _ref5.isChromelessEditor;
+  var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
+  var containerStyle = useMemo(function () {
+    return {
+      '--ak-editor-table-gutter-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2)',
+      '--ak-editor-table-width': isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))",
+      width: 'var(--ak-editor-table-width)'
+    };
+  }, [node, isTableScalingEnabled, isFullPageAppearance]);
+  var itemStyle = useMemo(function () {
+    return {
+      position: 'relative',
+      boxSizing: 'border-box',
+      minWidth: "".concat(getResizerMinWidth(node), "px"),
+      maxWidth: getTableResizerContainerMaxWidthInCSS(isCommentEditor, isChromelessEditor, isTableScalingEnabled),
+      width: getTableResizerItemWidthInCSS(node, isCommentEditor, isChromelessEditor)
+    };
+  }, [node, isCommentEditor, isChromelessEditor, isTableScalingEnabled]);
+  return /*#__PURE__*/React.createElement(AlignmentTableContainerWrapper, {
+    isTableAlignmentEnabled: isTableAlignmentEnabled,
+    node: node,
+    pluginInjectionApi: pluginInjectionApi,
+    getPos: getPos,
+    editorView: editorView
+  }, /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: ClassName.TABLE_RESIZER_CONTAINER
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: containerStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    // `display-handle` carries no handle to show here, but it keeps this element matching both
+    // `toDOM` and the `.resizer-item.display-handle` lookup in `measureTableWithAutoLayout`.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: classNames(resizerItemClassName, 'display-handle')
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: itemStyle
+  }, /*#__PURE__*/React.createElement("span", {
+    className: resizerHoverZoneClassName
+  }, /*#__PURE__*/React.createElement(InnerContainer
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
+    className: className,
+    node: node
+  }, children)))));
+};
+export var TableContainer = function TableContainer(_ref6) {
+  var children = _ref6.children,
+    node = _ref6.node,
+    className = _ref6.className,
+    _ref6$containerWidth = _ref6.containerWidth,
+    editorWidth = _ref6$containerWidth.width,
+    lineLength = _ref6$containerWidth.lineLength,
+    editorView = _ref6.editorView,
+    getPos = _ref6.getPos,
+    tableRef = _ref6.tableRef,
+    isNested = _ref6.isNested,
+    tableWrapperHeight = _ref6.tableWrapperHeight,
+    isResizing = _ref6.isResizing,
+    pluginInjectionApi = _ref6.pluginInjectionApi,
+    isWholeTableInDanger = _ref6.isWholeTableInDanger,
+    isTableResizingEnabled = _ref6.isTableResizingEnabled,
+    isTableScalingEnabled = _ref6.isTableScalingEnabled,
+    allowFixedColumnWidthOption = _ref6.allowFixedColumnWidthOption,
+    isTableAlignmentEnabled = _ref6.isTableAlignmentEnabled,
+    shouldUseIncreasedScalingPercent = _ref6.shouldUseIncreasedScalingPercent,
+    isCommentEditor = _ref6.isCommentEditor,
+    isChromelessEditor = _ref6.isChromelessEditor;
+  // Limited mode drops the whole-table resizer only; column resizing is untouched.
+  var isTableWidthResizingDisabled = useIsTableInLimitedMode(pluginInjectionApi, editorView);
   if (isTableResizingEnabled && !isNested) {
+    if (isTableWidthResizingDisabled) {
+      return /*#__PURE__*/React.createElement(StaticTableContainer
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      , {
+        className: className,
+        node: node,
+        editorView: editorView,
+        getPos: getPos,
+        pluginInjectionApi: pluginInjectionApi,
+        isTableScalingEnabled: isTableScalingEnabled,
+        isTableAlignmentEnabled: isTableAlignmentEnabled,
+        isCommentEditor: isCommentEditor,
+        isChromelessEditor: isChromelessEditor
+      }, children);
+    }
     return /*#__PURE__*/React.createElement(ResizableTableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {

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

@@ -7,7 +7,6 @@ import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl';
 import { 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';
 import { findTable, TableMap } from '@atlaskit/editor-tables';
@@ -17,11 +16,11 @@ import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/ut
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { closeActiveTableMenu } from '../../pm-plugins/commands/active-table-menu';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
-import { isDragAndDropDisabledInLimitedMode } from '../../pm-plugins/utils/limited-mode';
 import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugins/utils/merged-cells';
 import { TableCssClassName as ClassName } from '../../types';
 import { dragTableInsertColumnButtonSize } from '../consts';
 import { DragPreview } from '../DragPreview';
+import { useIsTableInLimitedMode } from '../hooks/useIsTableInLimitedMode';
 import { HandleIconComponent } from './HandleIconComponent';
 var DragHandleComponent = function DragHandleComponent(_ref) {
   var api = _ref.api,
@@ -61,16 +60,11 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     setIsHovered = _useState4[1];
 
   // Limited mode disables dragging rows and columns, but the handle itself keeps working as the
-  // selection and menu affordance. Subscribing here (rather than reading the plugin state once) means
-  // the effect below re-runs and un-registers the draggable if limited mode flips mid-session.
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['limitedMode'], function (states) {
-      var _states$limitedModeSt;
-      return {
-        limitedModeEnabled: (_states$limitedModeSt = states.limitedModeState) === null || _states$limitedModeSt === void 0 ? void 0 : _states$limitedModeSt.enabled
-      };
-    }),
-    limitedModeEnabled = _useSharedPluginState.limitedModeEnabled;
-  var isDraggingEnabled = !isDragAndDropDisabledInLimitedMode(limitedModeEnabled);
+  // selection and menu affordance. The hook subscribes to limited mode (rather than reading the
+  // plugin state once) so the effect below re-runs and un-registers the draggable if limited mode
+  // flips mid-session.
+  var isInLimitedMode = useIsTableInLimitedMode(api, editorView);
+  var isDraggingEnabled = !isInLimitedMode;
   var isRow = direction === 'row';
   var isColumn = direction === 'column';
   var hasMergedCells = useMemo(function () {

package/dist/esm/ui/TableMenu/column/items/MoveColumnLeftItem.js

@@ -10,7 +10,6 @@ import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-i
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import TableColumnMoveLeftIcon from '@atlaskit/icon/core/table-column-move-left';
 import { Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';
@@ -56,9 +55,7 @@ export var MoveColumnLeftItem = function MoveColumnLeftItem(props) {
   var label = formatMessage(messages.moveColumnLeft, {
     0: selectedColumnCount
   });
-  var canMove = Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveColumnLeft);
-  var isMoveDisabled = expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) && !canMove;
-  if (isMoveDisabled) {
+  if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveColumnLeft)) {
     return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
       elemBefore: /*#__PURE__*/React.createElement(TableColumnMoveLeftIcon, {
         color: "var(--ds-text-disabled, #080F214A)",

package/dist/esm/ui/TableMenu/column/items/MoveColumnRightItem.js

@@ -10,7 +10,6 @@ import { InformationCircleIcon } from '@atlaskit/editor-toolbar/information-circ
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import { Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';
@@ -56,9 +55,7 @@ export var MoveColumnRightItem = function MoveColumnRightItem(props) {
   var label = formatMessage(messages.moveColumnRight, {
     0: selectedColumnCount
   });
-  var canMove = Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveColumnRight);
-  var isMoveDisabled = expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) && !canMove;
-  if (isMoveDisabled) {
+  if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveColumnRight)) {
     return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
       elemBefore: /*#__PURE__*/React.createElement(TableColumnMoveRightIcon, {
         color: "var(--ds-text-disabled, #080F214A)",

package/dist/esm/ui/TableMenu/column/items/SortDecreasingItem.compiled.css

@@ -1,3 +1,2 @@
 ._1e0c116y{display:inline-flex}
-._4cvr1h6o{align-items:center}
-._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
+._4cvr1h6o{align-items:center}

package/dist/esm/ui/TableMenu/column/items/SortDecreasingItem.js

@@ -11,13 +11,11 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { InformationCircleIcon, SortDescendingIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 var styles = {
-  disabledLabel: "_syaz1gmx",
   infoIconTrigger: "_1e0c116y _4cvr1h6o"
 };
 export var SortDecreasingItem = function SortDecreasingItem(_ref) {
@@ -66,11 +64,8 @@ export var SortDecreasingItem = function SortDecreasingItem(_ref) {
           color: "var(--ds-icon, #292A2E)"
         }));
       })
-    }, expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       color: "color.text.disabled"
-    }, formatMessage(messages.sortColumnDecreasing)) : /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: styles.disabledLabel
     }, formatMessage(messages.sortColumnDecreasing)));
   }
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {

package/dist/esm/ui/TableMenu/column/items/SortIncreasingItem.compiled.css

@@ -1,3 +1,2 @@
 ._1e0c116y{display:inline-flex}
-._4cvr1h6o{align-items:center}
-._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
+._4cvr1h6o{align-items:center}

package/dist/esm/ui/TableMenu/column/items/SortIncreasingItem.js

@@ -11,13 +11,11 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { InformationCircleIcon, SortAscendingIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 var styles = {
-  disabledLabel: "_syaz1gmx",
   infoIconTrigger: "_1e0c116y _4cvr1h6o"
 };
 export var SortIncreasingItem = function SortIncreasingItem(_ref) {
@@ -66,11 +64,8 @@ export var SortIncreasingItem = function SortIncreasingItem(_ref) {
           color: "var(--ds-icon, #292A2E)"
         }));
       })
-    }, expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       color: "color.text.disabled"
-    }, formatMessage(messages.sortColumnIncreasing)) : /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: styles.disabledLabel
     }, formatMessage(messages.sortColumnIncreasing)));
   }
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {

package/dist/esm/ui/TableMenu/row/items/MoveRowDownItem.js

@@ -10,7 +10,6 @@ import { TableRowMoveDownIcon } from '@atlaskit/editor-toolbar/row-move-down-ico
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import { Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';
@@ -56,9 +55,7 @@ export var MoveRowDownItem = function MoveRowDownItem(props) {
   var label = formatMessage(messages.moveRowDown, {
     0: selectedRowCount
   });
-  var canMove = Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowDown);
-  var isMoveDisabled = expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) && !canMove;
-  if (isMoveDisabled) {
+  if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowDown)) {
     return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
       elemBefore: /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
         color: "var(--ds-text-disabled, #080F214A)",

package/dist/esm/ui/TableMenu/row/items/MoveRowUpItem.js

@@ -10,7 +10,6 @@ import { TableRowMoveUpIcon } from '@atlaskit/editor-toolbar/row-move-up-icon';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import { ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint';
 import { Text } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { moveSourceWithAnalytics } from '../../../../pm-plugins/drag-and-drop/commands-with-analytics';
@@ -56,9 +55,7 @@ export var MoveRowUpItem = function MoveRowUpItem(props) {
   var label = formatMessage(messages.moveRowUp, {
     0: selectedRowCount
   });
-  var canMove = Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowUp);
-  var isMoveDisabled = expValEquals('platform_editor_table_menu_updates_patch_2', 'isEnabled', true) && !canMove;
-  if (isMoveDisabled) {
+  if (!Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMoveRowUp)) {
     return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
       elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
         color: "var(--ds-text-disabled, #080F214A)",