@atlaskit/editor-plugin-block-menu 6.0.26 → 6.0.28

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 6.0.28
+
+### Patch Changes
+
+- [`957d9e1880c62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/957d9e1880c62) -
+  EDITOR-3806 Block menu action experience tracking
+- Updated dependencies
+
+## 6.0.27
+
+### Patch Changes
+
+- [`4cafa94a73e1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4cafa94a73e1e) -
+  Add delete track event for block menu
+- Updated dependencies
+
 ## 6.0.26
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -10,6 +10,7 @@ var _editorActions = require("./editor-actions");
 var _isTransformToTargetDisabled = require("./editor-actions/isTransformToTargetDisabled");
 var _formatNode2 = require("./editor-commands/formatNode");
 var _transformNode2 = require("./editor-commands/transformNode");
+var _blockMenuExperiences = require("./pm-plugins/experiences/block-menu-experiences");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
 var _blockMenu = _interopRequireDefault(require("./ui/block-menu"));
@@ -24,6 +25,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
     api: api,
     config: config
   }));
+  var refs = {};
   return {
     name: 'blockMenu',
     pmPlugins: function pmPlugins() {
@@ -37,6 +39,17 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
         plugin: function plugin() {
           return (0, _keymap.keymapPlugin)(api, config);
         }
+      }, {
+        name: 'blockMenuExperiences',
+        plugin: function plugin() {
+          return (0, _blockMenuExperiences.getBlockMenuExperiencesPlugin)({
+            refs: refs,
+            dispatchAnalyticsEvent: function dispatchAnalyticsEvent(payload) {
+              var _api$analytics;
+              return api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent(payload);
+            }
+          });
+        }
       }];
     },
     actions: {
@@ -94,6 +107,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
         popupsMountPoint = _ref2.popupsMountPoint,
         popupsBoundariesElement = _ref2.popupsBoundariesElement,
         popupsScrollableElement = _ref2.popupsScrollableElement;
+      refs.popupsMountPoint = popupsMountPoint || undefined;
       return /*#__PURE__*/_react.default.createElement(_blockMenuProvider.BlockMenuProvider, {
         api: api,
         editorView: editorView

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

@@ -84,6 +84,7 @@ var transformNode = exports.transformNode = function transformNode(api) {
             isNested: isNested,
             sourceNodesCount: sourceNodes.length,
             sourceNodesCountByType: sourceNodeTypes,
+            sourceNodeType: sourceNodes.length === 1 ? sourceNodes[0].type.name : 'multiple',
             startTime: startTime,
             targetNodeType: targetType.name,
             outputNodesCount: content.length,

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

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBlockMenuExperiencesPlugin = void 0;
+var _bindEventListener = require("bind-event-listener");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _blockMenu = require("@atlaskit/editor-common/block-menu");
+var _experiences = require("@atlaskit/editor-common/experiences");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _experienceCheckUtils = require("./experience-check-utils");
+var TIMEOUT_DURATION = 1000;
+var pluginKey = new _state.PluginKey('blockMenuExperiences');
+var START_METHOD = {
+  DRAG_HANDLE_CLICK: 'dragHandleClick',
+  KEYBOARD: 'keyboard'
+};
+var ABORT_REASON = {
+  USER_CANCELED: 'userCanceled',
+  EDITOR_DESTROYED: 'editorDestroyed'
+};
+var getBlockMenuExperiencesPlugin = exports.getBlockMenuExperiencesPlugin = function getBlockMenuExperiencesPlugin(_ref) {
+  var refs = _ref.refs,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+  var popupTargetEl;
+  var editorView;
+  var getPopupsTarget = function getPopupsTarget() {
+    if (!popupTargetEl) {
+      var _editorView;
+      popupTargetEl = refs.popupsMountPoint || (0, _experiences.getPopupContainerFromEditorView)((_editorView = editorView) === null || _editorView === void 0 ? void 0 : _editorView.dom);
+    }
+    return popupTargetEl;
+  };
+  var blockMenuOpenExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_OPEN, {
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.BLOCK_MENU,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), new _experiences.ExperienceCheckDomMutation({
+      onDomMutation: _experienceCheckUtils.handleMenuOpenDomMutation,
+      observeConfig: function observeConfig() {
+        return {
+          target: getPopupsTarget(),
+          options: {
+            childList: true
+          }
+        };
+      }
+    })]
+  });
+  var actionObserveConfig = function actionObserveConfig() {
+    return {
+      target: (0, _experienceCheckUtils.getParentDOMAtSelection)(editorView),
+      options: {
+        childList: true
+      }
+    };
+  };
+  var blockMoveUpExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
+    action: _analytics.ACTION.MOVED,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.MOVE_UP_BLOCK,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), new _experiences.ExperienceCheckDomMutation({
+      onDomMutation: _experienceCheckUtils.handleMoveDomMutation,
+      observeConfig: actionObserveConfig
+    })]
+  });
+  var blockMoveDownExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
+    action: _analytics.ACTION.MOVED,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.MOVE_DOWN_BLOCK,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), new _experiences.ExperienceCheckDomMutation({
+      onDomMutation: _experienceCheckUtils.handleMoveDomMutation,
+      observeConfig: actionObserveConfig
+    })]
+  });
+  var blockDeleteExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
+    action: _analytics.ACTION.DELETED,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.DELETE_BLOCK,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), new _experiences.ExperienceCheckDomMutation({
+      onDomMutation: _experienceCheckUtils.handleDeleteDomMutation,
+      observeConfig: actionObserveConfig
+    })]
+  });
+  var handleMenuOpened = function handleMenuOpened(method) {
+    // Don't start if block menu is already visible
+    if ((0, _experienceCheckUtils.isBlockMenuVisible)(getPopupsTarget())) {
+      return;
+    }
+    blockMenuOpenExperience.start({
+      method: method
+    });
+  };
+  var handleItemActioned = function handleItemActioned(target) {
+    var button = target.closest('button[data-testid]');
+    if (!button || !(button instanceof HTMLButtonElement) || button.disabled || button.getAttribute('aria-disabled') === 'true') {
+      return;
+    }
+    var testId = button.dataset.testid;
+    if (!testId) {
+      return;
+    }
+    switch (testId) {
+      case _blockMenu.BLOCK_MENU_ACTION_TEST_ID.MOVE_UP:
+        blockMoveUpExperience.start();
+        break;
+      case _blockMenu.BLOCK_MENU_ACTION_TEST_ID.MOVE_DOWN:
+        blockMoveDownExperience.start();
+        break;
+      case _blockMenu.BLOCK_MENU_ACTION_TEST_ID.DELETE:
+        blockDeleteExperience.start();
+        break;
+    }
+  };
+  var unbindClickListener = (0, _bindEventListener.bind)(document, {
+    type: 'click',
+    listener: function listener(event) {
+      var target = event.target;
+      if (!(target instanceof HTMLElement)) {
+        return;
+      }
+      if ((0, _experienceCheckUtils.isDragHandleElement)(target)) {
+        handleMenuOpened(START_METHOD.DRAG_HANDLE_CLICK);
+      } else {
+        handleItemActioned(target);
+      }
+    },
+    options: {
+      capture: true
+    }
+  });
+  var unbindKeydownListener = (0, _bindEventListener.bind)(document, {
+    type: 'keydown',
+    listener: function listener(event) {
+      var target = event.target;
+      if (!(target instanceof HTMLElement)) {
+        return;
+      }
+
+      // Check if Enter or Space is pressed on a drag handle
+      if ((event.key === 'Enter' || event.key === ' ') && (0, _experienceCheckUtils.isDragHandleElement)(target)) {
+        handleMenuOpened(START_METHOD.KEYBOARD);
+      }
+
+      // Abort on Escape key if block menu is not yet visible
+      if (event.key === 'Escape' && !(0, _experienceCheckUtils.isBlockMenuVisible)(getPopupsTarget())) {
+        blockMenuOpenExperience.abort({
+          reason: ABORT_REASON.USER_CANCELED
+        });
+      }
+    },
+    options: {
+      capture: true
+    }
+  });
+  return new _safePlugin.SafePlugin({
+    key: pluginKey,
+    view: function view(_view) {
+      editorView = _view;
+      return {
+        destroy: function destroy() {
+          blockMenuOpenExperience.abort({
+            reason: ABORT_REASON.EDITOR_DESTROYED
+          });
+          blockMoveUpExperience.abort({
+            reason: ABORT_REASON.EDITOR_DESTROYED
+          });
+          blockMoveDownExperience.abort({
+            reason: ABORT_REASON.EDITOR_DESTROYED
+          });
+          blockDeleteExperience.abort({
+            reason: ABORT_REASON.EDITOR_DESTROYED
+          });
+          editorView = undefined;
+          unbindClickListener();
+          unbindKeydownListener();
+        }
+      };
+    }
+  });
+};

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

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDragHandleElement = exports.isBlockMenuVisible = exports.handleMoveDomMutation = exports.handleMenuOpenDomMutation = exports.handleDeleteDomMutation = exports.getParentDOMAtSelection = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _experiences = require("@atlaskit/editor-common/experiences");
+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; }
+/**
+ * Checks if the given element or any of its ancestors is a drag handle element.
+ *
+ * @param element - The DOM element to check.
+ * @returns True if the element is a drag handle, false otherwise.
+ */
+var isDragHandleElement = exports.isDragHandleElement = function isDragHandleElement(element) {
+  return !!(element !== null && element !== void 0 && element.closest('[data-editor-block-ctrl-drag-handle]'));
+};
+
+/**
+ * Checks if the block menu is currently visible within the provided popups target element.
+ *
+ * @param popupsTarget - The container element for popups.
+ * @returns True if the block menu is visible, false otherwise.
+ */
+var isBlockMenuVisible = exports.isBlockMenuVisible = function isBlockMenuVisible(popupsTarget) {
+  if (!popupsTarget) {
+    return false;
+  }
+  return (0, _experiences.popupWithNestedElement)(popupsTarget, '[data-testid="editor-block-menu"]') !== 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 at the selection start, or null if not found
+ */
+var getParentDOMAtSelection = exports.getParentDOMAtSelection = function getParentDOMAtSelection(editorView) {
+  if (!editorView) {
+    return null;
+  }
+  var selection = editorView.state.selection;
+  var from = selection.from;
+  var nodeDOM = editorView.nodeDOM(from);
+  if (nodeDOM instanceof HTMLElement) {
+    return nodeDOM.parentElement;
+  }
+  return null;
+};
+var isBlockMenuAddedInMutation = function isBlockMenuAddedInMutation(_ref) {
+  var type = _ref.type,
+    addedNodes = _ref.addedNodes;
+  return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(isBlockMenuWithinNode);
+};
+var isBlockMenuWithinNode = function isBlockMenuWithinNode(node) {
+  return (0, _experiences.popupWithNestedElement)(node, '[data-testid="editor-block-menu"]') !== null;
+};
+
+/**
+ * Handles DOM mutations to determine if the block menu was opened
+ *
+ * This function looks for mutations that indicate the block menu
+ * has been added to the DOM.
+ *
+ * @param mutations - The list of DOM mutations to evaluate
+ * @returns An ExperienceCheckResult indicating success if the menu was opened, otherwise undefined
+ */
+var handleMenuOpenDomMutation = exports.handleMenuOpenDomMutation = function handleMenuOpenDomMutation(_ref2) {
+  var mutations = _ref2.mutations;
+  // Look for a mutation that added the block menu
+  var _iterator = _createForOfIteratorHelper(mutations),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var mutation = _step.value;
+      if (isBlockMenuAddedInMutation(mutation)) {
+        return {
+          status: 'success'
+        };
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return undefined;
+};
+
+/**
+ * Handles DOM mutations to determine if a move action was performed
+ *
+ * Move actions typically produce two mutations: one where nodes are removed
+ * from their original location, and another where the same number of nodes are
+ * added to a new location. This function checks for that pattern.
+ *
+ * @param mutations - The list of DOM mutations to evaluate
+ * @returns An ExperienceCheckResult indicating success if a move was detected, otherwise undefined
+ */
+var handleMoveDomMutation = exports.handleMoveDomMutation = function handleMoveDomMutation(_ref3) {
+  var mutations = _ref3.mutations;
+  var removeMutation = mutations.find(function (m) {
+    return m.type === 'childList' && m.removedNodes.length > 0;
+  });
+  var addMutation = mutations.find(function (m) {
+    return m.type === 'childList' && m.addedNodes.length > 0;
+  });
+  if (removeMutation && addMutation && removeMutation.removedNodes.length === addMutation.addedNodes.length) {
+    return {
+      status: 'success'
+    };
+  }
+  return undefined;
+};
+
+/**
+ * Handles DOM mutations to determine if a delete action was performed
+ *
+ * Delete actions typically produce a single mutation where nodes are removed
+ * from the DOM without any corresponding additions. This function checks for
+ * that specific pattern.
+ *
+ * @param mutations - The list of DOM mutations to evaluate
+ * @returns An ExperienceCheckResult indicating success if a delete was detected, otherwise undefined
+ */
+var handleDeleteDomMutation = exports.handleDeleteDomMutation = function handleDeleteDomMutation(_ref4) {
+  var mutations = _ref4.mutations;
+  // Delete action produces a single childList mutation with only removedNodes
+  var childListMutations = mutations.filter(function (m) {
+    return m.type === 'childList';
+  });
+
+  // Check for at least one mutation with removedNodes but no addedNodes
+  if (childListMutations.some(function (m) {
+    return m.removedNodes.length > 0 && m.addedNodes.length === 0;
+  })) {
+    return {
+      status: 'success'
+    };
+  }
+  return undefined;
+};

package/dist/cjs/ui/delete-button.js

@@ -9,6 +9,7 @@ exports.DeleteDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _messages = require("@atlaskit/editor-common/messages");
 var _selection = require("@atlaskit/editor-common/selection");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
@@ -34,7 +35,30 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
         eventType: _analytics.EVENT_TYPE.UI
       };
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent(payload)(tr);
-      (0, _selection.deleteSelectedRange)(tr, 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.preservedSelection);
+
+      // Extract node information before deletion
+      var preservedSelection = 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.preservedSelection;
+      var selection = preservedSelection || tr.selection;
+      var sourceNodes = (0, _selection.getSourceNodesFromSelectionRange)(tr, selection);
+      var nodeCount = sourceNodes.length;
+
+      // Fire node deletion analytics event if nodes are being deleted
+      if (nodeCount > 0) {
+        var _api$analytics2;
+        var nodeType = sourceNodes.length === 1 ? sourceNodes[0].type.name : 'multiple';
+        var nodeDeletedPayload = {
+          action: _analytics.ACTION.DELETED,
+          actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
+          attributes: {
+            inputMethod: _analytics.INPUT_METHOD.BLOCK_MENU,
+            nodeType: nodeType,
+            nodeCount: nodeCount
+          },
+          eventType: _analytics.EVENT_TYPE.TRACK
+        };
+        api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent(nodeDeletedPayload)(tr);
+      }
+      (0, _selection.deleteSelectedRange)(tr, preservedSelection);
       api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 || _api$blockControls2.toggleBlockMenu({
         closeMenu: true
       })({
@@ -82,7 +106,8 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
       color: "var(--ds-icon-danger, #C9372C)",
       label: ""
     }),
-    onClick: onClick
+    onClick: onClick,
+    testId: _blockMenu.BLOCK_MENU_ACTION_TEST_ID.DELETE
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     as: "span",
     color: "color.text.danger"

package/dist/cjs/ui/move-down.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _browserApis = require("@atlaskit/browser-apis");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _types = require("@atlaskit/editor-common/types");
@@ -72,7 +73,8 @@ var MoveDownDropdownItemContent = function MoveDownDropdownItemContent(_ref) {
     elemBefore: /*#__PURE__*/_react.default.createElement(_arrowDown.default, {
       label: ""
     }),
-    isDisabled: !canMoveDown
+    isDisabled: !canMoveDown,
+    testId: _blockMenu.BLOCK_MENU_ACTION_TEST_ID.MOVE_DOWN
   }, formatMessage(_messages.blockMenuMessages.moveDownBlock));
 };
 var MoveDownDropdownItem = exports.MoveDownDropdownItem = (0, _reactIntlNext.injectIntl)(MoveDownDropdownItemContent);

