@atlaskit/editor-plugin-block-menu 6.1.12 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 7.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.1.13
+
+### Patch Changes
+
+- [`7951795610960`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7951795610960) -
+  Add a divider above the "copy link to selection" option in block menu
+- Updated dependencies
+
 ## 6.1.12
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockMenuPlugin = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorActions = require("./editor-actions");
 var _isTransformToTargetDisabled = require("./editor-actions/isTransformToTargetDisabled");
 var _transformNode2 = require("./editor-commands/transformNode");
@@ -38,7 +40,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
         plugin: function plugin() {
           return (0, _keymap.keymapPlugin)(api, config);
         }
-      }, {
+      }].concat((0, _toConsumableArray2.default)((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_experience_tracking_observer', 'isEnabled', true) ? [{
         name: 'blockMenuExperiences',
         plugin: function plugin() {
           return (0, _blockMenuExperiences.getBlockMenuExperiencesPlugin)({
@@ -49,7 +51,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
             }
           });
         }
-      }];
+      }] : []));
     },
     actions: {
       registerBlockMenuComponents: function registerBlockMenuComponents(blockMenuComponents) {

package/dist/cjs/pm-plugins/experiences/block-menu-experiences.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBlockMenuExperiencesPlugin = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _bindEventListener = require("bind-event-listener");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
@@ -37,6 +39,13 @@ var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = func
     }
     return popupTargetEl;
   };
+  var getEditorDom = function getEditorDom() {
+    var _editorView2;
+    if (((_editorView2 = editorView) === null || _editorView2 === void 0 ? void 0 : _editorView2.dom) instanceof HTMLElement) {
+      return editorView.dom;
+    }
+    return null;
+  };
   var blockMenuOpenExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_OPEN, {
     actionSubjectId: _analytics.ACTION_SUBJECT_ID.BLOCK_MENU,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -48,13 +57,21 @@ var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = func
       type: 'editorContent'
     })]
   });
