@atlaskit/editor-plugin-block-menu 4.0.5 → 4.0.7

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

@@ -1,13 +1,13 @@
 import React, { useMemo, useCallback } from 'react';
 import { 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 { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
 import ChangesIcon from '@atlaskit/icon/core/changes';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 import { checkIsFormatMenuHidden } from './utils/checkIsFormatMenuHidden';
 export const FormatMenuComponent = ({
   api,
@@ -16,24 +16,28 @@ export const FormatMenuComponent = ({
   const {
     formatMessage
   } = useIntl();
-  const {
-    fireAnalyticsEvent
-  } = useBlockMenu();
   const text = fg('platform_editor_block_menu_patch_1') ? formatMessage(blockMenuMessages.turnInto) : formatMessage(messages.turnInto);
   const isDisabled = useMemo(() => {
     return fg('platform_editor_block_menu_for_disabled_nodes') ? checkIsFormatMenuHidden(api) : false;
   }, [api]);
   const handleClick = useCallback(() => {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.FORMAT_MENU,
-      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.FORMAT_MENU
+        },
+        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;
     });
-  }, [fireAnalyticsEvent]);
+  }, [api]);
   return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
     text: text,
     elemBefore: /*#__PURE__*/React.createElement(ChangesIcon, {

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

@@ -1,21 +1,18 @@
 import React 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 { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
 import { DIRECTION } from '@atlaskit/editor-common/types';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 const MoveDownDropdownItemContent = ({
   api
 }) => {
   const {
     formatMessage
   } = useIntl();
-  const {
-    fireAnalyticsEvent
-  } = useBlockMenu();
   const {
     canMoveDown
   } = useSharedPluginStateWithSelector(api, ['blockControls'], ({
@@ -27,19 +24,20 @@ const MoveDownDropdownItemContent = ({
     };
   });
   const handleClick = () => {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.MOVE_DOWN_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, _api$blockControls2, _api$blockControls2$c;
+      var _api$analytics, _api$analytics$action, _api$blockControls, _api$blockControls$co, _api$blockControls2, _api$blockControls2$c;
+      const payload = {
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.MOVE_DOWN
+        },
+        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.moveNodeWithBlockMenu(DIRECTION.DOWN)({
         tr
       });

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

@@ -1,21 +1,18 @@
 import React 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 { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
 import { DIRECTION } from '@atlaskit/editor-common/types';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 const MoveUpDropdownItemContent = ({
   api
 }) => {
   const {
     formatMessage
   } = useIntl();
-  const {
-    fireAnalyticsEvent
-  } = useBlockMenu();
   const {
     canMoveUp
   } = useSharedPluginStateWithSelector(api, ['blockControls'], ({
@@ -27,19 +24,20 @@ const MoveUpDropdownItemContent = ({
     };
   });
   const handleClick = () => {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.MOVE_UP_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, _api$blockControls2, _api$blockControls2$c;
+      var _api$analytics, _api$analytics$action, _api$blockControls, _api$blockControls$co, _api$blockControls2, _api$blockControls2$c;
+      const payload = {
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.MOVE_UP
+        },
+        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.moveNodeWithBlockMenu(DIRECTION.UP)({
         tr
       });

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

@@ -1,7 +1,6 @@
 import React, { useCallback, createContext, useContext } from 'react';
 var BlockMenuContext = /*#__PURE__*/createContext({
-  onDropdownOpenChanged: function onDropdownOpenChanged() {},
-  fireAnalyticsEvent: function fireAnalyticsEvent() {}
+  onDropdownOpenChanged: function onDropdownOpenChanged() {}
 });
 export var useBlockMenu = function useBlockMenu() {
   var context = useContext(BlockMenuContext);
@@ -25,14 +24,9 @@ export var BlockMenuProvider = function BlockMenuProvider(_ref) {
       }, 1);
     }
   }, [api]);
-  var fireAnalyticsEvent = 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.createElement(BlockMenuContext.Provider, {
     value: {
-      onDropdownOpenChanged: onDropdownOpenChanged,
-      fireAnalyticsEvent: fireAnalyticsEvent
+      onDropdownOpenChanged: onDropdownOpenChanged
     }
   }, children);
 };

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

@@ -71,8 +71,7 @@ var BlockMenu = function BlockMenu(_ref2) {
     currentUserIntent = _useSharedPluginState.currentUserIntent,
     openedViaKeyboard = _useSharedPluginState.openedViaKeyboard;
   var _useBlockMenu = 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(DRAG_HANDLE_SELECTOR);
   var prevIsMenuOpenRef = useRef(false);
   var hasFocus = 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;
@@ -89,7 +88,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: ACTION.OPENED,
         actionSubject: ACTION_SUBJECT.BLOCK_MENU,
         eventType: EVENT_TYPE.UI,
@@ -102,7 +102,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/esm/ui/consts.js

@@ -1 +1,13 @@
-export var BLOCK_MENU_LABEL = 'Editor Block Menu';
+export var BLOCK_MENU_LABEL = 'Editor Block Menu';
+
+/**
+ * Constants for block menu analytics menu item names
+ */
+export var 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/esm/ui/copy-block.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 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';
@@ -14,7 +14,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';
 var toDOMFromFragment = function toDOMFromFragment(fragment, schema) {
   return DOMSerializer.fromSchema(schema).serializeFragment(fragment);
 };
@@ -22,18 +22,22 @@ var CopyBlockMenuItem = function CopyBlockMenuItem(_ref) {
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = useBlockMenu(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var copyHandler = function copyHandler(event) {
     var _api$selection;
-    fireAnalyticsEvent === null || fireAnalyticsEvent === 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 || api.core.actions.execute(function (_ref2) {
+      var _api$analytics;
+      var tr = _ref2.tr;
+      var 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 || (_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/esm/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';
 var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
@@ -13,21 +13,20 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     config = _ref.config;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = useBlockMenu(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var handleClick = useCallback(function () {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === 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 || api.core.actions.execute(function (_ref2) {
-      var _api$blockControls;
+      var _api$analytics, _api$blockControls;
       var tr = _ref2.tr;
+      var 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 || (_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
       })({
@@ -37,7 +36,7 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     });
     api === null || api === 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]);
   var checkIsNestedNode = 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/esm/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,28 +11,27 @@ 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';
 var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
   var _api$core$sharedState;
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = 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: 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 || api.core.actions.execute(function (_ref2) {
-      var _api$blockControls;
+      var _api$analytics, _api$blockControls;
       var tr = _ref2.tr;
+      var 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 || (_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/esm/ui/format-menu-nested.js

@@ -1,36 +1,40 @@
 import React, { useMemo, useCallback } from 'react';
 import { 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 { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
 import ChangesIcon from '@atlaskit/icon/core/changes';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 import { checkIsFormatMenuHidden } from './utils/checkIsFormatMenuHidden';
 export var FormatMenuComponent = function FormatMenuComponent(_ref) {
   var api = _ref.api,
     children = _ref.children;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = useBlockMenu(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var text = fg('platform_editor_block_menu_patch_1') ? formatMessage(blockMenuMessages.turnInto) : formatMessage(messages.turnInto);
   var isDisabled = useMemo(function () {
     return fg('platform_editor_block_menu_for_disabled_nodes') ? checkIsFormatMenuHidden(api) : false;
   }, [api]);
   var handleClick = useCallback(function () {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.FORMAT_MENU,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: INPUT_METHOD.MOUSE
-      }
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$analytics;
+      var tr = _ref2.tr;
+      var payload = {
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.FORMAT_MENU
+        },
+        eventType: 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.createElement(ToolbarNestedDropdownMenu, {
     text: text,
     elemBefore: /*#__PURE__*/React.createElement(ChangesIcon, {

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

@@ -1,18 +1,16 @@
 import React 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 { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
 import { DIRECTION } from '@atlaskit/editor-common/types';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 var MoveDownDropdownItemContent = function MoveDownDropdownItemContent(_ref) {
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = useBlockMenu(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (_ref2) {
       var _blockControlsState$b;
       var blockControlsState = _ref2.blockControlsState;
@@ -22,18 +20,19 @@ var MoveDownDropdownItemContent = function MoveDownDropdownItemContent(_ref) {
     }),
     canMoveDown = _useSharedPluginState.canMoveDown;
   var handleClick = function handleClick() {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.MOVE_DOWN_BLOCK,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: 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: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.MOVE_DOWN
+        },
+        eventType: 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(DIRECTION.DOWN)({
         tr: tr
       });

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

@@ -1,18 +1,16 @@
 import React 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 { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
 import { DIRECTION } from '@atlaskit/editor-common/types';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
-import { useBlockMenu } from './block-menu-provider';
+import { BLOCK_MENU_ITEM_NAME } from './consts';
 var MoveUpDropdownItemContent = function MoveUpDropdownItemContent(_ref) {
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = useBlockMenu(),
-    fireAnalyticsEvent = _useBlockMenu.fireAnalyticsEvent;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (_ref2) {
       var _blockControlsState$b;
       var blockControlsState = _ref2.blockControlsState;
@@ -22,18 +20,19 @@ var MoveUpDropdownItemContent = function MoveUpDropdownItemContent(_ref) {
     }),
     canMoveUp = _useSharedPluginState.canMoveUp;
   var handleClick = function handleClick() {
-    fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
-      actionSubjectId: ACTION_SUBJECT_ID.MOVE_UP_BLOCK,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        inputMethod: 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: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        attributes: {
+          inputMethod: INPUT_METHOD.MOUSE,
+          menuItemName: BLOCK_MENU_ITEM_NAME.MOVE_UP
+        },
+        eventType: 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(DIRECTION.UP)({
         tr: tr
       });

package/dist/types/ui/block-menu-provider.d.ts

@@ -1,14 +1,11 @@
 import React from 'react';
-import type { BlockMenuEventPayload } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
 type BlockMenuProviderProps = {
     api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
     children: React.ReactNode;
 };
-type FireAnalyticsEvent = (payload: BlockMenuEventPayload) => void | undefined;
 export type BlockMenuContextType = {
-    fireAnalyticsEvent?: FireAnalyticsEvent;
     /**
      * Callback for when the dropdown is open/closed. Receives an object with `isOpen` state.
      *

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

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

package/dist/types-ts4.5/ui/block-menu-provider.d.ts

@@ -1,14 +1,11 @@
 import React from 'react';
-import type { BlockMenuEventPayload } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
 type BlockMenuProviderProps = {
     api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
     children: React.ReactNode;
 };
-type FireAnalyticsEvent = (payload: BlockMenuEventPayload) => void | undefined;
 export type BlockMenuContextType = {
-    fireAnalyticsEvent?: FireAnalyticsEvent;
     /**
      * Callback for when the dropdown is open/closed. Receives an object with `isOpen` state.
      *

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "4.0.5",
+	"version": "4.0.7",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/icon-lab": "^5.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/tmp-editor-statsig": "^12.32.0",
+		"@atlaskit/tmp-editor-statsig": "^13.0.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0"
 	},