@atlaskit/editor-plugin-block-menu 11.0.0 → 11.0.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 11.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.0.1
+
+### Patch Changes
+
+- [`12f4372b86b8d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/12f4372b86b8d) -
+  Add `platform_editor_menu_radius_update` experiment that bumps the editor menu surface border
+  radius from `radius.small` (4px) to `radius.large` (8px). The block menu and paste actions menu
+  now consume the shared `ToolbarMenuContainer` surface rather than rolling their own, so they
+  inherit the gated radius along with `ToolbarMenuContainer`'s existing consumers (table and layout
+  menus).
+- Updated dependencies
+
 ## 11.0.0
 
 ### Major Changes

package/dist/cjs/ui/block-menu.js

@@ -22,6 +22,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _toolbarMenuContainer = require("@atlaskit/editor-toolbar/toolbar-menu-container");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _prosemirrorHistory = require("@atlaskit/prosemirror-history");
@@ -138,6 +139,23 @@ var BlockMenuContent = function BlockMenuContent(_ref4) {
     }
     return target.closest('[data-toolbar-nested-dropdown-menu]') !== null;
   };
+  if ((0, _expValEquals.expValEquals)('platform_editor_menu_radius_update', 'isEnabled', true)) {
+    return /*#__PURE__*/_react.default.createElement(_toolbarMenuContainer.ToolbarMenuContainer, {
+      testId: _blockMenu.BLOCK_MENU_TEST_ID,
+      ref: ref,
+      xcss: styles.maxWidthStyles
+    }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
+      type: _uiMenu.ArrowKeyNavigationType.MENU
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
+      handleClose: function handleClose(e) {
+        return e.preventDefault();
+      },
+      disableArrowKeyNavigation: shouldDisableArrowKeyNavigation
+    }, /*#__PURE__*/_react.default.createElement(_BlockMenuRenderer.BlockMenuRenderer, {
+      allRegisteredComponents: blockMenuComponents || []
+    })));
+  }
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: _blockMenu.BLOCK_MENU_TEST_ID,
     role: (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,

package/dist/es2019/ui/block-menu.js

@@ -13,6 +13,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { ToolbarMenuContainer } from '@atlaskit/editor-toolbar/toolbar-menu-container';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { redo, undo } from '@atlaskit/prosemirror-history';
@@ -129,6 +130,21 @@ const BlockMenuContent = ({
     }
     return target.closest('[data-toolbar-nested-dropdown-menu]') !== null;
   };
+  if (expValEquals('platform_editor_menu_radius_update', 'isEnabled', true)) {
+    return /*#__PURE__*/React.createElement(ToolbarMenuContainer, {
+      testId: BLOCK_MENU_TEST_ID,
+      ref: ref,
+      xcss: styles.maxWidthStyles
+    }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
+      type: ArrowKeyNavigationType.MENU
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
+      handleClose: e => e.preventDefault(),
+      disableArrowKeyNavigation: shouldDisableArrowKeyNavigation
+    }, /*#__PURE__*/React.createElement(BlockMenuRenderer, {
+      allRegisteredComponents: blockMenuComponents || []
+    })));
+  }
   return /*#__PURE__*/React.createElement(Box, {
     testId: BLOCK_MENU_TEST_ID,
     role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,

package/dist/esm/ui/block-menu.js

@@ -14,6 +14,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { ToolbarMenuContainer } from '@atlaskit/editor-toolbar/toolbar-menu-container';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { redo, undo } from '@atlaskit/prosemirror-history';
@@ -129,6 +130,23 @@ var BlockMenuContent = function BlockMenuContent(_ref4) {
     }
     return target.closest('[data-toolbar-nested-dropdown-menu]') !== null;
   };
+  if (expValEquals('platform_editor_menu_radius_update', 'isEnabled', true)) {
+    return /*#__PURE__*/React.createElement(ToolbarMenuContainer, {
+      testId: BLOCK_MENU_TEST_ID,
+      ref: ref,
+      xcss: styles.maxWidthStyles
+    }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
+      type: ArrowKeyNavigationType.MENU
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
+      handleClose: function handleClose(e) {
+        return e.preventDefault();
+      },
+      disableArrowKeyNavigation: shouldDisableArrowKeyNavigation
+    }, /*#__PURE__*/React.createElement(BlockMenuRenderer, {
+      allRegisteredComponents: blockMenuComponents || []
+    })));
+  }
   return /*#__PURE__*/React.createElement(Box, {
     testId: BLOCK_MENU_TEST_ID,
     role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "11.0.0",
+	"version": "11.0.2",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,13 +36,13 @@
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tmp-editor-statsig": "^106.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.0.0",
+		"@atlaskit/editor-common": "^116.2.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},