-  var actionObserveConfig = function actionObserveConfig() {
-    return {
-      target: (0, _experienceCheckUtils.getParentDOMAtSelection)(editorView),
+  var observeConfigs = function observeConfigs() {
+    var narrowTarget = (0, _experiences.getSelectionAncestorDOM)(editorView);
+    var editorDom = getEditorDom();
+    return [].concat((0, _toConsumableArray2.default)(narrowTarget ? [{
+      target: narrowTarget,
+      options: {
+        childList: true,
+        subtree: true
+      }
+    }] : []), (0, _toConsumableArray2.default)(editorDom ? [{
+      target: editorDom,
       options: {
         childList: true
       }
-    };
+    }] : []));
   };
   var blockMoveUpExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
     action: _analytics.ACTION.MOVED,
@@ -64,7 +81,7 @@ var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = func
       durationMs: TIMEOUT_DURATION
     }), new _experiences.ExperienceCheckDomMutation({
       onDomMutation: _experienceCheckUtils.handleMoveDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   var blockMoveDownExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
@@ -75,7 +92,7 @@ var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = func
       durationMs: TIMEOUT_DURATION
     }), new _experiences.ExperienceCheckDomMutation({
       onDomMutation: _experienceCheckUtils.handleMoveDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   var blockDeleteExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
@@ -86,7 +103,7 @@ var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = func
       durationMs: TIMEOUT_DURATION
     }), new _experiences.ExperienceCheckDomMutation({
       onDomMutation: _experienceCheckUtils.handleDeleteDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     }), new _experiences.ExperienceCheckPopupMutation({
       nestedElementQuery: "[data-testid=\"".concat(PORTAL_TEST_ID.SYNC_BLOCK_DELETE_CONFIRMATION, "\"]"),
       type: 'portalRoot'
@@ -100,7 +117,7 @@ var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = func
       durationMs: TIMEOUT_DURATION
     }), new _experiences.ExperienceCheckDomMutation({
       onDomMutation: _experienceCheckUtils.handleTransformDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   var blockCopyLinkExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {

package/dist/cjs/pm-plugins/experiences/experience-check-utils.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isDragHandleElement = exports.isBlockMenuVisible = exports.handleTransformDomMutation = exports.handleMoveDomMutation = exports.handleMenuOpenDomMutation = exports.handleDeleteDomMutation = exports.getParentDOMAtSelection = void 0;
+exports.isDragHandleElement = exports.isBlockMenuVisible = exports.handleTransformDomMutation = exports.handleMoveDomMutation = exports.handleMenuOpenDomMutation = exports.handleDeleteDomMutation = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _experiences = require("@atlaskit/editor-common/experiences");
-var _editorTables = require("@atlaskit/editor-tables");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -34,38 +33,6 @@ var isBlockMenuVisible = exports.isBlockMenuVisible = function isBlockMenuVisibl
   }
   return (0, _experiences.popupWithNestedElement)(popupsTarget, "[data-testid=\"".concat(_blockMenu.BLOCK_MENU_TEST_ID, "\"]")) !== null;
 };
-
-/**
- * Gets the parent DOM element at the starting position of the current selection
- * from the provided editor view.
- *
- * @param editorView - The editor view from which to get the parent DOM element
- * @returns The parent HTMLElement of the block at the selection, or null if not found
- */
-var getParentDOMAtSelection = exports.getParentDOMAtSelection = function getParentDOMAtSelection(editorView) {
-  if (!editorView) {
-    return null;
-  }
-  var selection = editorView.state.selection;
-  if (selection instanceof _editorTables.CellSelection) {
-    // $anchorCell resolves inside the row (before the cell), so
-    // $anchorCell.depth is the row's depth. Table is one level up.
-    var $cell = selection.$anchorCell;
-    var tableDepth = $cell.depth - 1;
-    if (tableDepth > 0) {
-      var dom = editorView.nodeDOM($cell.before(tableDepth));
-      if (dom instanceof HTMLElement && dom.parentElement) {
-        return dom.parentElement;
-      }
-    }
-  }
-  var from = selection.from;
-  var nodeDOM = editorView.nodeDOM(from);
-  if (nodeDOM instanceof HTMLElement) {
-    return nodeDOM.parentElement;
-  }
-  return editorView.dom || null;
-};
 var isBlockMenuAddedInMutation = function isBlockMenuAddedInMutation(_ref) {
   var type = _ref.type,
     addedNodes = _ref.addedNodes;

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

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("./block-menu-renderer/utils");
 var _copyLink = require("./copy-link");
 var _copySection = require("./copy-section");
@@ -208,7 +209,31 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
         api: api
       }, children);
     }
+  }], (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_block_menu_copy_section') ? [{
+    type: 'block-menu-section',
+    key: _blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+    rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION.key],
+    component: function component(_ref9) {
+      var children = _ref9.children;
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, children);
+    }
   }, {
+    type: 'block-menu-item',
+    key: _blockMenu.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: _blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+      rank: _blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_copyLink.CopyLinkDropdownItem, {
+        api: api,
+        config: config
+      });
+    }
+  }] : [{
     type: 'block-menu-item',
     key: _blockMenu.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
     parent: {
@@ -222,12 +247,12 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
         config: config
       });
     }
