@atlaskit/editor-plugin-block-menu 4.0.6 → 4.0.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 4.0.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.0.7
+
+### Patch Changes
+
+- [`eb4899e5362e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb4899e5362e5) -
+  Update BlockMenuItemClicked event payload
+- Updated dependencies
+
 ## 4.0.6
 
 ### Patch Changes

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

@@ -8,8 +8,7 @@ exports.useBlockMenu = exports.BlockMenuProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 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 BlockMenuContext = /*#__PURE__*/(0, _react.createContext)({
-  onDropdownOpenChanged: function onDropdownOpenChanged() {},
-  fireAnalyticsEvent: function fireAnalyticsEvent() {}
+  onDropdownOpenChanged: function onDropdownOpenChanged() {}
 });
 var useBlockMenu = exports.useBlockMenu = function useBlockMenu() {
   var context = (0, _react.useContext)(BlockMenuContext);
@@ -33,14 +32,9 @@ var BlockMenuProvider = exports.BlockMenuProvider = function BlockMenuProvider(_
       }, 1);
     }
   }, [api]);
-  var fireAnalyticsEvent = (0, _react.useCallback)(function (payload) {
-    var _api$analytics;
-    api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent(payload);
-  }, [api]);
   return /*#__PURE__*/_react.default.createElement(BlockMenuContext.Provider, {
     value: {
-      onDropdownOpenChanged: onDropdownOpenChanged,
-      fireAnalyticsEvent: fireAnalyticsEvent
+      onDropdownOpenChanged: onDropdownOpenChanged
     }
   }, children);
 };

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

@@ -79,8 +79,7 @@ var BlockMenu = function BlockMenu(_ref2) {
     currentUserIntent = _useSharedPluginState.currentUserIntent,
     openedViaKeyboard = _useSharedPluginState.openedViaKeyboard;
   var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    onDropdownOpenChanged = _useBlockMenu.onDropdownOpenChanged,
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
+    onDropdownOpenChanged = _useBlockMenu.onDropdownOpenChanged;
   var targetHandleRef = editorView === null || editorView === void 0 || (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(_styles.DRAG_HANDLE_SELECTOR);
   var prevIsMenuOpenRef = (0, _react.useRef)(false);
   var hasFocus = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? (_ref3 = (editorView === null || editorView === void 0 ? void 0 : editorView.hasFocus()) || document.activeElement === targetHandleRef) !== null && _ref3 !== void 0 ? _ref3 : false : (_editorView$hasFocus = editorView === null || editorView === void 0 ? void 0 : editorView.hasFocus()) !== null && _editorView$hasFocus !== void 0 ? _editorView$hasFocus : false;
@@ -97,7 +96,8 @@ var BlockMenu = function BlockMenu(_ref2) {
 
     // Fire analytics event when block menu opens (only on first transition from closed to open)
     if (!prevIsMenuOpenRef.current && isMenuOpen) {
-      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
+      var _api$analytics;
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent({
         action: _analytics.ACTION.OPENED,
         actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU,
         eventType: _analytics.EVENT_TYPE.UI,
@@ -110,7 +110,7 @@ var BlockMenu = function BlockMenu(_ref2) {
     // Update the previous state
     prevIsMenuOpenRef.current = isMenuOpen;
     api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('blockMenuOpen'));
-  }, [api, isMenuOpen, menuTriggerBy, selectedByShortcutORDragHandle, hasFocus, shouldShowBlockMenuForEmptyLine, currentUserIntent, fireAnalyticsEvent]);
+  }, [api, isMenuOpen, menuTriggerBy, selectedByShortcutORDragHandle, hasFocus, shouldShowBlockMenuForEmptyLine, currentUserIntent]);
   if (!isMenuOpen) {
     return null;
   }

package/dist/cjs/ui/consts.js

@@ -3,5 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BLOCK_MENU_LABEL = void 0;
-var BLOCK_MENU_LABEL = exports.BLOCK_MENU_LABEL = 'Editor Block Menu';
+exports.BLOCK_MENU_LABEL = exports.BLOCK_MENU_ITEM_NAME = void 0;
+var BLOCK_MENU_LABEL = exports.BLOCK_MENU_LABEL = 'Editor Block Menu';
+
+/**
+ * Constants for block menu analytics menu item names
+ */
+var BLOCK_MENU_ITEM_NAME = exports.BLOCK_MENU_ITEM_NAME = {
+  COPY_LINK_TO_BLOCK: 'copyLinkToBlock',
+  MOVE_UP: 'moveUp',
+  MOVE_DOWN: 'moveDown',
+  DELETE: 'delete',
+  FORMAT_MENU: 'formatMenu',
+  COPY_CONTENT: 'copyContent'
+};

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

@@ -19,7 +19,7 @@ var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _blockMenuProvider = require("./block-menu-provider");
+var _consts = require("./consts");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var toDOMFromFragment = function toDOMFromFragment(fragment, schema) {
@@ -29,18 +29,22 @@ var CopyBlockMenuItem = function CopyBlockMenuItem(_ref) {
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var copyHandler = function copyHandler(event) {
     var _api$selection;
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.COPY_BLOCK,
-      eventType: _analytics.EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE
-      }
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$analytics;
+      var tr = _ref2.tr;
+      var payload = {
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.MOUSE,
+          menuItemName: _consts.BLOCK_MENU_ITEM_NAME.COPY_CONTENT
+        },
+        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);
+      return tr;
     });
 
     // prevent click event from bubbling up to the ancestor elements

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

@@ -13,7 +13,7 @@ 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 _blockMenuProvider = require("./block-menu-provider");
+var _consts = require("./consts");
 var _copyLink = require("./utils/copyLink");
 var _isNestedNode = require("./utils/isNestedNode");
 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); }
@@ -22,21 +22,20 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     config = _ref.config;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var handleClick = (0, _react.useCallback)(function () {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.COPY_LINK_TO_BLOCK,
-      eventType: _analytics.EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE
-      }
-    });
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
-      var _api$blockControls;
+      var _api$analytics, _api$blockControls;
       var tr = _ref2.tr;
+      var payload = {
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.MOUSE,
+          menuItemName: _consts.BLOCK_MENU_ITEM_NAME.COPY_LINK_TO_BLOCK
+        },
+        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);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.commands) === null || _api$blockControls === void 0 || _api$blockControls.toggleBlockMenu({
         closeMenu: true
       })({
@@ -46,7 +45,7 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     });
     api === null || api === void 0 || api.core.actions.focus();
     return (0, _copyLink.copyLink)(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api);
-  }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api, fireAnalyticsEvent]);
+  }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api]);
   var checkIsNestedNode = (0, _react.useCallback)(function () {
     var _api$selection, _api$blockControls2;
     var selection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.sharedState) === null || _api$selection === void 0 || (_api$selection = _api$selection.currentState()) === null || _api$selection === void 0 ? void 0 : _api$selection.selection;

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

@@ -19,29 +19,28 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _box = require("@atlaskit/primitives/box");
 var _text = _interopRequireDefault(require("@atlaskit/primitives/text"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _blockMenuProvider = require("./block-menu-provider");
+var _consts = require("./consts");
 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 DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
   var _api$core$sharedState;
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var nodeTypes = Object.values((api === null || api === void 0 || (_api$core$sharedState = api.core.sharedState.currentState()) === null || _api$core$sharedState === void 0 || (_api$core$sharedState = _api$core$sharedState.schema) === null || _api$core$sharedState === void 0 ? void 0 : _api$core$sharedState.nodes) || {});
   var onClick = function onClick() {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.DELETE_BLOCK,
-      eventType: _analytics.EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE
-      }
-    });
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
-      var _api$blockControls;
+      var _api$analytics, _api$blockControls;
       var tr = _ref2.tr;
+      var payload = {
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.MOUSE,
+          menuItemName: _consts.BLOCK_MENU_ITEM_NAME.DELETE
+        },
+        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);
       var selection = tr.selection;
       var from = selection.$from.pos;
       var to = selection.$to.pos;

package/dist/cjs/ui/format-menu-nested.js

@@ -15,7 +15,7 @@ var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _changes = _interopRequireDefault(require("@atlaskit/icon/core/changes"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _blockMenuProvider = require("./block-menu-provider");
+var _consts = require("./consts");
 var _checkIsFormatMenuHidden = require("./utils/checkIsFormatMenuHidden");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var FormatMenuComponent = exports.FormatMenuComponent = function FormatMenuComponent(_ref) {
@@ -23,23 +23,27 @@ var FormatMenuComponent = exports.FormatMenuComponent = function FormatMenuCompo
     children = _ref.children;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var text = (0, _platformFeatureFlags.fg)('platform_editor_block_menu_patch_1') ? formatMessage(_messages.blockMenuMessages.turnInto) : formatMessage(_blockMenu.messages.turnInto);
   var isDisabled = (0, _react.useMemo)(function () {
     return (0, _platformFeatureFlags.fg)('platform_editor_block_menu_for_disabled_nodes') ? (0, _checkIsFormatMenuHidden.checkIsFormatMenuHidden)(api) : false;
   }, [api]);
   var handleClick = (0, _react.useCallback)(function () {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_MENU,
-      eventType: _analytics.EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE
-      }
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$analytics;
+      var tr = _ref2.tr;
+      var payload = {
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.MOUSE,
+          menuItemName: _consts.BLOCK_MENU_ITEM_NAME.FORMAT_MENU
+        },
+        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);
+      return tr;
     });
-  }, [fireAnalyticsEvent]);
+  }, [api]);
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
     text: text,
     elemBefore: /*#__PURE__*/_react.default.createElement(_changes.default, {

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

@@ -13,13 +13,11 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _types = require("@atlaskit/editor-common/types");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/core/arrow-down"));
-var _blockMenuProvider = require("./block-menu-provider");
+var _consts = require("./consts");
 var MoveDownDropdownItemContent = function MoveDownDropdownItemContent(_ref) {
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (_ref2) {
       var _blockControlsState$b;
       var blockControlsState = _ref2.blockControlsState;
@@ -29,18 +27,19 @@ var MoveDownDropdownItemContent = function MoveDownDropdownItemContent(_ref) {
     }),
     canMoveDown = _useSharedPluginState.canMoveDown;
   var handleClick = function handleClick() {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.MOVE_DOWN_BLOCK,
-      eventType: _analytics.EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE
-      }
-    });
     api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-      var _api$blockControls, _api$blockControls2;
+      var _api$analytics, _api$blockControls, _api$blockControls2;
       var tr = _ref3.tr;
+      var payload = {
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.MOUSE,
+          menuItemName: _consts.BLOCK_MENU_ITEM_NAME.MOVE_DOWN
+        },
+        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);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.commands) === null || _api$blockControls === void 0 || _api$blockControls.moveNodeWithBlockMenu(_types.DIRECTION.DOWN)({
         tr: tr
       });

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

@@ -13,13 +13,11 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _types = require("@atlaskit/editor-common/types");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/core/arrow-up"));
-var _blockMenuProvider = require("./block-menu-provider");
+var _consts = require("./consts");
 var MoveUpDropdownItemContent = function MoveUpDropdownItemContent(_ref) {
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (_ref2) {
       var _blockControlsState$b;
       var blockControlsState = _ref2.blockControlsState;
@@ -29,18 +27,19 @@ var MoveUpDropdownItemContent = function MoveUpDropdownItemContent(_ref) {
     }),
     canMoveUp = _useSharedPluginState.canMoveUp;
   var handleClick = function handleClick() {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.MOVE_UP_BLOCK,
-      eventType: _analytics.EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE
-      }
-    });
     api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-      var _api$blockControls, _api$blockControls2;
+      var _api$analytics, _api$blockControls, _api$blockControls2;
       var tr = _ref3.tr;
+      var payload = {
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.MOUSE,
+          menuItemName: _consts.BLOCK_MENU_ITEM_NAME.MOVE_UP
+        },
+        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);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.commands) === null || _api$blockControls === void 0 || _api$blockControls.moveNodeWithBlockMenu(_types.DIRECTION.UP)({
         tr: tr
       });

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

@@ -1,7 +1,6 @@
 import React, { useCallback, createContext, useContext } from 'react';
 const BlockMenuContext = /*#__PURE__*/createContext({
-  onDropdownOpenChanged: () => {},
-  fireAnalyticsEvent: () => {}
+  onDropdownOpenChanged: () => {}
 });
 export const useBlockMenu = () => {
   const context = useContext(BlockMenuContext);
@@ -24,14 +23,9 @@ export const BlockMenuProvider = ({
       }), 1);
     }
   }, [api]);
-  const fireAnalyticsEvent = useCallback(payload => {
-    var _api$analytics;
-    api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent(payload);
-  }, [api]);
   return /*#__PURE__*/React.createElement(BlockMenuContext.Provider, {
     value: {
-      onDropdownOpenChanged,
-      fireAnalyticsEvent
+      onDropdownOpenChanged
     }
   }, children);
 };

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

@@ -68,8 +68,7 @@ const BlockMenu = ({
     };
   });
   const {
-    onDropdownOpenChanged,
-    fireAnalyticsEvent
+    onDropdownOpenChanged
   } = useBlockMenu();
   const targetHandleRef = editorView === null || editorView === void 0 ? void 0 : (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(DRAG_HANDLE_SELECTOR);
   const prevIsMenuOpenRef = useRef(false);
@@ -87,7 +86,8 @@ const BlockMenu = ({
 
     // Fire analytics event when block menu opens (only on first transition from closed to open)
     if (!prevIsMenuOpenRef.current && isMenuOpen) {
-      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+      var _api$analytics;
+      api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent({
         action: ACTION.OPENED,
         actionSubject: ACTION_SUBJECT.BLOCK_MENU,
         eventType: EVENT_TYPE.UI,
@@ -100,7 +100,7 @@ const BlockMenu = ({
     // Update the previous state
     prevIsMenuOpenRef.current = isMenuOpen;
     api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('blockMenuOpen'));
-  }, [api, isMenuOpen, menuTriggerBy, selectedByShortcutORDragHandle, hasFocus, shouldShowBlockMenuForEmptyLine, currentUserIntent, fireAnalyticsEvent]);
+  }, [api, isMenuOpen, menuTriggerBy, selectedByShortcutORDragHandle, hasFocus, shouldShowBlockMenuForEmptyLine, currentUserIntent]);
   if (!isMenuOpen) {
     return null;
   }

package/dist/es2019/ui/consts.js

@@ -1 +1,13 @@
-export const BLOCK_MENU_LABEL = 'Editor Block Menu';
+export const BLOCK_MENU_LABEL = 'Editor Block Menu';
+
+/**
+ * Constants for block menu analytics menu item names
+ */
+export const BLOCK_MENU_ITEM_NAME = {
+  COPY_LINK_TO_BLOCK: 'copyLinkToBlock',
+  MOVE_UP: 'moveUp',
+  MOVE_DOWN: 'moveDown',
+  DELETE: 'delete',
+  FORMAT_MENU: 'formatMenu',
+  COPY_CONTENT: 'copyContent'
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { injectIntl, useIntl } from 'react-intl-next';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from '@atlaskit/editor-common/block-menu';
 import { copyHTMLToClipboard } from '@atlaskit/editor-common/clipboard';
 import { toDOM, copyDomNode } from '@atlaskit/editor-common/copy-button';
@@ -11,7 +11,7 @@ import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 const toDOMFromFragment = (fragment, schema) => {
   return DOMSerializer.fromSchema(schema).serializeFragment(fragment);
 };
@@ -21,19 +21,23 @@ const CopyBlockMenuItem = ({
   const {
     formatMessage
   } = useIntl();
-  const {
-    fireAnalyticsEvent
-  } = useBlockMenu();
   const copyHandler = event => {
     var _api$selection, _api$selection$shared, _api$selection$shared2;
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.COPY_BLOCK,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: INPUT_METHOD.MOUSE
-      }
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      var _api$analytics, _api$analytics$action;
+      const payload = {
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.COPY_CONTENT
+        },
+        eventType: EVENT_TYPE.UI
+      };
+      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.attachAnalyticsEvent(payload)(tr);
+      return tr;
     });
 
     // prevent click event from bubbling up to the ancestor elements

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

@@ -1,11 +1,11 @@
 import React, { useCallback } from 'react';
 import { useIntl, injectIntl } from 'react-intl-next';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 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 { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 import { copyLink } from './utils/copyLink';
 import { isNestedNode } from './utils/isNestedNode';
 const CopyLinkDropdownItemContent = ({
@@ -15,23 +15,21 @@ const CopyLinkDropdownItemContent = ({
   const {
     formatMessage
   } = useIntl();
-  const {
-    fireAnalyticsEvent
-  } = useBlockMenu();
   const handleClick = useCallback(() => {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.COPY_LINK_TO_BLOCK,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: INPUT_METHOD.MOUSE
-      }
-    });
     api === null || api === void 0 ? void 0 : api.core.actions.execute(({
       tr
     }) => {
-      var _api$blockControls, _api$blockControls$co;
+      var _api$analytics, _api$analytics$action, _api$blockControls, _api$blockControls$co;
+      const payload = {
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.COPY_LINK_TO_BLOCK
+        },
+        eventType: EVENT_TYPE.UI
+      };
+      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.attachAnalyticsEvent(payload)(tr);
       api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : (_api$blockControls$co = _api$blockControls.commands) === null || _api$blockControls$co === void 0 ? void 0 : _api$blockControls$co.toggleBlockMenu({
         closeMenu: true
       })({
@@ -41,7 +39,7 @@ const CopyLinkDropdownItemContent = ({
     });
     api === null || api === void 0 ? void 0 : api.core.actions.focus();
     return copyLink(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api);
-  }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api, fireAnalyticsEvent]);
+  }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api]);
   const checkIsNestedNode = useCallback(() => {
     var _api$selection, _api$selection$shared, _api$selection$shared2, _api$blockControls2, _api$blockControls2$s, _api$blockControls2$s2;
     const selection = api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : (_api$selection$shared = _api$selection.sharedState) === null || _api$selection$shared === void 0 ? void 0 : (_api$selection$shared2 = _api$selection$shared.currentState()) === null || _api$selection$shared2 === void 0 ? void 0 : _api$selection$shared2.selection;

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
 import { useIntl, injectIntl } from 'react-intl-next';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from '@atlaskit/editor-common/block-menu';
 import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
@@ -11,7 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/box';
 import Text from '@atlaskit/primitives/text';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 const DeleteDropdownItemContent = ({
   api
 }) => {
@@ -19,24 +19,22 @@ const DeleteDropdownItemContent = ({
   const {
     formatMessage
   } = useIntl();
-  const {
-    fireAnalyticsEvent
-  } = useBlockMenu();
   const nodeTypes = Object.values((api === null || api === void 0 ? void 0 : (_api$core$sharedState = api.core.sharedState.currentState()) === null || _api$core$sharedState === void 0 ? void 0 : (_api$core$sharedState2 = _api$core$sharedState.schema) === null || _api$core$sharedState2 === void 0 ? void 0 : _api$core$sharedState2.nodes) || {});
   const onClick = () => {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.DELETE_BLOCK,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: INPUT_METHOD.MOUSE
-      }
-    });
     api === null || api === void 0 ? void 0 : api.core.actions.execute(({
       tr
     }) => {
-      var _api$blockControls, _api$blockControls$co;
+      var _api$analytics, _api$analytics$action, _api$blockControls, _api$blockControls$co;
+      const payload = {
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.DELETE
+        },
+        eventType: EVENT_TYPE.UI
+      };
+      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.attachAnalyticsEvent(payload)(tr);
       const selection = tr.selection;
       let from = selection.$from.pos;
       let to = selection.$to.pos;