@atlaskit/editor-plugin-block-menu 5.0.23 → 5.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.1.0
+
+### Minor Changes
+
+- [`bd911d5eca1cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd911d5eca1cb) -
+  Use new transfromNode command in existing block menu items. Update transformNode analytics type.
+
+## 5.0.24
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.0.23
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -47,6 +47,9 @@
 		{
 			"path": "../../editor-toolbar/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/flag/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -47,6 +47,9 @@
 		{
 			"path": "../../editor-toolbar/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/flag/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -47,6 +47,9 @@
 		{
 			"path": "../../editor-toolbar/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/flag/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
 		},

package/dist/cjs/blockMenuPlugin.js

@@ -13,6 +13,7 @@ var _main = require("./pm-plugins/main");
 var _blockMenu = _interopRequireDefault(require("./ui/block-menu"));
 var _blockMenuComponents = require("./ui/block-menu-components");
 var _blockMenuProvider = require("./ui/block-menu-provider");
+var _flag = require("./ui/flag");
 var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
@@ -46,17 +47,23 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
       }
     },
     getSharedState: function getSharedState(editorState) {
-      var _api$blockControls;
+      var _api$blockControls, _pluginState$showFlag;
       if (!editorState) {
         return {
-          currentSelectedNodeName: undefined
+          currentSelectedNodeName: undefined,
+          showFlag: false
         };
       }
 
       // Get the menuTriggerBy from blockControls plugin if available
       var currentSelectedNodeName = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.sharedState.currentState()) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.menuTriggerBy;
+
+      // Get the showFlag from plugin state
+      var pluginState = _main.blockMenuPluginKey.getState(editorState);
+      var showFlag = (_pluginState$showFlag = pluginState === null || pluginState === void 0 ? void 0 : pluginState.showFlag) !== null && _pluginState$showFlag !== void 0 ? _pluginState$showFlag : false;
       return {
-        currentSelectedNodeName: currentSelectedNodeName
+        currentSelectedNodeName: currentSelectedNodeName,
+        showFlag: showFlag
       };
     },
     contentComponent: function contentComponent(_ref2) {
@@ -72,6 +79,8 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement
+      }), /*#__PURE__*/_react.default.createElement(_flag.Flag, {
+        api: api
       }));
     }
   };

package/dist/cjs/blockMenuPluginType.js

@@ -2,4 +2,22 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.FLAG_ID = void 0;
+var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
+  FLAG_ID["LINK_COPIED_TO_CLIPBOARD"] = "link-copied-to-clipboard";
+  return FLAG_ID;
+}({});
+/**
+ * The relationship between BlockMenuItem, BlockMenuSection, BlockMenuNested
+ * BlockMenuSection can have BlockMenuItem or BlockMenuNested as children
+ * BlockMenuNested can have BlockMenuSection as children,
+ * BlockMenuNested, with BlockMenuSection and BlockMenuItem, is a nested menu
+ *  _______________________________________
+ * | Block menu (no typing)
+ * |  |BlockMenuSection
+ * |  |  |BlockMenuItem
+ * |  |  |BlockMenuNested
+ * |  |  |  |BlockMenuSection
+ * |  |  |  |  |BlockMenuItem
+ */

package/dist/cjs/editor-commands/transformNode.js

@@ -6,25 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformNode = void 0;
 var _utils = require("../editor-commands/transform-node-utils/utils");
 var _transform = require("./transform-node-utils/transform");
-var transformNode = exports.transformNode = function transformNode(api) {
-  return function (targetType, analyticsAttrs) {
-    return function (_ref) {
-      var tr = _ref.tr;
-      var selection = tr.selection;
-      var source = (0, _utils.getSelectedNode)(selection);
-      if (!source) {
+var transformNode = exports.transformNode =
+// eslint-disable-next-line no-unused-vars
+function transformNode(api) {
+  return (
+    // eslint-disable-next-line no-unused-vars
+    function (targetType, analyticsAttrs) {
+      return function (_ref) {
+        var tr = _ref.tr;
+        var selection = tr.selection;
+        var source = (0, _utils.getSelectedNode)(selection);
+        if (!source) {
+          return tr;
+        }
+        var outputNodes = (0, _transform.getOutputNodes)({
+          sourceNode: source.node,
+          targetNodeType: targetType,
+          schema: selection.$from.doc.type.schema
+        });
+        if (!outputNodes) {
+          return tr;
+        }
+        tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
         return tr;
-      }
-      var outputNodes = (0, _transform.getOutputNodes)({
-        sourceNode: source.node,
-        targetNodeType: targetType,
-        schema: selection.$from.doc.type.schema
-      });
-      if (!outputNodes) {
-        return tr;
-      }
-      tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
-      return tr;
-    };
-  };
+      };
+    }
+  );
 };

package/dist/cjs/pm-plugins/main.js

@@ -7,25 +7,21 @@ exports.createPlugin = exports.blockMenuPluginKey = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var blockMenuPluginKey = exports.blockMenuPluginKey = new _state.PluginKey('blockMenuPlugin');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-
 var createPlugin = exports.createPlugin = function createPlugin() {
   return new _safePlugin.SafePlugin({
     key: blockMenuPluginKey,
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
-        return {};
+        return {
+          showFlag: false
+        };
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       apply: function apply(tr, currentPluginState) {
+        var _meta$showFlag;
         var meta = tr.getMeta(blockMenuPluginKey);
-        if (meta) {
-          return meta;
-        }
-        return currentPluginState;
+        return {
+          showFlag: (_meta$showFlag = meta === null || meta === void 0 ? void 0 : meta.showFlag) !== null && _meta$showFlag !== void 0 ? _meta$showFlag : currentPluginState.showFlag
+        };
       }
     }
   });

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

@@ -13,6 +13,8 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _blockMenuPluginType = require("../blockMenuPluginType");
+var _main = require("../pm-plugins/main");
 var _blockMenuProvider = require("./block-menu-provider");
 var _consts = require("./consts");
 var _copyLink = require("./utils/copyLink");
@@ -48,7 +50,17 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
       return tr;
     });
     onDropdownOpenChanged(false);
-    return (0, _copyLink.copyLink)(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api);
+    (0, _copyLink.copyLink)(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api).then(function (success) {
+      if (success) {
+        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          tr.setMeta(_main.blockMenuPluginKey, {
+            showFlag: _blockMenuPluginType.FLAG_ID.LINK_COPIED_TO_CLIPBOARD
+          });
+          return tr;
+        });
+      }
+    });
   }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api, onDropdownOpenChanged]);
   var checkIsNestedNode = (0, _react.useCallback)(function () {
     var _api$selection2, _api$blockControls2;

package/dist/cjs/ui/flag.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Flag = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = require("@atlaskit/editor-common/messages");
+var _flag = _interopRequireWildcard(require("@atlaskit/flag"));
+var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/core/check-circle"));
+var _blockMenuPluginType = require("../blockMenuPluginType");
+var _main = require("../pm-plugins/main");
+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); }
+var flagMap = (0, _defineProperty2.default)({}, _blockMenuPluginType.FLAG_ID.LINK_COPIED_TO_CLIPBOARD, {
+  title: _messages.blockMenuMessages.linkCopiedToClipboard,
+  autoDismiss: true
+});
+var Flag = exports.Flag = function Flag(_ref) {
+  var api = _ref.api;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockMenu'], function (states) {
+      var _states$blockMenuStat;
+      return {
+        showFlag: (_states$blockMenuStat = states.blockMenuState) === null || _states$blockMenuStat === void 0 ? void 0 : _states$blockMenuStat.showFlag
+      };
+    }),
+    showFlag = _useSharedPluginState.showFlag;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  if (!showFlag) {
+    return;
+  }
+  var title = flagMap[showFlag].title;
+  var onDismissed = function onDismissed() {
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var tr = _ref2.tr;
+      tr.setMeta(_main.blockMenuPluginKey, {
+        showFlag: false
+      });
+      return tr;
+    });
+    api === null || api === void 0 || api.core.actions.focus();
+  };
+  var FlagComponent = flagMap[showFlag].autoDismiss ? _flag.AutoDismissFlag : _flag.default;
+  return /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, null, /*#__PURE__*/_react.default.createElement(FlagComponent, {
+    onDismissed: onDismissed,
+    title: formatMessage(title),
+    id: showFlag,
+    testId: showFlag,
+    icon: /*#__PURE__*/_react.default.createElement(_checkCircle.default, {
+      label: "",
+      color: "var(--ds-icon-success, #6A9A23)"
+    })
+  }));
+};

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

@@ -5,20 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.checkIsFormatMenuHidden = void 0;
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _isNestedNode = require("./isNestedNode");
 var TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES = true;
-var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, menuTriggerBy) {
+var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  var isNested = (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy);
   if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
     var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
     var disabledNode = (0, _utils.findSelectedNodeOfType)(disabledOnNodes)(selection);
-    return !!disabledNode || isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node');
+    return !!disabledNode;
   }
   var content;
   var allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection, nodes.expand];
@@ -31,25 +28,21 @@ var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, me
       content = listTypeOrBlockQuoteNode.node;
     }
   }
-  return !content || isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node');
+  return !content;
 };
-var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) {
+var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(selection, schema) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  var isNested = (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy);
   if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
     var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
     var disabledNode = (0, _utils.findSelectedNodeOfType)(disabledOnNodes)(selection);
-    return !!disabledNode || isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node');
+    return !!disabledNode;
   }
   if (selection.empty || selection.content().size === 0) {
     // if empty selection, show format menu
     return false;
-  } else if (isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node')) {
-    // if nested,  always hide format menu unless feature gate is enabled
-    return true;
   } else {
     var content;
     var allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection, nodes.expand];
@@ -73,5 +66,5 @@ var checkIsFormatMenuHidden = exports.checkIsFormatMenuHidden = function checkIs
   if (!selection || !schema || !menuTriggerBy) {
     return false;
   }
-  return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_empty_line', 'isEnabled', true) ? getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) : getIsFormatMenuHidden(selection, schema, menuTriggerBy);
+  return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_empty_line', 'isEnabled', true) ? getIsFormatMenuHiddenEmptyLine(selection, schema) : getIsFormatMenuHidden(selection, schema);
 };

package/dist/es2019/blockMenuPlugin.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
 import { formatNode } from './editor-commands/formatNode';
 import { transformNode } from './editor-commands/transformNode';
-import { createPlugin } from './pm-plugins/main';
+import { blockMenuPluginKey, createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 import { BlockMenuProvider } from './ui/block-menu-provider';
+import { Flag } from './ui/flag';
 export const blockMenuPlugin = ({
   api,
   config
@@ -40,17 +41,23 @@ export const blockMenuPlugin = ({
       }
     },
     getSharedState(editorState) {
-      var _api$blockControls, _api$blockControls$sh;
+      var _api$blockControls, _api$blockControls$sh, _pluginState$showFlag;
       if (!editorState) {
         return {
-          currentSelectedNodeName: undefined
+          currentSelectedNodeName: undefined,
+          showFlag: false
         };
       }
 
       // Get the menuTriggerBy from blockControls plugin if available
       const currentSelectedNodeName = api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : (_api$blockControls$sh = _api$blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.menuTriggerBy;
+
+      // Get the showFlag from plugin state
+      const pluginState = blockMenuPluginKey.getState(editorState);
+      const showFlag = (_pluginState$showFlag = pluginState === null || pluginState === void 0 ? void 0 : pluginState.showFlag) !== null && _pluginState$showFlag !== void 0 ? _pluginState$showFlag : false;
       return {
-        currentSelectedNodeName
+        currentSelectedNodeName,
+        showFlag
       };
     },
     contentComponent({
@@ -67,6 +74,8 @@ export const blockMenuPlugin = ({
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement
+      }), /*#__PURE__*/React.createElement(Flag, {
+        api: api
       }));
     }
   };

package/dist/es2019/blockMenuPluginType.js

@@ -1 +1,18 @@
-export {};
+export let FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
+  FLAG_ID["LINK_COPIED_TO_CLIPBOARD"] = "link-copied-to-clipboard";
+  return FLAG_ID;
+}({});
+
+/**
+ * The relationship between BlockMenuItem, BlockMenuSection, BlockMenuNested
+ * BlockMenuSection can have BlockMenuItem or BlockMenuNested as children
+ * BlockMenuNested can have BlockMenuSection as children,
+ * BlockMenuNested, with BlockMenuSection and BlockMenuItem, is a nested menu
+ *  _______________________________________
+ * | Block menu (no typing)
+ * |  |BlockMenuSection
+ * |  |  |BlockMenuItem
+ * |  |  |BlockMenuNested
+ * |  |  |  |BlockMenuSection
+ * |  |  |  |  |BlockMenuItem
+ */

package/dist/es2019/editor-commands/transformNode.js

@@ -1,6 +1,10 @@
 import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
 import { getOutputNodes } from './transform-node-utils/transform';
-export const transformNode = api => (targetType, analyticsAttrs) => {
+export const transformNode =
+// eslint-disable-next-line no-unused-vars
+api =>
+// eslint-disable-next-line no-unused-vars
+(targetType, analyticsAttrs) => {
   return ({
     tr
   }) => {

package/dist/es2019/pm-plugins/main.js

@@ -1,26 +1,21 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export const blockMenuPluginKey = new PluginKey('blockMenuPlugin');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-
 export const createPlugin = () => {
   return new SafePlugin({
     key: blockMenuPluginKey,
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
-
       init() {
-        return {};
+        return {
+          showFlag: false
+        };
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       apply: (tr, currentPluginState) => {
+        var _meta$showFlag;
         const meta = tr.getMeta(blockMenuPluginKey);
-        if (meta) {
-          return meta;
-        }
-        return currentPluginState;
+        return {
+          showFlag: (_meta$showFlag = meta === null || meta === void 0 ? void 0 : meta.showFlag) !== null && _meta$showFlag !== void 0 ? _meta$showFlag : currentPluginState.showFlag
+        };
       }
     }
   });

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

@@ -5,6 +5,8 @@ import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages'
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { FLAG_ID } from '../blockMenuPluginType';
+import { blockMenuPluginKey } from '../pm-plugins/main';
 import { useBlockMenu } from './block-menu-provider';
 import { BLOCK_MENU_ITEM_NAME } from './consts';
 import { copyLink } from './utils/copyLink';
@@ -43,7 +45,18 @@ const CopyLinkDropdownItemContent = ({
       return tr;
     });
     onDropdownOpenChanged(false);
-    return copyLink(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api);
+    copyLink(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api).then(success => {
+      if (success) {
+        api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          tr
+        }) => {
+          tr.setMeta(blockMenuPluginKey, {
+            showFlag: FLAG_ID.LINK_COPIED_TO_CLIPBOARD
+          });
+          return tr;
+        });
+      }
+    });
   }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api, onDropdownOpenChanged]);
   const checkIsNestedNode = useCallback(() => {
     var _api$selection2, _api$selection2$share, _api$selection2$share2, _api$blockControls2, _api$blockControls2$s, _api$blockControls2$s2;

package/dist/es2019/ui/flag.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
+import AkFlag, { FlagGroup, AutoDismissFlag } from '@atlaskit/flag';
+import SuccessIcon from '@atlaskit/icon/core/check-circle';
+import { FLAG_ID } from '../blockMenuPluginType';
+import { blockMenuPluginKey } from '../pm-plugins/main';
+const flagMap = {
+  [FLAG_ID.LINK_COPIED_TO_CLIPBOARD]: {
+    title: messages.linkCopiedToClipboard,
+    autoDismiss: true
+  }
+};
+export const Flag = ({
+  api
+}) => {
+  const {
+    showFlag
+  } = useSharedPluginStateWithSelector(api, ['blockMenu'], states => {
+    var _states$blockMenuStat;
+    return {
+      showFlag: (_states$blockMenuStat = states.blockMenuState) === null || _states$blockMenuStat === void 0 ? void 0 : _states$blockMenuStat.showFlag
+    };
+  });
+  const {
+    formatMessage
+  } = useIntl();
+  if (!showFlag) {
+    return;
+  }
+  const {
+    title
+  } = flagMap[showFlag];
+  const onDismissed = () => {
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      tr.setMeta(blockMenuPluginKey, {
+        showFlag: false
+      });
+      return tr;
+    });
+    api === null || api === void 0 ? void 0 : api.core.actions.focus();
+  };
+  const FlagComponent = flagMap[showFlag].autoDismiss ? AutoDismissFlag : AkFlag;
+  return /*#__PURE__*/React.createElement(FlagGroup, null, /*#__PURE__*/React.createElement(FlagComponent, {
+    onDismissed: onDismissed,
+    title: formatMessage(title),
+    id: showFlag,
+    testId: showFlag,
+    icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+      label: "",
+      color: "var(--ds-icon-success, #6A9A23)"
+    })
+  }));
+};

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

@@ -1,18 +1,15 @@
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { isNestedNode } from './isNestedNode';
 const TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES = true;
-const getIsFormatMenuHidden = (selection, schema, menuTriggerBy) => {
+const getIsFormatMenuHidden = (selection, schema) => {
   const nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  const isNested = isNestedNode(selection, menuTriggerBy);
   if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
     const disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
     const disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
-    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+    return !!disabledNode;
   }
   let content;
   const allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection, nodes.expand];
@@ -25,25 +22,21 @@ const getIsFormatMenuHidden = (selection, schema, menuTriggerBy) => {
       content = listTypeOrBlockQuoteNode.node;
     }
   }
-  return !content || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+  return !content;
 };
-const getIsFormatMenuHiddenEmptyLine = (selection, schema, menuTriggerBy) => {
+const getIsFormatMenuHiddenEmptyLine = (selection, schema) => {
   const nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  const isNested = isNestedNode(selection, menuTriggerBy);
   if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
     const disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
     const disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
-    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+    return !!disabledNode;
   }
   if (selection.empty || selection.content().size === 0) {
     // if empty selection, show format menu
     return false;
-  } else if (isNested && !fg('platform_editor_block_menu_transform_nested_node')) {
-    // if nested,  always hide format menu unless feature gate is enabled
-    return true;
   } else {
     let content;
     const allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection, nodes.expand];
@@ -67,5 +60,5 @@ export const checkIsFormatMenuHidden = api => {
   if (!selection || !schema || !menuTriggerBy) {
     return false;
   }
-  return expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true) ? getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) : getIsFormatMenuHidden(selection, schema, menuTriggerBy);
+  return expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true) ? getIsFormatMenuHiddenEmptyLine(selection, schema) : getIsFormatMenuHidden(selection, schema);
 };

package/dist/esm/blockMenuPlugin.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
 import { formatNode as _formatNode } from './editor-commands/formatNode';
 import { transformNode as _transformNode } from './editor-commands/transformNode';
-import { createPlugin } from './pm-plugins/main';
+import { blockMenuPluginKey, createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 import { BlockMenuProvider } from './ui/block-menu-provider';
+import { Flag } from './ui/flag';
 export var blockMenuPlugin = function blockMenuPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
@@ -39,17 +40,23 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
       }
     },
     getSharedState: function getSharedState(editorState) {
-      var _api$blockControls;
+      var _api$blockControls, _pluginState$showFlag;
       if (!editorState) {
         return {
-          currentSelectedNodeName: undefined
+          currentSelectedNodeName: undefined,
+          showFlag: false
         };
       }
 
       // Get the menuTriggerBy from blockControls plugin if available
       var currentSelectedNodeName = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.sharedState.currentState()) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.menuTriggerBy;
+
+      // Get the showFlag from plugin state
+      var pluginState = blockMenuPluginKey.getState(editorState);
+      var showFlag = (_pluginState$showFlag = pluginState === null || pluginState === void 0 ? void 0 : pluginState.showFlag) !== null && _pluginState$showFlag !== void 0 ? _pluginState$showFlag : false;
       return {
-        currentSelectedNodeName: currentSelectedNodeName
+        currentSelectedNodeName: currentSelectedNodeName,
+        showFlag: showFlag
       };
     },
     contentComponent: function contentComponent(_ref2) {
@@ -65,6 +72,8 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement
+      }), /*#__PURE__*/React.createElement(Flag, {
+        api: api
       }));
     }
   };

package/dist/esm/blockMenuPluginType.js

@@ -1 +1,18 @@
-export {};
+export var FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
+  FLAG_ID["LINK_COPIED_TO_CLIPBOARD"] = "link-copied-to-clipboard";
+  return FLAG_ID;
+}({});
+
+/**
+ * The relationship between BlockMenuItem, BlockMenuSection, BlockMenuNested
+ * BlockMenuSection can have BlockMenuItem or BlockMenuNested as children
+ * BlockMenuNested can have BlockMenuSection as children,
+ * BlockMenuNested, with BlockMenuSection and BlockMenuItem, is a nested menu
+ *  _______________________________________
+ * | Block menu (no typing)
+ * |  |BlockMenuSection
+ * |  |  |BlockMenuItem
+ * |  |  |BlockMenuNested
+ * |  |  |  |BlockMenuSection
+ * |  |  |  |  |BlockMenuItem
+ */

package/dist/esm/editor-commands/transformNode.js

@@ -1,24 +1,29 @@
 import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
 import { getOutputNodes } from './transform-node-utils/transform';
-export var transformNode = function transformNode(api) {
-  return function (targetType, analyticsAttrs) {
-    return function (_ref) {
-      var tr = _ref.tr;
-      var selection = tr.selection;
-      var source = getSelectedNode(selection);
-      if (!source) {
+export var transformNode =
+// eslint-disable-next-line no-unused-vars
+function transformNode(api) {
+  return (
+    // eslint-disable-next-line no-unused-vars
+    function (targetType, analyticsAttrs) {
+      return function (_ref) {
+        var tr = _ref.tr;
+        var selection = tr.selection;
+        var source = getSelectedNode(selection);
+        if (!source) {
+          return tr;
+        }
+        var outputNodes = getOutputNodes({
+          sourceNode: source.node,
+          targetNodeType: targetType,
+          schema: selection.$from.doc.type.schema
+        });
+        if (!outputNodes) {
+          return tr;
+        }
+        tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
         return tr;
-      }
-      var outputNodes = getOutputNodes({
-        sourceNode: source.node,
-        targetNodeType: targetType,
-        schema: selection.$from.doc.type.schema
-      });
-      if (!outputNodes) {
-        return tr;
-      }
-      tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
-      return tr;
-    };
-  };
+      };
+    }
+  );
 };

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

@@ -1,25 +1,21 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export var blockMenuPluginKey = new PluginKey('blockMenuPlugin');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-
 export var createPlugin = function createPlugin() {
   return new SafePlugin({
     key: blockMenuPluginKey,
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
-        return {};
+        return {
+          showFlag: false
+        };
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       apply: function apply(tr, currentPluginState) {
+        var _meta$showFlag;
         var meta = tr.getMeta(blockMenuPluginKey);
-        if (meta) {
-          return meta;
-        }
-        return currentPluginState;
+        return {
+          showFlag: (_meta$showFlag = meta === null || meta === void 0 ? void 0 : meta.showFlag) !== null && _meta$showFlag !== void 0 ? _meta$showFlag : currentPluginState.showFlag
+        };
       }
     }
   });

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

@@ -5,6 +5,8 @@ import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages'
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { FLAG_ID } from '../blockMenuPluginType';
+import { blockMenuPluginKey } from '../pm-plugins/main';
 import { useBlockMenu } from './block-menu-provider';
 import { BLOCK_MENU_ITEM_NAME } from './consts';
 import { copyLink } from './utils/copyLink';
@@ -39,7 +41,17 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
       return tr;
     });
     onDropdownOpenChanged(false);
-    return copyLink(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api);
+    copyLink(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api).then(function (success) {
+      if (success) {
+        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          tr.setMeta(blockMenuPluginKey, {
+            showFlag: FLAG_ID.LINK_COPIED_TO_CLIPBOARD
+          });
+          return tr;
+        });
+      }
+    });
   }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api, onDropdownOpenChanged]);
   var checkIsNestedNode = useCallback(function () {
     var _api$selection2, _api$blockControls2;

package/dist/esm/ui/flag.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
+import AkFlag, { FlagGroup, AutoDismissFlag } from '@atlaskit/flag';
+import SuccessIcon from '@atlaskit/icon/core/check-circle';
+import { FLAG_ID } from '../blockMenuPluginType';
+import { blockMenuPluginKey } from '../pm-plugins/main';
+var flagMap = _defineProperty({}, FLAG_ID.LINK_COPIED_TO_CLIPBOARD, {
+  title: messages.linkCopiedToClipboard,
+  autoDismiss: true
+});
+export var Flag = function Flag(_ref) {
+  var api = _ref.api;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockMenu'], function (states) {
+      var _states$blockMenuStat;
+      return {
+        showFlag: (_states$blockMenuStat = states.blockMenuState) === null || _states$blockMenuStat === void 0 ? void 0 : _states$blockMenuStat.showFlag
+      };
+    }),
+    showFlag = _useSharedPluginState.showFlag;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  if (!showFlag) {
+    return;
+  }
+  var title = flagMap[showFlag].title;
+  var onDismissed = function onDismissed() {
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var tr = _ref2.tr;
+      tr.setMeta(blockMenuPluginKey, {
+        showFlag: false
+      });
+      return tr;
+    });
+    api === null || api === void 0 || api.core.actions.focus();
+  };
+  var FlagComponent = flagMap[showFlag].autoDismiss ? AutoDismissFlag : AkFlag;
+  return /*#__PURE__*/React.createElement(FlagGroup, null, /*#__PURE__*/React.createElement(FlagComponent, {
+    onDismissed: onDismissed,
+    title: formatMessage(title),
+    id: showFlag,
+    testId: showFlag,
+    icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+      label: "",
+      color: "var(--ds-icon-success, #6A9A23)"
+    })
+  }));
+};

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

@@ -1,18 +1,15 @@
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { isNestedNode } from './isNestedNode';
 var TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES = true;
-var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, menuTriggerBy) {
+var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  var isNested = isNestedNode(selection, menuTriggerBy);
   if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
     var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
     var disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
-    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+    return !!disabledNode;
   }
   var content;
   var allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection, nodes.expand];
@@ -25,25 +22,21 @@ var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, me
       content = listTypeOrBlockQuoteNode.node;
     }
   }
-  return !content || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+  return !content;
 };
-var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) {
+var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(selection, schema) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
-  var isNested = isNestedNode(selection, menuTriggerBy);
   if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
     var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
     var disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
-    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+    return !!disabledNode;
   }
   if (selection.empty || selection.content().size === 0) {
     // if empty selection, show format menu
     return false;
-  } else if (isNested && !fg('platform_editor_block_menu_transform_nested_node')) {
-    // if nested,  always hide format menu unless feature gate is enabled
-    return true;
   } else {
     var content;
     var allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection, nodes.expand];
@@ -67,5 +60,5 @@ export var checkIsFormatMenuHidden = function checkIsFormatMenuHidden(api) {
   if (!selection || !schema || !menuTriggerBy) {
     return false;
   }
-  return expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true) ? getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) : getIsFormatMenuHidden(selection, schema, menuTriggerBy);
+  return expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true) ? getIsFormatMenuHiddenEmptyLine(selection, schema) : getIsFormatMenuHidden(selection, schema);
 };

package/dist/types/blockMenuPluginType.d.ts

@@ -5,9 +5,12 @@ import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { FormatNodeTargetType, FormatNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+import type { FormatNodeAnalyticsAttrs, FormatNodeTargetType, TransformNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+export declare enum FLAG_ID {
+    LINK_COPIED_TO_CLIPBOARD = "link-copied-to-clipboard"
+}
 type FormatNodeCommand = (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
-type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;
 export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
     actions: {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
@@ -45,6 +48,10 @@ export type BlockMenuSharedState = {
      * This exposes the menuTriggerBy value from blockControls plugin
      */
     currentSelectedNodeName: string | undefined;
+    /**
+     * Whether to show a flag (e.g. for copy confirmation)
+     */
+    showFlag: FLAG_ID | false;
 } | undefined;
 type WithRank<T> = T & {
     rank: number;

package/dist/types/editor-commands/transformNode.d.ts

@@ -1,5 +1,5 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-import type { FormatNodeAnalyticsAttrs } from './transforms/types';
-export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+import type { TransformNodeAnalyticsAttrs } from './transforms/types';
+export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;

package/dist/types/editor-commands/transforms/types.d.ts

@@ -2,8 +2,12 @@ import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TransformContext } from '@atlaskit/editor-common/transforms';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export type FormatNodeTargetType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'paragraph' | 'blockquote' | 'expand' | 'layoutSection' | 'panel' | 'codeBlock' | 'bulletList' | 'orderedList' | 'taskList';
+export type TransfromNodeTargetType = FormatNodeTargetType;
 export type FormatNodeAnalyticsAttrs = {
     inputMethod: INPUT_METHOD.BLOCK_MENU;
     triggeredFrom: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
 };
+export type TransformNodeAnalyticsAttrs = FormatNodeAnalyticsAttrs & {
+    targetTypeName: TransfromNodeTargetType;
+};
 export type TransformFunction = (context: TransformContext) => Transaction | null;

package/dist/types/pm-plugins/main.d.ts

@@ -1,6 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { FLAG_ID } from '../blockMenuPluginType';
 export declare const blockMenuPluginKey: PluginKey<any>;
-type BlockMenuPluginState = {};
+type BlockMenuPluginState = {
+    showFlag: FLAG_ID | false;
+};
 export declare const createPlugin: () => SafePlugin<BlockMenuPluginState>;
 export {};

package/dist/types/ui/flag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+type Props = {
+    api?: ExtractInjectionAPI<BlockMenuPlugin>;
+};
+export declare const Flag: ({ api }: Props) => React.JSX.Element | undefined;
+export {};

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

@@ -5,9 +5,12 @@ import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { FormatNodeTargetType, FormatNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+import type { FormatNodeAnalyticsAttrs, FormatNodeTargetType, TransformNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+export declare enum FLAG_ID {
+    LINK_COPIED_TO_CLIPBOARD = "link-copied-to-clipboard"
+}
 type FormatNodeCommand = (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
-type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;
 export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
     actions: {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
@@ -45,6 +48,10 @@ export type BlockMenuSharedState = {
      * This exposes the menuTriggerBy value from blockControls plugin
      */
     currentSelectedNodeName: string | undefined;
+    /**
+     * Whether to show a flag (e.g. for copy confirmation)
+     */
+    showFlag: FLAG_ID | false;
 } | undefined;
 type WithRank<T> = T & {
     rank: number;

package/dist/types-ts4.5/editor-commands/transformNode.d.ts

@@ -1,5 +1,5 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-import type { FormatNodeAnalyticsAttrs } from './transforms/types';
-export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+import type { TransformNodeAnalyticsAttrs } from './transforms/types';
+export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;

package/dist/types-ts4.5/editor-commands/transforms/types.d.ts

@@ -2,8 +2,12 @@ import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TransformContext } from '@atlaskit/editor-common/transforms';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export type FormatNodeTargetType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'paragraph' | 'blockquote' | 'expand' | 'layoutSection' | 'panel' | 'codeBlock' | 'bulletList' | 'orderedList' | 'taskList';
+export type TransfromNodeTargetType = FormatNodeTargetType;
 export type FormatNodeAnalyticsAttrs = {
     inputMethod: INPUT_METHOD.BLOCK_MENU;
     triggeredFrom: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
 };
+export type TransformNodeAnalyticsAttrs = FormatNodeAnalyticsAttrs & {
+    targetTypeName: TransfromNodeTargetType;
+};
 export type TransformFunction = (context: TransformContext) => Transaction | null;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,6 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { FLAG_ID } from '../blockMenuPluginType';
 export declare const blockMenuPluginKey: PluginKey<any>;
-type BlockMenuPluginState = {};
+type BlockMenuPluginState = {
+    showFlag: FLAG_ID | false;
+};
 export declare const createPlugin: () => SafePlugin<BlockMenuPluginState>;
 export {};

package/dist/types-ts4.5/ui/flag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+type Props = {
+    api?: ExtractInjectionAPI<BlockMenuPlugin>;
+};
+export declare const Flag: ({ api }: Props) => React.JSX.Element | undefined;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.0.23",
+	"version": "5.1.0",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,19 +31,20 @@
 		"@atlaskit/css": "^0.17.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
-		"@atlaskit/editor-plugin-block-controls": "^7.10.0",
+		"@atlaskit/editor-plugin-block-controls": "^7.11.0",
 		"@atlaskit/editor-plugin-decorations": "^6.1.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^4.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.17.0",
+		"@atlaskit/editor-toolbar": "^0.18.0",
+		"@atlaskit/flag": "^17.5.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^14.1.0",
+		"@atlaskit/tmp-editor-statsig": "^14.2.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@babel/runtime": "^7.0.0"
 	},
@@ -92,9 +93,6 @@
 		"platform_editor_adf_with_localid": {
 			"type": "boolean"
 		},
-		"platform_editor_block_menu_transform_nested_node": {
-			"type": "boolean"
-		},
 		"platform_editor_toolbar_aifc_user_intent_fix": {
 			"type": "boolean"
 		}