@atlaskit/editor-plugin-table 24.4.14 → 24.4.16

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

@@ -74,29 +74,21 @@ var updateTargetCellPosition = function updateTargetCellPosition(_ref2) {
       tableHeader = _tr$doc$type$schema$n2.tableHeader;
     var cell = findParentNodeOfType([tableCell, tableHeader])(tr.selection);
     var targetCellPosition = cell ? cell.pos : undefined;
-    if (expValEquals('platform_editor_table_close_cell_menu_on_move_exp', 'isEnabled', true)) {
-      var targetCellPositionChanged = pluginState.targetCellPosition !== targetCellPosition;
-      var closeContextualMenu = shouldCloseLegacyContextualMenu({
-        pluginState: pluginState,
-        targetCellPositionChanged: targetCellPositionChanged,
-        tr: tr
-      });
-      if (!targetCellPositionChanged && !closeContextualMenu) {
-        return pluginState;
-      }
-
-      // Close the legacy contextual menu when moving cells because the cell background
-      // color submenu can otherwise remain open against the previous cell selection.
-      return _objectSpread(_objectSpread(_objectSpread({}, pluginState), closeContextualMenu ? {
-        isContextualMenuOpen: false
-      } : {}), {}, {
-        targetCellPosition: targetCellPosition
-      });
-    }
-    if (pluginState.targetCellPosition === targetCellPosition) {
+    var targetCellPositionChanged = pluginState.targetCellPosition !== targetCellPosition;
+    var closeContextualMenu = shouldCloseLegacyContextualMenu({
+      pluginState: pluginState,
+      targetCellPositionChanged: targetCellPositionChanged,
+      tr: tr
+    });
+    if (!targetCellPositionChanged && !closeContextualMenu) {
       return pluginState;
     }
-    return _objectSpread(_objectSpread({}, pluginState), {}, {
+
+    // Close the legacy contextual menu when moving cells because the cell background
+    // color submenu can otherwise remain open against the previous cell selection.
+    return _objectSpread(_objectSpread(_objectSpread({}, pluginState), closeContextualMenu ? {
+      isContextualMenuOpen: false
+    } : {}), {}, {
       targetCellPosition: targetCellPosition
     });
   };

package/dist/esm/pm-plugins/table-anchor-names/plugin.js

@@ -7,8 +7,6 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isCSSAnchorSupported, isCSSAttrAnchorSupported } from '@atlaskit/editor-common/styles';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var ObjHash = /*#__PURE__*/function () {
   function ObjHash() {
     _classCallCheck(this, ObjHash);
@@ -38,9 +36,8 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     var _parent$attrs;
     var isTableHeader = node.type.name === 'tableHeader';
     var isTableRow = node.type.name === 'tableRow';
-    var isParentTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableRow';
     var isParentTableHeaderRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableRow' && headerRowId && (parent === null || parent === void 0 || (_parent$attrs = parent.attrs) === null || _parent$attrs === void 0 ? void 0 : _parent$attrs.localId) === headerRowId;
-    var shouldAddDecorationToHeader = expValEquals('platform_editor_table_sticky_header_patch_9', 'isEnabled', true) ? isParentTableHeaderRow && isTableHeader : isTableHeader;
+    var shouldAddDecorationToHeader = isParentTableHeaderRow && isTableHeader;
     var isFirstRow = isTableRow && index === 0;
     if (isFirstRow) {
       headerRowId = node.attrs.localId;
@@ -48,7 +45,7 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     // only apply to header cells and the first row of a table, for performance reasons
     if (isFirstRow || shouldAddDecorationToHeader) {
       var anchorName = getNodeAnchor(node);
-      var shouldAddAnchorNameInDecoration = !isCSSAttrAnchorSupported() && isCSSAnchorSupported() && fg('platform_editor_table_sticky_header_patch_8');
+      var shouldAddAnchorNameInDecoration = !isCSSAttrAnchorSupported() && isCSSAnchorSupported();
       var attributes = {
         'data-node-anchor': anchorName,
         style: "anchor-name: ".concat(anchorName, ";")
@@ -59,7 +56,7 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     }
 
     // only decend if there is a possible table row or table header node after the current node, for performance reasons
-    return expValEquals('platform_editor_table_sticky_header_patch_9', 'isEnabled', true) ? !(isTableHeader || isParentTableHeaderRow) : !(isTableHeader || isParentTableRow);
+    return !(isTableHeader || isParentTableHeaderRow);
   });
   return DecorationSet.create(state.doc, decs);
 };

package/dist/esm/tablePlugin.js

@@ -151,7 +151,7 @@ var tablePlugin = function tablePlugin(_ref) {
         isDragMenuOpen: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.isDragMenuOpen,
         isSizeSelectorOpen: sizeSelectorPluginState === null || sizeSelectorPluginState === void 0 ? void 0 : sizeSelectorPluginState.isSelectorOpen,
         sizeSelectorTargetRef: sizeSelectorPluginState === null || sizeSelectorPluginState === void 0 ? void 0 : sizeSelectorPluginState.targetRef,
-        editorContentAreaHeight: expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && fg('platform_editor_table_sticky_header_patch_4') ? editorContentAreaHeightPluginState === null || editorContentAreaHeightPluginState === void 0 ? void 0 : editorContentAreaHeightPluginState.height : undefined
+        editorContentAreaHeight: expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') ? editorContentAreaHeightPluginState === null || editorContentAreaHeightPluginState === void 0 ? void 0 : editorContentAreaHeightPluginState.height : undefined
       };
       return sharedStateInternal;
     },
@@ -489,7 +489,7 @@ var tablePlugin = function tablePlugin(_ref) {
       }, {
         name: 'editorContentAreaHeightPlugin',
         plugin: function plugin() {
-          return expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && fg('platform_editor_table_sticky_header_patch_1') ? createContentAreaHeightPlugin() : undefined;
+          return expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') ? createContentAreaHeightPlugin() : undefined;
         }
       }];
       if (!expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {

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

@@ -16,7 +16,6 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { toggleActiveTableMenu, toggleContextualMenu } from '../../pm-plugins/commands';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
@@ -143,7 +142,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     testId: expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) ? 'pm-table-contextual-menu-button' : undefined
   }));
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-  var parentStickyNative = targetCellRef.parentElement && (fg('platform_editor_table_sticky_header_patch_4') ? tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW) : targetCellRef.parentElement.classList.contains(ClassName.NATIVE_STICKY));
+  var parentStickyNative = targetCellRef.parentElement && (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW));
   if (parentStickyNative && targetCellRef.nodeName === 'TH' && isNativeStickySupported() && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _targetCellRef$parent;
     /* We need to default to checking the anchor style because there may be a conflict with the block controls
@@ -158,20 +157,6 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     if (colAnchorName === '') {
       colAnchorName = targetCellRef === null || targetCellRef === void 0 ? void 0 : targetCellRef.dataset.nodeAnchor;
     }
-    if (!expValEquals('platform_editor_table_sticky_header_patch_9', 'isEnabled', true)) {
-      return jsx("div", {
-        css: anchorStyles,
-        style: {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-          top: "calc(".concat(BUTTON_OFFSET, "px + anchor(").concat(rowAnchorName, " top))"),
-          right: "calc(".concat(BUTTON_OFFSET, "px + anchor(").concat(colAnchorName, " right))"),
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-          positionAnchor: colAnchorName
-        } // need to do this because CSSProperties doesn't have positionAnchor property even though it's a valid CSS property
-        ,
-        "data-testid": "table-cell-options-anchor-wrapper"
-      }, button);
-    }
     if (rowAnchorName && colAnchorName) {
       return jsx("div", {
         css: anchorStyles,

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

@@ -540,32 +540,21 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_this, "toggleOpen", function () {
-      var _this$props8 = _this.props,
-        isOpen = _this$props8.isOpen,
-        _this$props8$editorVi = _this$props8.editorView,
-        state = _this$props8$editorVi.state,
-        dispatch = _this$props8$editorVi.dispatch;
-      if (expValEquals('platform_editor_table_close_cell_menu_on_move_exp', 'isEnabled', true)) {
-        if (getPluginState(state).isContextualMenuOpen) {
-          toggleContextualMenu()(state, dispatch);
-        }
-        _this.closeSubmenu();
-        return;
-      }
-      toggleContextualMenu()(state, dispatch);
-      if (!isOpen) {
-        _this.setState({
-          isSubmenuOpen: false
-        });
+      var _this$props$editorVie = _this.props.editorView,
+        state = _this$props$editorVie.state,
+        dispatch = _this$props$editorVie.dispatch;
+      if (getPluginState(state).isContextualMenuOpen) {
+        toggleContextualMenu()(state, dispatch);
       }
+      _this.closeSubmenu();
     });
     _defineProperty(_this, "handleOpenChange", function (payload) {
-      var _this$props9 = _this.props,
-        _this$props9$editorVi = _this$props9.editorView,
-        state = _this$props9$editorVi.state,
-        dispatch = _this$props9$editorVi.dispatch,
-        dom = _this$props9$editorVi.dom,
-        isCellMenuOpenByKeyboard = _this$props9.isCellMenuOpenByKeyboard;
+      var _this$props8 = _this.props,
+        _this$props8$editorVi = _this$props8.editorView,
+        state = _this$props8$editorVi.state,
+        dispatch = _this$props8$editorVi.dispatch,
+        dom = _this$props8$editorVi.dom,
+        isCellMenuOpenByKeyboard = _this$props8.isCellMenuOpenByKeyboard;
       if (payload) {
         var event = payload.event;
         if (event && event instanceof KeyboardEvent) {
@@ -604,11 +593,11 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(_this, "handleItemMouseEnter", function (_ref4) {
       var item = _ref4.item;
-      var _this$props0 = _this.props,
-        _this$props0$editorVi = _this$props0.editorView,
-        state = _this$props0$editorVi.state,
-        dispatch = _this$props0$editorVi.dispatch,
-        selectionRect = _this$props0.selectionRect;
+      var _this$props9 = _this.props,
+        _this$props9$editorVi = _this$props9.editorView,
+        state = _this$props9$editorVi.state,
+        dispatch = _this$props9$editorVi.dispatch,
+        selectionRect = _this$props9.selectionRect;
       if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         if (item.value.name === 'background') {
           if (!_this.state.isSubmenuOpen) {
@@ -632,9 +621,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(_this, "handleItemMouseLeave", function (_ref5) {
       var item = _ref5.item;
-      var _this$props$editorVie = _this.props.editorView,
-        state = _this$props$editorVie.state,
-        dispatch = _this$props$editorVie.dispatch;
+      var _this$props$editorVie2 = _this.props.editorView,
+        state = _this$props$editorVie2.state,
+        dispatch = _this$props$editorVie2.dispatch;
       if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         if (item.value.name === 'background') {
           _this.closeSubmenu();
@@ -652,31 +641,22 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_this, "setColor", function (color) {
-      var _this$props1 = _this.props,
-        editorView = _this$props1.editorView,
-        editorAnalyticsAPI = _this$props1.editorAnalyticsAPI,
-        isCellMenuOpenByKeyboard = _this$props1.isCellMenuOpenByKeyboard;
+      var _this$props0 = _this.props,
+        editorView = _this$props0.editorView,
+        editorAnalyticsAPI = _this$props0.editorAnalyticsAPI,
+        isCellMenuOpenByKeyboard = _this$props0.isCellMenuOpenByKeyboard;
       var state = editorView.state,
         dispatch = editorView.dispatch,
         dom = editorView.dom;
       setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
       if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         _this.toggleOpen();
-      } else if (expValEquals('platform_editor_table_close_cell_menu_on_move_exp', 'isEnabled', true)) {
+      } else {
         _this.toggleOpen();
         if (isCellMenuOpenByKeyboard) {
           setFocusToCellMenu(false)(editorView.state, dispatch);
           dom.focus();
         }
-      } else {
-        toggleContextualMenu()(state, dispatch);
-        _this.setState({
-          isSubmenuOpen: false
-        });
-        if (isCellMenuOpenByKeyboard) {
-          setFocusToCellMenu(false)(state, dispatch);
-          dom.focus();
-        }
       }
     });
     return _this;
@@ -708,12 +688,12 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props10 = this.props,
-        isOpen = _this$props10.isOpen,
-        offset = _this$props10.offset,
-        boundariesElement = _this$props10.boundariesElement,
-        isCellMenuOpenByKeyboard = _this$props10.isCellMenuOpenByKeyboard,
-        api = _this$props10.api;
+      var _this$props1 = this.props,
+        isOpen = _this$props1.isOpen,
+        offset = _this$props1.offset,
+        boundariesElement = _this$props1.boundariesElement,
+        isCellMenuOpenByKeyboard = _this$props1.isCellMenuOpenByKeyboard,
+        api = _this$props1.api;
       var items = this.createContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName } from '../../types';
 import { dragMenuDropdownWidth, tablePopupMenuFitHeight } from '../consts';
 import DragMenu from './DragMenu';
@@ -30,7 +29,7 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW)) && fg('platform_editor_table_sticky_header_patch_7');
+  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW));
   var targetHandleRef = direction === 'row' ? document.querySelector('#drag-handle-button-row') : document.querySelector('#drag-handle-button-column');
   if (!targetHandleRef || !(editorView.state.selection instanceof CellSelection)) {
     return null;

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

@@ -5,7 +5,6 @@ import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { ToolbarKeyboardNavigationProvider } from '@atlaskit/editor-toolbar/toolbar-keyboard-navigation-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { closeActiveTableMenu } from '../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../types';
 import { dragTableInsertColumnButtonSize, tablePopupMenuFitHeight } from '../consts';
@@ -124,7 +123,7 @@ var FloatingTableMenu = function FloatingTableMenu(_ref) {
   if (!isDragMenuOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW)) && fg('platform_editor_table_sticky_header_patch_7');
+  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW));
   var targetHandleRef = dragMenuDirection === 'row' ? document.querySelector('#drag-handle-button-row') : document.querySelector('#drag-handle-button-column');
   if (!targetHandleRef || !(editorView.state.selection instanceof CellSelection)) {
     return null;

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

@@ -5,24 +5,16 @@
 import { Fragment, useCallback } from 'react';
 
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
-import { jsx, css } from '@emotion/react';
+import { jsx } from '@emotion/react';
 import { 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';
 import { DragCornerControlsWithSelection } from './CornerControls/DragCornerControls';
 import NumberColumn from './NumberColumn';
 import { DragControlsWithSelection } from './RowControls/DragControls';
-var styles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&:has(~ .pm-table-wrapper-no-overflow)': {
-    marginTop: 0
-  }
-});
-
 // Row controls
 export var TableFloatingControls = function TableFloatingControls(_ref) {
   var _findTable;
@@ -94,8 +86,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
   var shouldShowCornerControls = isNested && !fg('platform_editor_nested_dnd_styles_changes');
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: wrapperClassName,
-    css: [expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && !fg('platform_editor_table_sticky_header_patch_7') && styles]
+    className: wrapperClassName
   }, jsx("div", {
     role: "none",
     onMouseDown: function onMouseDown(e) {

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

@@ -1,4 +1,4 @@
-/* SortDecreasingItem.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* SortDecreasingItem.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./SortDecreasingItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* SortIncreasingItem.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* SortIncreasingItem.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./SortIncreasingItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/TableMenu/shared/items/BackgroundColorItem.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}

package/dist/esm/ui/TableMenu/shared/items/BackgroundColorItem.js

@@ -1,4 +1,4 @@
-/* BackgroundColorItem.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* BackgroundColorItem.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./BackgroundColorItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo } from 'react';