package/dist/cjs/ui/move-up.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _browserApis = require("@atlaskit/browser-apis");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _types = require("@atlaskit/editor-common/types");
@@ -70,7 +71,8 @@ var MoveUpDropdownItemContent = function MoveUpDropdownItemContent(_ref) {
     elemBefore: /*#__PURE__*/_react.default.createElement(_arrowUp.default, {
       label: ""
     }),
-    isDisabled: !canMoveUp
+    isDisabled: !canMoveUp,
+    testId: _blockMenu.BLOCK_MENU_ACTION_TEST_ID.MOVE_UP
   }, formatMessage(_messages.blockMenuMessages.moveUpBlock));
 };
 var MoveUpDropdownItem = exports.MoveUpDropdownItem = (0, _reactIntlNext.injectIntl)(MoveUpDropdownItemContent);

package/dist/es2019/blockMenuPlugin.js

@@ -3,6 +3,7 @@ import { createBlockMenuRegistry } from './editor-actions';
 import { isTransformToTargetDisabled } from './editor-actions/isTransformToTargetDisabled';
 import { formatNode } from './editor-commands/formatNode';
 import { transformNode } from './editor-commands/transformNode';
+import { getBlockMenuExperiencesPlugin } from './pm-plugins/experiences/block-menu-experiences';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { blockMenuPluginKey, createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
@@ -18,6 +19,7 @@ export const blockMenuPlugin = ({
     api,
     config
   }));
+  const refs = {};
   return {
     name: 'blockMenu',
     pmPlugins() {
@@ -27,6 +29,15 @@ export const blockMenuPlugin = ({
       }, {
         name: 'blockMenuKeymap',
         plugin: () => keymapPlugin(api, config)
+      }, {
+        name: 'blockMenuExperiences',
+        plugin: () => getBlockMenuExperiencesPlugin({
+          refs,
+          dispatchAnalyticsEvent: payload => {
+            var _api$analytics, _api$analytics$action;
+            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: {
@@ -85,6 +96,7 @@ export const blockMenuPlugin = ({
       popupsBoundariesElement,
       popupsScrollableElement
     }) {
+      refs.popupsMountPoint = popupsMountPoint || undefined;
       return /*#__PURE__*/React.createElement(BlockMenuProvider, {
         api: api,
         editorView: editorView

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

@@ -76,6 +76,7 @@ export const transformNode = api => (targetType, metadata) => ({
         isNested,
         sourceNodesCount: sourceNodes.length,
         sourceNodesCountByType: sourceNodeTypes,
+        sourceNodeType: sourceNodes.length === 1 ? sourceNodes[0].type.name : 'multiple',
         startTime,
         targetNodeType: targetType.name,
         outputNodesCount: content.length,