@atlaskit/editor-plugin-block-menu 7.0.10 → 7.0.12

package/CHANGELOG.md

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

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/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/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/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/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/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.10",
+	"version": "7.0.12",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,13 +44,13 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^41.0.0",
+		"@atlaskit/tmp-editor-statsig": "^43.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.6.0",
+		"@atlaskit/editor-common": "^112.7.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -102,6 +102,9 @@
 		},
 		"platform_editor_block_menu_v2_patch_3": {
 			"type": "boolean"
+		},
+		"platform_editor_block_menu_divider_patch": {
+			"type": "boolean"
 		}
 	}
 }