@atlaskit/editor-plugin-block-menu 7.0.11 → 7.0.13

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 7.0.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.0.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.0.11
 
 ### Patch Changes

package/dist/cjs/editor-commands/transforms/list/transformOrderedUnorderedListToBlockNodes.js

@@ -68,6 +68,7 @@ var transformOrderedUnorderedListToBlockNodes = exports.transformOrderedUnordere
       // Convert codeblocks to block nodes
       if (node.type === schema.nodes.codeBlock) {
         var _targetAttrs$level;
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
         var _textContent = node.textContent.split('\n');
         var attributes = targetNodeType === schema.nodes.heading ? {
           level: (_targetAttrs$level = targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) !== null && _targetAttrs$level !== void 0 ? _targetAttrs$level : 1

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

@@ -24,6 +24,7 @@ var _moveUp = require("./move-up");
 var _suggestedItemsMenuSection = require("./suggested-items-menu-section");
 var _suggestedMenuItems = require("./suggested-menu-items");
 var _checkHasPreviousSectionContent = require("./utils/checkHasPreviousSectionContent");
+var _checkIsFormatMenuHidden = require("./utils/checkIsFormatMenuHidden");
 var _createMenuItemsMap = require("./utils/createMenuItemsMap");
 var _getSuggestedItemsFromSelection = require("./utils/getSuggestedItemsFromSelection");
 var MIN_NUMBER_OF_AVAILABLE_NATIVE_TRANSFORMS = 7;
@@ -86,7 +87,10 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       return /*#__PURE__*/_react.default.createElement(_formatMenuNested.FormatMenuComponent, {
         api: api
       }, children);
-    }
+    },
+    isHidden: (0, _platformFeatureFlags.fg)('platform_editor_block_menu_divider_patch') ? function () {
+      return (0, _checkIsFormatMenuHidden.checkIsFormatMenuHidden)(api);
+    } : undefined
   }, {
     type: 'block-menu-section',
     key: _blockMenu.TRANSFORM_SUGGESTED_MENU_SECTION.key,

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

@@ -51,6 +51,7 @@ var BlockMenuProvider = exports.BlockMenuProvider = function BlockMenuProvider(_
     }
   }, [api]);
   return /*#__PURE__*/_react.default.createElement(BlockMenuContext.Provider, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     value: {
       onDropdownOpenChanged: onDropdownOpenChanged,
       moveDownRef: moveDownRef,

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

@@ -106,7 +106,9 @@ var BlockMenuContent = function BlockMenuContent(_ref2) {
     ref: ref,
     xcss: (0, _css.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && styles.emptyMenuSectionStyles)
   }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
-    type: _uiMenu.ArrowKeyNavigationType.MENU,
+    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();
     },
@@ -255,7 +257,9 @@ var BlockMenu = function BlockMenu(_ref3) {
     fitWidth: DEFAULT_MENU_WIDTH,
     fitHeight: menuHeight,
     preventOverflow: true,
-    stick: true,
+    stick: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     offset: [_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, targetHandleHeightOffset],
     focusTrap: openedViaKeyboard ?
     // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item

package/dist/cjs/ui/copy-section.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CopySection = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _checkIsFormatMenuHidden = require("./utils/checkIsFormatMenuHidden");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -16,7 +17,8 @@ var CopySection = exports.CopySection = function CopySection(_ref) {
   var isFormatMenuHidden = (0, _react.useCallback)(function () {
     return (0, _checkIsFormatMenuHidden.checkIsFormatMenuHidden)(api);
   }, [api]);
+  var hasSeparator = (0, _platformFeatureFlags.fg)('platform_editor_block_menu_divider_patch') ? true : (0, _experiments.editorExperiment)('platform_synced_block', true) ? true : !isFormatMenuHidden();
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-    hasSeparator: (0, _experiments.editorExperiment)('platform_synced_block', true) ? true : !isFormatMenuHidden()
+    hasSeparator: hasSeparator
   }, children);
 };

package/dist/cjs/ui/utils/checkIsFormatMenuHidden.js

@@ -5,12 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.checkIsFormatMenuHidden = void 0;
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+
+  // When platform_editor_block_menu_divider_patch is enabled, the "Copy synced block"
+  // item is placed inside TRANSFORM_MENU_SECTION, so we must not hide the section for
+  // syncBlock/bodiedSyncBlock nodes — the "Turn into" nested item has its own isHidden
+  // guard that will still hide it for those node types.
+  var disabledOnNodes = (0, _platformFeatureFlags.fg)('platform_editor_block_menu_divider_patch') ? [nodes.rule] : [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
   var disabledNode = (0, _utils.findSelectedNodeOfType)(disabledOnNodes)(selection);
   return !!disabledNode;
 };

package/dist/es2019/editor-commands/transforms/list/transformOrderedUnorderedListToBlockNodes.js