-  }, {
+  }]), [{
     type: 'block-menu-section',
     key: _blockMenu.POSITION_MENU_SECTION.key,
     rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.POSITION_MENU_SECTION.key],
-    component: function component(_ref9) {
-      var children = _ref9.children;
+    component: function component(_ref0) {
+      var children = _ref0.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -236,8 +261,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     type: 'block-menu-section',
     key: _blockMenu.DELETE_MENU_SECTION.key,
     rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.DELETE_MENU_SECTION.key],
-    component: function component(_ref0) {
-      var children = _ref0.children;
+    component: function component(_ref1) {
+      var children = _ref1.children;
       return /*#__PURE__*/_react.default.createElement(_deleteSection.DeleteSection, null, children);
     }
   }, {

package/dist/es2019/blockMenuPlugin.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { createBlockMenuRegistry } from './editor-actions';
 import { isTransformToTargetDisabled } from './editor-actions/isTransformToTargetDisabled';
 import { transformNode } from './editor-commands/transformNode';
@@ -28,7 +29,7 @@ export const blockMenuPlugin = ({
       }, {
         name: 'blockMenuKeymap',
         plugin: () => keymapPlugin(api, config)
-      }, {
+      }, ...(expValEqualsNoExposure('platform_editor_experience_tracking_observer', 'isEnabled', true) ? [{
         name: 'blockMenuExperiences',
         plugin: () => getBlockMenuExperiencesPlugin({
           refs,
@@ -37,7 +38,7 @@ export const blockMenuPlugin = ({
             return api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent(payload);
           }
         })
-      }];
+      }] : [])];
     },
     actions: {
       registerBlockMenuComponents: blockMenuComponents => {

package/dist/es2019/pm-plugins/experiences/block-menu-experiences.js

@@ -1,10 +1,10 @@
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { BLOCK_MENU_ACTION_TEST_ID, BLOCK_MENU_TEST_ID, EXTENSION_MENU_ITEM_TEST_ID } from '@atlaskit/editor-common/block-menu';
-import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckPopupMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView } from '@atlaskit/editor-common/experiences';
+import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckPopupMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { getParentDOMAtSelection, handleDeleteDomMutation, handleMoveDomMutation, handleTransformDomMutation, isBlockMenuVisible, isDragHandleElement } from './experience-check-utils';
+import { handleDeleteDomMutation, handleMoveDomMutation, handleTransformDomMutation, isBlockMenuVisible, isDragHandleElement } from './experience-check-utils';
 const TIMEOUT_DURATION = 1000;
 const PORTAL_TEST_ID = {
   LINK_COPIED_TO_CLIPBOARD: 'link-copied-to-clipboard',
@@ -32,6 +32,13 @@ export const getBlockMenuExperiencesPlugin = ({
     }
     return popupTargetEl;
   };
+  const getEditorDom = () => {
+    var _editorView2;
+    if (((_editorView2 = editorView) === null || _editorView2 === void 0 ? void 0 : _editorView2.dom) instanceof HTMLElement) {
+      return editorView.dom;
+    }
+    return null;
+  };
   const blockMenuOpenExperience = new Experience(EXPERIENCE_ID.MENU_OPEN, {
     actionSubjectId: ACTION_SUBJECT_ID.BLOCK_MENU,
     dispatchAnalyticsEvent,
@@ -43,12 +50,22 @@ export const getBlockMenuExperiencesPlugin = ({
       type: 'editorContent'
     })]
   });
-  const actionObserveConfig = () => ({
-    target: getParentDOMAtSelection(editorView),
-    options: {
-      childList: true
-    }
-  });
+  const observeConfigs = () => {
+    const narrowTarget = getSelectionAncestorDOM(editorView);
+    const editorDom = getEditorDom();
+    return [...(narrowTarget ? [{
+      target: narrowTarget,
+      options: {
+        childList: true,
+        subtree: true
+      }
+    }] : []), ...(editorDom ? [{
+      target: editorDom,
+      options: {
+        childList: true
+      }
+    }] : [])];
+  };
   const blockMoveUpExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
     action: ACTION.MOVED,
     actionSubjectId: ACTION_SUBJECT_ID.MOVE_UP_BLOCK,
@@ -57,7 +74,7 @@ export const getBlockMenuExperiencesPlugin = ({
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleMoveDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   const blockMoveDownExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
@@ -68,7 +85,7 @@ export const getBlockMenuExperiencesPlugin = ({
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleMoveDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   const blockDeleteExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
@@ -79,7 +96,7 @@ export const getBlockMenuExperiencesPlugin = ({
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleDeleteDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     }), new ExperienceCheckPopupMutation({
       nestedElementQuery: `[data-testid="${PORTAL_TEST_ID.SYNC_BLOCK_DELETE_CONFIRMATION}"]`,
       type: 'portalRoot'
@@ -93,7 +110,7 @@ export const getBlockMenuExperiencesPlugin = ({
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleTransformDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   const blockCopyLinkExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {

package/dist/es2019/pm-plugins/experiences/experience-check-utils.js

@@ -1,6 +1,5 @@
 import { BLOCK_MENU_TEST_ID } from '@atlaskit/editor-common/block-menu';
 import { popupWithNestedElement } from '@atlaskit/editor-common/experiences';
-import { CellSelection } from '@atlaskit/editor-tables';
 
 /**
  * Checks if the given element or any of its ancestors is a drag handle element.
@@ -24,40 +23,6 @@ export const isBlockMenuVisible = popupsTarget => {
   }
   return popupWithNestedElement(popupsTarget, `[data-testid="${BLOCK_MENU_TEST_ID}"]`) !== null;
 };
-
-/**
- * Gets the parent DOM element at the starting position of the current selection
- * from the provided editor view.
- *
- * @param editorView - The editor view from which to get the parent DOM element
- * @returns The parent HTMLElement of the block at the selection, or null if not found
- */
-export const getParentDOMAtSelection = editorView => {
-  if (!editorView) {
-    return null;
-  }
-  const {
-    selection
-  } = editorView.state;
-  if (selection instanceof CellSelection) {
-    // $anchorCell resolves inside the row (before the cell), so
-    // $anchorCell.depth is the row's depth. Table is one level up.
-    const $cell = selection.$anchorCell;
-    const tableDepth = $cell.depth - 1;
-    if (tableDepth > 0) {
-      const dom = editorView.nodeDOM($cell.before(tableDepth));
-      if (dom instanceof HTMLElement && dom.parentElement) {
-        return dom.parentElement;
-      }
-    }
-  }
-  const from = selection.from;
-  const nodeDOM = editorView.nodeDOM(from);
-  if (nodeDOM instanceof HTMLElement) {
-    return nodeDOM.parentElement;
-  }
-  return editorView.dom || null;
-};
 const isBlockMenuAddedInMutation = ({
   type,
   addedNodes

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import { BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, DELETE_MENU_SECTION, DELETE_MENU_SECTION_RANK, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MENU_SECTION_RANK, POSITION_MOVE_DOWN_MENU_ITEM, POSITION_MOVE_UP_MENU_ITEM, TRANSFORM_MENU_ITEM, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, MAIN_BLOCK_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { BLOCK_ACTIONS_COPY_MENU_SECTION, BLOCK_ACTIONS_COPY_MENU_SECTION_RANK, BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, DELETE_MENU_SECTION, DELETE_MENU_SECTION_RANK, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MENU_SECTION_RANK, POSITION_MOVE_DOWN_MENU_ITEM, POSITION_MOVE_UP_MENU_ITEM, TRANSFORM_MENU_ITEM, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, MAIN_BLOCK_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { buildChildrenMap, getChildrenMapKey, willComponentRender } from './block-menu-renderer/utils';
 import { CopyLinkDropdownItem } from './copy-link';
 import { CopySection } from './copy-section';
@@ -191,7 +192,28 @@ export const getBlockMenuComponents = ({
     }) => /*#__PURE__*/React.createElement(CopySection, {
       api: api
     }, children)
+  }, ...(fg('platform_editor_block_menu_copy_section') ? [{
+    type: 'block-menu-section',
+    key: BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+    rank: MAIN_BLOCK_MENU_SECTION_RANK[BLOCK_ACTIONS_COPY_MENU_SECTION.key],
+    component: ({
+      children
+    }) => /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+      hasSeparator: true
+    }, children)
   }, {
+    type: 'block-menu-item',
+    key: BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+      rank: BLOCK_ACTIONS_COPY_MENU_SECTION_RANK[BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key]
+    },
+    component: () => /*#__PURE__*/React.createElement(CopyLinkDropdownItem, {
+      api: api,
+      config: config
+    })
+  }] : [{
     type: 'block-menu-item',
     key: BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
     parent: {
@@ -203,7 +225,7 @@ export const getBlockMenuComponents = ({
       api: api,
       config: config
     })
-  }, {
+  }]), {
     type: 'block-menu-section',
     key: POSITION_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[POSITION_MENU_SECTION.key],

package/dist/esm/blockMenuPlugin.js

@@ -1,4 +1,6 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { createBlockMenuRegistry } from './editor-actions';
 import { isTransformToTargetDisabled } from './editor-actions/isTransformToTargetDisabled';
 import { transformNode as _transformNode } from './editor-commands/transformNode';
@@ -31,7 +33,7 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
         plugin: function plugin() {
           return keymapPlugin(api, config);
         }
-      }, {
+      }].concat(_toConsumableArray(expValEqualsNoExposure('platform_editor_experience_tracking_observer', 'isEnabled', true) ? [{
         name: 'blockMenuExperiences',
         plugin: function plugin() {
           return getBlockMenuExperiencesPlugin({
@@ -42,7 +44,7 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
             }
           });
         }
-      }];
+      }] : []));
     },
     actions: {
       registerBlockMenuComponents: function registerBlockMenuComponents(blockMenuComponents) {

package/dist/esm/pm-plugins/experiences/block-menu-experiences.js

@@ -1,10 +1,11 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { BLOCK_MENU_ACTION_TEST_ID, BLOCK_MENU_TEST_ID, EXTENSION_MENU_ITEM_TEST_ID } from '@atlaskit/editor-common/block-menu';
-import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckPopupMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView } from '@atlaskit/editor-common/experiences';
+import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckPopupMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { getParentDOMAtSelection, handleDeleteDomMutation, handleMoveDomMutation, handleTransformDomMutation, isBlockMenuVisible, isDragHandleElement } from './experience-check-utils';
+import { handleDeleteDomMutation, handleMoveDomMutation, handleTransformDomMutation, isBlockMenuVisible, isDragHandleElement } from './experience-check-utils';
 var TIMEOUT_DURATION = 1000;
 var PORTAL_TEST_ID = {
   LINK_COPIED_TO_CLIPBOARD: 'link-copied-to-clipboard',
@@ -31,6 +32,13 @@ export var getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugi
     }
     return popupTargetEl;
   };
+  var getEditorDom = function getEditorDom() {
+    var _editorView2;
+    if (((_editorView2 = editorView) === null || _editorView2 === void 0 ? void 0 : _editorView2.dom) instanceof HTMLElement) {
+      return editorView.dom;
+    }
+    return null;
+  };
   var blockMenuOpenExperience = new Experience(EXPERIENCE_ID.MENU_OPEN, {
     actionSubjectId: ACTION_SUBJECT_ID.BLOCK_MENU,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -42,13 +50,21 @@ export var getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugi
       type: 'editorContent'
     })]
   });
-  var actionObserveConfig = function actionObserveConfig() {
-    return {
-      target: getParentDOMAtSelection(editorView),
+  var observeConfigs = function observeConfigs() {
+    var narrowTarget = getSelectionAncestorDOM(editorView);
+    var editorDom = getEditorDom();
+    return [].concat(_toConsumableArray(narrowTarget ? [{
+      target: narrowTarget,
+      options: {
+        childList: true,
+        subtree: true
+      }
+    }] : []), _toConsumableArray(editorDom ? [{
+      target: editorDom,
       options: {
         childList: true
       }
-    };
+    }] : []));
   };
   var blockMoveUpExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
     action: ACTION.MOVED,
@@ -58,7 +74,7 @@ export var getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugi
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleMoveDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   var blockMoveDownExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
@@ -69,7 +85,7 @@ export var getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugi
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleMoveDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   var blockDeleteExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
@@ -80,7 +96,7 @@ export var getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugi
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleDeleteDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     }), new ExperienceCheckPopupMutation({
       nestedElementQuery: "[data-testid=\"".concat(PORTAL_TEST_ID.SYNC_BLOCK_DELETE_CONFIRMATION, "\"]"),
       type: 'portalRoot'
@@ -94,7 +110,7 @@ export var getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugi
       durationMs: TIMEOUT_DURATION
     }), new ExperienceCheckDomMutation({
       onDomMutation: handleTransformDomMutation,
-      observeConfig: actionObserveConfig
+      observeConfig: observeConfigs
     })]
   });
   var blockCopyLinkExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {

package/dist/esm/pm-plugins/experiences/experience-check-utils.js

@@ -4,7 +4,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { BLOCK_MENU_TEST_ID } from '@atlaskit/editor-common/block-menu';
 import { popupWithNestedElement } from '@atlaskit/editor-common/experiences';
-import { CellSelection } from '@atlaskit/editor-tables';
 
 /**
  * Checks if the given element or any of its ancestors is a drag handle element.
@@ -28,38 +27,6 @@ export var isBlockMenuVisible = function isBlockMenuVisible(popupsTarget) {
   }
   return popupWithNestedElement(popupsTarget, "[data-testid=\"".concat(BLOCK_MENU_TEST_ID, "\"]")) !== null;
 };
-
-/**
- * Gets the parent DOM element at the starting position of the current selection
- * from the provided editor view.
- *
- * @param editorView - The editor view from which to get the parent DOM element
- * @returns The parent HTMLElement of the block at the selection, or null if not found
- */
-export var getParentDOMAtSelection = function getParentDOMAtSelection(editorView) {
-  if (!editorView) {
-    return null;
-  }
-  var selection = editorView.state.selection;
-  if (selection instanceof CellSelection) {
-    // $anchorCell resolves inside the row (before the cell), so
-    // $anchorCell.depth is the row's depth. Table is one level up.
-    var $cell = selection.$anchorCell;
-    var tableDepth = $cell.depth - 1;
-    if (tableDepth > 0) {
-      var dom = editorView.nodeDOM($cell.before(tableDepth));
-      if (dom instanceof HTMLElement && dom.parentElement) {
-        return dom.parentElement;
-      }
-    }
-  }
-  var from = selection.from;
-  var nodeDOM = editorView.nodeDOM(from);
-  if (nodeDOM instanceof HTMLElement) {
-    return nodeDOM.parentElement;
-  }
-  return editorView.dom || null;
-};
 var isBlockMenuAddedInMutation = function isBlockMenuAddedInMutation(_ref) {
   var type = _ref.type,
     addedNodes = _ref.addedNodes;

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

@@ -1,8 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
-import { BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, DELETE_MENU_SECTION, DELETE_MENU_SECTION_RANK, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MENU_SECTION_RANK, POSITION_MOVE_DOWN_MENU_ITEM, POSITION_MOVE_UP_MENU_ITEM, TRANSFORM_MENU_ITEM, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, MAIN_BLOCK_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { BLOCK_ACTIONS_COPY_MENU_SECTION, BLOCK_ACTIONS_COPY_MENU_SECTION_RANK, BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, DELETE_MENU_SECTION, DELETE_MENU_SECTION_RANK, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MENU_SECTION_RANK, POSITION_MOVE_DOWN_MENU_ITEM, POSITION_MOVE_UP_MENU_ITEM, TRANSFORM_MENU_ITEM, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, MAIN_BLOCK_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { buildChildrenMap, getChildrenMapKey, willComponentRender } from './block-menu-renderer/utils';
 import { CopyLinkDropdownItem } from './copy-link';
 import { CopySection } from './copy-section';
@@ -201,7 +202,31 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref7) {
         api: api
       }, children);
     }
+  }], _toConsumableArray(fg('platform_editor_block_menu_copy_section') ? [{
+    type: 'block-menu-section',
+    key: BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+    rank: MAIN_BLOCK_MENU_SECTION_RANK[BLOCK_ACTIONS_COPY_MENU_SECTION.key],
+    component: function component(_ref9) {
+      var children = _ref9.children;
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, children);
+    }
   }, {
+    type: 'block-menu-item',
+    key: BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+      rank: BLOCK_ACTIONS_COPY_MENU_SECTION_RANK[BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/React.createElement(CopyLinkDropdownItem, {
+        api: api,
+        config: config
+      });
+    }
+  }] : [{
     type: 'block-menu-item',
     key: BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
     parent: {
@@ -215,12 +240,12 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref7) {
         config: config
       });
     }