@@ -64,6 +64,7 @@ export const transformOrderedUnorderedListToBlockNodes = context => {
       // Convert codeblocks to block nodes
       if (node.type === schema.nodes.codeBlock) {
         var _targetAttrs$level;
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
         const textContent = node.textContent.split('\n');
         const attributes = targetNodeType === schema.nodes.heading ? {
           level: (_targetAttrs$level = targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) !== null && _targetAttrs$level !== void 0 ? _targetAttrs$level : 1

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

@@ -16,6 +16,7 @@ import { MoveUpDropdownItem } from './move-up';
 import { SuggestedItemsMenuSection } from './suggested-items-menu-section';
 import { SuggestedMenuItems } from './suggested-menu-items';
 import { hasContentBeforeCreate, hasContentBeforeStructure, hasContentBeforeHeadings } from './utils/checkHasPreviousSectionContent';
+import { checkIsFormatMenuHidden } from './utils/checkIsFormatMenuHidden';
 import { createMenuItemsMap } from './utils/createMenuItemsMap';
 import { getSuggestedItemsFromSelection } from './utils/getSuggestedItemsFromSelection';
 const MIN_NUMBER_OF_AVAILABLE_NATIVE_TRANSFORMS = 7;
@@ -72,7 +73,8 @@ const getTurnIntoMenuComponents = api => {
       return /*#__PURE__*/React.createElement(FormatMenuComponent, {
         api: api
       }, children);
-    }
+    },
+    isHidden: fg('platform_editor_block_menu_divider_patch') ? () => checkIsFormatMenuHidden(api) : undefined
   }, {
     type: 'block-menu-section',
     key: TRANSFORM_SUGGESTED_MENU_SECTION.key,

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

@@ -40,6 +40,7 @@ export const BlockMenuProvider = ({
     }
   }, [api]);
   return /*#__PURE__*/React.createElement(BlockMenuContext.Provider, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     value: {
       onDropdownOpenChanged,
       moveDownRef,

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

@@ -99,7 +99,9 @@ const BlockMenuContent = ({
     ref: ref,
     xcss: cx(styles.base, fg('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
   }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
-    type: ArrowKeyNavigationType.MENU,
+    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, {
@@ -247,7 +249,9 @@ const BlockMenu = ({
     fitWidth: DEFAULT_MENU_WIDTH,
     fitHeight: menuHeight,
     preventOverflow: true,
-    stick: true,
+    stick: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     offset: [DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, targetHandleHeightOffset],
     focusTrap: openedViaKeyboard ?
     // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item

package/dist/es2019/ui/copy-section.js

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { checkIsFormatMenuHidden } from './utils/checkIsFormatMenuHidden';
 export const CopySection = ({
@@ -9,7 +10,8 @@ export const CopySection = ({
   const isFormatMenuHidden = useCallback(() => {
     return checkIsFormatMenuHidden(api);
   }, [api]);
+  const hasSeparator = fg('platform_editor_block_menu_divider_patch') ? true : editorExperiment('platform_synced_block', true) ? true : !isFormatMenuHidden();
   return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    hasSeparator: editorExperiment('platform_synced_block', true) ? true : !isFormatMenuHidden()
+    hasSeparator: hasSeparator
   }, children);
 };

package/dist/es2019/ui/utils/checkIsFormatMenuHidden.js

@@ -1,10 +1,16 @@
 import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 const getIsFormatMenuHidden = (selection, schema) => {
   const nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  const disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+
+  // When platform_editor_block_menu_divider_patch is enabled, the "Copy synced block"
+  // item is placed inside TRANSFORM_MENU_SECTION, so we must not hide the section for
+  // syncBlock/bodiedSyncBlock nodes — the "Turn into" nested item has its own isHidden
+  // guard that will still hide it for those node types.
+  const disabledOnNodes = fg('platform_editor_block_menu_divider_patch') ? [nodes.rule] : [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
   const disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
   return !!disabledNode;
 };

package/dist/esm/editor-commands/transforms/list/transformOrderedUnorderedListToBlockNodes.js

@@ -61,6 +61,7 @@ export var transformOrderedUnorderedListToBlockNodes = function transformOrdered
       // Convert codeblocks to block nodes
       if (node.type === schema.nodes.codeBlock) {
         var _targetAttrs$level;
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
         var _textContent = node.textContent.split('\n');
         var attributes = targetNodeType === schema.nodes.heading ? {
           level: (_targetAttrs$level = targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) !== null && _targetAttrs$level !== void 0 ? _targetAttrs$level : 1

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

@@ -17,6 +17,7 @@ import { MoveUpDropdownItem } from './move-up';
 import { SuggestedItemsMenuSection } from './suggested-items-menu-section';
 import { SuggestedMenuItems } from './suggested-menu-items';
 import { hasContentBeforeCreate, hasContentBeforeStructure, hasContentBeforeHeadings } from './utils/checkHasPreviousSectionContent';
+import { checkIsFormatMenuHidden } from './utils/checkIsFormatMenuHidden';
 import { createMenuItemsMap } from './utils/createMenuItemsMap';
 import { getSuggestedItemsFromSelection } from './utils/getSuggestedItemsFromSelection';
 var MIN_NUMBER_OF_AVAILABLE_NATIVE_TRANSFORMS = 7;
@@ -79,7 +80,10 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       return /*#__PURE__*/React.createElement(FormatMenuComponent, {
         api: api
       }, children);
-    }
+    },
+    isHidden: fg('platform_editor_block_menu_divider_patch') ? function () {
+      return checkIsFormatMenuHidden(api);
+    } : undefined
   }, {
     type: 'block-menu-section',
     key: TRANSFORM_SUGGESTED_MENU_SECTION.key,

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

@@ -43,6 +43,7 @@ export var BlockMenuProvider = function BlockMenuProvider(_ref) {
     }
   }, [api]);
   return /*#__PURE__*/React.createElement(BlockMenuContext.Provider, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     value: {
       onDropdownOpenChanged: onDropdownOpenChanged,
       moveDownRef: moveDownRef,

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

@@ -97,7 +97,9 @@ var BlockMenuContent = function BlockMenuContent(_ref2) {
     ref: ref,
     xcss: cx(styles.base, fg('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
   }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
-    type: ArrowKeyNavigationType.MENU,
+    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();
     },
@@ -246,7 +248,9 @@ var BlockMenu = function BlockMenu(_ref3) {
     fitWidth: DEFAULT_MENU_WIDTH,
     fitHeight: menuHeight,
     preventOverflow: true,
-    stick: true,
+    stick: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     offset: [DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, targetHandleHeightOffset],
     focusTrap: openedViaKeyboard ?
     // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item

package/dist/esm/ui/copy-section.js

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { checkIsFormatMenuHidden } from './utils/checkIsFormatMenuHidden';
 export var CopySection = function CopySection(_ref) {
@@ -8,7 +9,8 @@ export var CopySection = function CopySection(_ref) {
   var isFormatMenuHidden = useCallback(function () {
     return checkIsFormatMenuHidden(api);
   }, [api]);
+  var hasSeparator = fg('platform_editor_block_menu_divider_patch') ? true : editorExperiment('platform_synced_block', true) ? true : !isFormatMenuHidden();
   return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    hasSeparator: editorExperiment('platform_synced_block', true) ? true : !isFormatMenuHidden()
+    hasSeparator: hasSeparator
   }, children);
 };

package/dist/esm/ui/utils/checkIsFormatMenuHidden.js

@@ -1,10 +1,16 @@
 import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+
+  // When platform_editor_block_menu_divider_patch is enabled, the "Copy synced block"
+  // item is placed inside TRANSFORM_MENU_SECTION, so we must not hide the section for
+  // syncBlock/bodiedSyncBlock nodes — the "Turn into" nested item has its own isHidden
+  // guard that will still hide it for those node types.
+  var disabledOnNodes = fg('platform_editor_block_menu_divider_patch') ? [nodes.rule] : [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
   var disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
   return !!disabledNode;
 };

package/dist/types/blockMenuPluginType.d.ts

@@ -95,6 +95,7 @@ export type BlockMenuNestedSectionComponent = (props: {
 export type BlockMenuItemComponent = () => React.ReactNode;
 export type RegisterBlockMenuNested = BlockMenuNested & {
     component?: BlockMenuNestedComponent;
+    isHidden?: () => boolean;
     parent: Parent<BlockMenuSection>;
 };
 export type RegisterBlockMenuSection = BlockMenuSection & {

package/dist/types/ui/copy-section.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
 export declare const CopySection: ({ api, children, }: {
-    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    api?: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
     children: React.ReactNode;
 }) => React.JSX.Element;

package/dist/types-ts4.5/blockMenuPluginType.d.ts

@@ -95,6 +95,7 @@ export type BlockMenuNestedSectionComponent = (props: {
 export type BlockMenuItemComponent = () => React.ReactNode;
 export type RegisterBlockMenuNested = BlockMenuNested & {
     component?: BlockMenuNestedComponent;
+    isHidden?: () => boolean;
     parent: Parent<BlockMenuSection>;
 };
 export type RegisterBlockMenuSection = BlockMenuSection & {

package/dist/types-ts4.5/ui/copy-section.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
 export declare const CopySection: ({ api, children, }: {
-    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    api?: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
     children: React.ReactNode;
 }) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "7.0.11",
+	"version": "7.0.13",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^42.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
@@ -102,6 +102,9 @@
 		},
 		"platform_editor_block_menu_v2_patch_3": {
 			"type": "boolean"
+		},
+		"platform_editor_block_menu_divider_patch": {
+			"type": "boolean"
 		}
 	}
 }