-  }, {
+  }]), [{
     type: 'block-menu-section',
     key: POSITION_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[POSITION_MENU_SECTION.key],
-    component: function component(_ref9) {
-      var children = _ref9.children;
+    component: function component(_ref0) {
+      var children = _ref0.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -229,8 +254,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref7) {
     type: 'block-menu-section',
     key: DELETE_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[DELETE_MENU_SECTION.key],
-    component: function component(_ref0) {
-      var children = _ref0.children;
+    component: function component(_ref1) {
+      var children = _ref1.children;
       return /*#__PURE__*/React.createElement(DeleteSection, null, children);
     }
   }, {

package/dist/types/pm-plugins/experiences/experience-check-utils.d.ts

@@ -1,5 +1,4 @@
 import { type ExperienceCheckResult } from '@atlaskit/editor-common/experiences';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 /**
  * Checks if the given element or any of its ancestors is a drag handle element.
  *
@@ -14,14 +13,6 @@ export declare const isDragHandleElement: (element: Element | null) => boolean;
  * @returns True if the block menu is visible, false otherwise.
  */
 export declare const isBlockMenuVisible: (popupsTarget: HTMLElement | undefined) => boolean;
-/**
- * Gets the parent DOM element at the starting position of the current selection
- * from the provided editor view.
- *
- * @param editorView - The editor view from which to get the parent DOM element
- * @returns The parent HTMLElement of the block at the selection, or null if not found
- */
-export declare const getParentDOMAtSelection: (editorView?: EditorView) => HTMLElement | null;
 /**
  * Handles DOM mutations to determine if the block menu was opened
  *

package/dist/types-ts4.5/pm-plugins/experiences/experience-check-utils.d.ts

@@ -1,5 +1,4 @@
 import { type ExperienceCheckResult } from '@atlaskit/editor-common/experiences';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 /**
  * Checks if the given element or any of its ancestors is a drag handle element.
  *
@@ -14,14 +13,6 @@ export declare const isDragHandleElement: (element: Element | null) => boolean;
  * @returns True if the block menu is visible, false otherwise.
  */
 export declare const isBlockMenuVisible: (popupsTarget: HTMLElement | undefined) => boolean;
-/**
- * Gets the parent DOM element at the starting position of the current selection
- * from the provided editor view.
- *
- * @param editorView - The editor view from which to get the parent DOM element
- * @returns The parent HTMLElement of the block at the selection, or null if not found
- */
-export declare const getParentDOMAtSelection: (editorView?: EditorView) => HTMLElement | null;
 /**
  * Handles DOM mutations to determine if the block menu was opened
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "6.1.12",
+	"version": "7.0.0",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,11 +30,11 @@
 	"dependencies": {
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/editor-plugin-analytics": "^7.0.0",
-		"@atlaskit/editor-plugin-block-controls": "^8.10.0",
-		"@atlaskit/editor-plugin-decorations": "^7.0.0",
-		"@atlaskit/editor-plugin-selection": "^7.0.0",
-		"@atlaskit/editor-plugin-user-intent": "^5.0.0",
+		"@atlaskit/editor-plugin-analytics": "^8.0.0",
+		"@atlaskit/editor-plugin-block-controls": "^9.0.0",
+		"@atlaskit/editor-plugin-decorations": "^8.0.0",
+		"@atlaskit/editor-plugin-selection": "^8.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^6.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.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": "^35.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tmp-editor-statsig": "^35.10.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.30.0",
+		"@atlaskit/editor-common": "^112.0.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -94,6 +94,9 @@
 		"platform_editor_adf_with_localid": {
 			"type": "boolean"
 		},
+		"platform_editor_block_menu_copy_section": {
+			"type": "boolean"
+		},
 		"platform_editor_block_menu_expand_localid_fix": {
 			"type": "boolean"
 		},