@atlaskit/editor-plugin-code-block-advanced 6.2.10 → 6.2.11

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-code-block-advanced
 
+## 6.2.11
+
+### Patch Changes
+
+- [`459eb2064ff46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/459eb2064ff46) -
+  Remove block menu dependency from code block advanced.
+- Updated dependencies
+
 ## 6.2.10
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -22,9 +22,6 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
-		{
-			"path": "../../editor-plugin-block-menu/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../editor-plugin-code-block/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -6,10 +6,7 @@
 		"rootDir": "../",
 		"composite": true
 	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
+	"include": ["../src/**/*.ts", "../src/**/*.tsx"],
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
@@ -22,9 +19,6 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
-		{
-			"path": "../../editor-plugin-block-menu/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../editor-plugin-code-block/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -6,10 +6,7 @@
 		"rootDir": "../",
 		"composite": true
 	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
+	"include": ["../src/**/*.ts", "../src/**/*.tsx"],
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
@@ -22,9 +19,6 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
-		{
-			"path": "../../editor-plugin-block-menu/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../editor-plugin-code-block/afm-products/tsconfig.json"
 		},

package/dist/cjs/codeBlockAdvancedPlugin.js

@@ -4,28 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.codeBlockAdvancedPlugin = void 0;
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _codeBlockNodeWithToDOMFixed = require("./nodeviews/codeBlockNodeWithToDOMFixed");
 var _main = require("./pm-plugins/main");
-var _createCodeBlockMenuItem = require("./ui/createCodeBlockMenuItem");
 var codeBlockAdvancedPlugin = exports.codeBlockAdvancedPlugin = function codeBlockAdvancedPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
-  if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true)) {
-    var _api$blockMenu;
-    api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
-      type: 'block-menu-item',
-      key: _blockMenu.FORMAT_CODE_BLOCK_MENU_ITEM.key,
-      parent: {
-        type: 'block-menu-section',
-        key: _blockMenu.FORMAT_MENU_ITEM.key,
-        rank: (0, _platformFeatureFlags.fg)('platform_editor_block_menu_format_rank_revised') ? _blockMenu.FORMAT_NESTED_MENU_RANK_REVISED[_blockMenu.FORMAT_CODE_BLOCK_MENU_ITEM.key] : _blockMenu.FORMAT_NESTED_MENU_RANK[_blockMenu.FORMAT_CODE_BLOCK_MENU_ITEM.key]
-      },
-      component: (0, _createCodeBlockMenuItem.createCodeBlockMenuItem)(api)
-    }]);
-  }
   return {
     name: 'codeBlockAdvanced',
     nodes: function nodes() {

package/dist/es2019/codeBlockAdvancedPlugin.js

@@ -1,26 +1,9 @@
-import { FORMAT_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_NESTED_MENU_RANK, FORMAT_NESTED_MENU_RANK_REVISED } from '@atlaskit/editor-common/block-menu';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { codeBlockNodeWithFixedToDOM } from './nodeviews/codeBlockNodeWithToDOMFixed';
 import { createPlugin } from './pm-plugins/main';
-import { createCodeBlockMenuItem } from './ui/createCodeBlockMenuItem';
 export const codeBlockAdvancedPlugin = ({
   api,
   config
 }) => {
-  if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
-    var _api$blockMenu;
-    api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents([{
-      type: 'block-menu-item',
-      key: FORMAT_CODE_BLOCK_MENU_ITEM.key,
-      parent: {
-        type: 'block-menu-section',
-        key: FORMAT_MENU_ITEM.key,
-        rank: fg('platform_editor_block_menu_format_rank_revised') ? FORMAT_NESTED_MENU_RANK_REVISED[FORMAT_CODE_BLOCK_MENU_ITEM.key] : FORMAT_NESTED_MENU_RANK[FORMAT_CODE_BLOCK_MENU_ITEM.key]
-      },
-      component: createCodeBlockMenuItem(api)
-    }]);
-  }
   return {
     name: 'codeBlockAdvanced',
     nodes() {

package/dist/esm/codeBlockAdvancedPlugin.js

@@ -1,25 +1,8 @@
-import { FORMAT_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_NESTED_MENU_RANK, FORMAT_NESTED_MENU_RANK_REVISED } from '@atlaskit/editor-common/block-menu';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { codeBlockNodeWithFixedToDOM } from './nodeviews/codeBlockNodeWithToDOMFixed';
 import { createPlugin } from './pm-plugins/main';
-import { createCodeBlockMenuItem } from './ui/createCodeBlockMenuItem';
 export var codeBlockAdvancedPlugin = function codeBlockAdvancedPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
-  if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
-    var _api$blockMenu;
-    api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
-      type: 'block-menu-item',
-      key: FORMAT_CODE_BLOCK_MENU_ITEM.key,
-      parent: {
-        type: 'block-menu-section',
-        key: FORMAT_MENU_ITEM.key,
-        rank: fg('platform_editor_block_menu_format_rank_revised') ? FORMAT_NESTED_MENU_RANK_REVISED[FORMAT_CODE_BLOCK_MENU_ITEM.key] : FORMAT_NESTED_MENU_RANK[FORMAT_CODE_BLOCK_MENU_ITEM.key]
-      },
-      component: createCodeBlockMenuItem(api)
-    }]);
-  }
   return {
     name: 'codeBlockAdvanced',
     nodes: function nodes() {

package/dist/types/codeBlockAdvancedPluginType.d.ts

@@ -1,6 +1,5 @@
 import type { Extension } from '@codemirror/state';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { CodeBlockPlugin } from '@atlaskit/editor-plugin-code-block';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { FindReplacePlugin } from '@atlaskit/editor-plugin-find-replace';
@@ -8,12 +7,11 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { SelectionMarkerPlugin } from '@atlaskit/editor-plugin-selection-marker';
 export type CodeBlockAdvancedPlugin = NextEditorPlugin<'codeBlockAdvanced', {
     dependencies: [
-        CodeBlockPlugin,
+        OptionalPlugin<CodeBlockPlugin>,
         SelectionPlugin,
         OptionalPlugin<EditorDisabledPlugin>,
         OptionalPlugin<SelectionMarkerPlugin>,
-        OptionalPlugin<FindReplacePlugin>,
-        OptionalPlugin<BlockMenuPlugin>
+        OptionalPlugin<FindReplacePlugin>
     ];
     pluginConfiguration: CodeBlockAdvancedPluginOptions | undefined;
 }>;

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

@@ -1,6 +1,5 @@
 import type { Extension } from '@codemirror/state';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { CodeBlockPlugin } from '@atlaskit/editor-plugin-code-block';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { FindReplacePlugin } from '@atlaskit/editor-plugin-find-replace';
@@ -8,12 +7,11 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { SelectionMarkerPlugin } from '@atlaskit/editor-plugin-selection-marker';
 export type CodeBlockAdvancedPlugin = NextEditorPlugin<'codeBlockAdvanced', {
     dependencies: [
-        CodeBlockPlugin,
+        OptionalPlugin<CodeBlockPlugin>,
         SelectionPlugin,
         OptionalPlugin<EditorDisabledPlugin>,
         OptionalPlugin<SelectionMarkerPlugin>,
-        OptionalPlugin<FindReplacePlugin>,
-        OptionalPlugin<BlockMenuPlugin>
+        OptionalPlugin<FindReplacePlugin>
     ];
     pluginConfiguration: CodeBlockAdvancedPluginOptions | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block-advanced",
-	"version": "6.2.10",
+	"version": "6.2.11",
 	"description": "CodeBlockAdvanced plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,10 +29,9 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.4.0",
-		"@atlaskit/editor-plugin-block-menu": "^5.0.0",
 		"@atlaskit/editor-plugin-code-block": "^8.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
-		"@atlaskit/editor-plugin-find-replace": "^6.0.0",
+		"@atlaskit/editor-plugin-find-replace": "^6.1.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-plugin-selection-marker": "^6.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -40,8 +39,8 @@
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^13.38.0",
-		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.42.0",
+		"@atlaskit/tokens": "^8.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/autocomplete": "6.18.4",
 		"@codemirror/commands": "6.7.1",
@@ -57,7 +56,7 @@
 		"codemirror-lang-elixir": "4.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.32.0",
+		"@atlaskit/editor-common": "^110.34.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},

package/src/codeBlockAdvancedPlugin.tsx

@@ -1,35 +1,8 @@
-import {
-	FORMAT_MENU_ITEM,
-	FORMAT_CODE_BLOCK_MENU_ITEM,
-	FORMAT_NESTED_MENU_RANK,
-	FORMAT_NESTED_MENU_RANK_REVISED,
-} from '@atlaskit/editor-common/block-menu';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-
 import type { CodeBlockAdvancedPlugin } from './codeBlockAdvancedPluginType';
 import { codeBlockNodeWithFixedToDOM } from './nodeviews/codeBlockNodeWithToDOMFixed';
 import { createPlugin } from './pm-plugins/main';
-import { createCodeBlockMenuItem } from './ui/createCodeBlockMenuItem';
 
 export const codeBlockAdvancedPlugin: CodeBlockAdvancedPlugin = ({ api, config }) => {
-	if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
-		api?.blockMenu?.actions.registerBlockMenuComponents([
-			{
-				type: 'block-menu-item',
-				key: FORMAT_CODE_BLOCK_MENU_ITEM.key,
-				parent: {
-					type: 'block-menu-section' as const,
-					key: FORMAT_MENU_ITEM.key,
-					rank: fg('platform_editor_block_menu_format_rank_revised')
-						? FORMAT_NESTED_MENU_RANK_REVISED[FORMAT_CODE_BLOCK_MENU_ITEM.key]
-						: FORMAT_NESTED_MENU_RANK[FORMAT_CODE_BLOCK_MENU_ITEM.key],
-				},
-				component: createCodeBlockMenuItem(api),
-			},
-		]);
-	}
-
 	return {
 		name: 'codeBlockAdvanced',
 

package/src/codeBlockAdvancedPluginType.ts

@@ -1,7 +1,6 @@
 import type { Extension } from '@codemirror/state';
 
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { CodeBlockPlugin } from '@atlaskit/editor-plugin-code-block';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { FindReplacePlugin } from '@atlaskit/editor-plugin-find-replace';
@@ -12,12 +11,11 @@ export type CodeBlockAdvancedPlugin = NextEditorPlugin<
 	'codeBlockAdvanced',
 	{
 		dependencies: [
-			CodeBlockPlugin,
+			OptionalPlugin<CodeBlockPlugin>,
 			SelectionPlugin,
 			OptionalPlugin<EditorDisabledPlugin>,
 			OptionalPlugin<SelectionMarkerPlugin>,
 			OptionalPlugin<FindReplacePlugin>,
-			OptionalPlugin<BlockMenuPlugin>,
 		];
 		pluginConfiguration: CodeBlockAdvancedPluginOptions | undefined;
 	}

package/tsconfig.app.json

@@ -37,9 +37,6 @@
 		{
 			"path": "../editor-common/tsconfig.app.json"
 		},
-		{
-			"path": "../editor-plugin-block-menu/tsconfig.app.json"
-		},
 		{
 			"path": "../editor-plugin-code-block/tsconfig.app.json"
 		},
@@ -55,12 +52,6 @@
 		{
 			"path": "../editor-plugin-selection-marker/tsconfig.app.json"
 		},
-		{
-			"path": "../editor-toolbar/tsconfig.app.json"
-		},
-		{
-			"path": "../../design-system/icon/tsconfig.app.json"
-		},
 		{
 			"path": "../../platform/feature-flags/tsconfig.app.json"
 		},

package/dist/cjs/ui/createCodeBlockMenuItem.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createCodeBlockMenuItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
-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 nodeName = 'codeBlock';
-var CodeBlockMenuItem = function CodeBlockMenuItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
-  var isCodeBlockSelected = (0, _react.useMemo)(function () {
-    if (!selection) {
-      return false;
-    }
-    if (selection instanceof _state.NodeSelection) {
-      // Note: we are checking for any type of panel, not just of type infopanel
-      return selection.node.type.name === nodeName;
-    }
-    return false;
-  }, [selection]);
-  var handleClick = function handleClick(event) {
-    var _api$blockMenu;
-    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE;
-    var inputMethod = _analytics.INPUT_METHOD.BLOCK_MENU;
-    api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.formatNode(nodeName, {
-      inputMethod: inputMethod,
-      triggeredFrom: triggeredFrom
-    }));
-  };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-    onClick: handleClick,
-    isSelected: isCodeBlockSelected,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_angleBrackets.default, {
-      label: ""
-    })
-  }, formatMessage(_messages.blockMenuMessages.codeBlock));
-};
-var createCodeBlockMenuItem = exports.createCodeBlockMenuItem = function createCodeBlockMenuItem(api) {
-  return function () {
-    return /*#__PURE__*/_react.default.createElement(CodeBlockMenuItem, {
-      api: api
-    });
-  };
-};

package/dist/es2019/ui/createCodeBlockMenuItem.js

@@ -1,48 +0,0 @@
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { blockMenuMessages } from '@atlaskit/editor-common/messages';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
-const nodeName = 'codeBlock';
-const CodeBlockMenuItem = ({
-  api
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const selection = useSharedPluginStateSelector(api, 'selection.selection');
-  const isCodeBlockSelected = useMemo(() => {
-    if (!selection) {
-      return false;
-    }
-    if (selection instanceof NodeSelection) {
-      // Note: we are checking for any type of panel, not just of type infopanel
-      return selection.node.type.name === nodeName;
-    }
-    return false;
-  }, [selection]);
-  const handleClick = event => {
-    var _api$blockMenu;
-    const triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
-    const inputMethod = INPUT_METHOD.BLOCK_MENU;
-    api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.formatNode(nodeName, {
-      inputMethod,
-      triggeredFrom
-    }));
-  };
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    onClick: handleClick,
-    isSelected: isCodeBlockSelected,
-    elemBefore: /*#__PURE__*/React.createElement(AngleBracketsIcon, {
-      label: ""
-    })
-  }, formatMessage(blockMenuMessages.codeBlock));
-};
-export const createCodeBlockMenuItem = api => {
-  return () => /*#__PURE__*/React.createElement(CodeBlockMenuItem, {
-    api: api
-  });
-};

package/dist/esm/ui/createCodeBlockMenuItem.js

@@ -1,48 +0,0 @@
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { blockMenuMessages } from '@atlaskit/editor-common/messages';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
-var nodeName = 'codeBlock';
-var CodeBlockMenuItem = function CodeBlockMenuItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var selection = useSharedPluginStateSelector(api, 'selection.selection');
-  var isCodeBlockSelected = useMemo(function () {
-    if (!selection) {
-      return false;
-    }
-    if (selection instanceof NodeSelection) {
-      // Note: we are checking for any type of panel, not just of type infopanel
-      return selection.node.type.name === nodeName;
-    }
-    return false;
-  }, [selection]);
-  var handleClick = function handleClick(event) {
-    var _api$blockMenu;
-    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
-    var inputMethod = INPUT_METHOD.BLOCK_MENU;
-    api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.formatNode(nodeName, {
-      inputMethod: inputMethod,
-      triggeredFrom: triggeredFrom
-    }));
-  };
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    onClick: handleClick,
-    isSelected: isCodeBlockSelected,
-    elemBefore: /*#__PURE__*/React.createElement(AngleBracketsIcon, {
-      label: ""
-    })
-  }, formatMessage(blockMenuMessages.codeBlock));
-};
-export var createCodeBlockMenuItem = function createCodeBlockMenuItem(api) {
-  return function () {
-    return /*#__PURE__*/React.createElement(CodeBlockMenuItem, {
-      api: api
-    });
-  };
-};

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
-export declare const createCodeBlockMenuItem: (api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined) => () => React.JSX.Element;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
-export declare const createCodeBlockMenuItem: (api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined) => () => React.JSX.Element;

package/src/ui/createCodeBlockMenuItem.tsx

@@ -1,65 +0,0 @@
-import React, { useMemo } from 'react';
-
-import { useIntl } from 'react-intl-next';
-
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { blockMenuMessages } from '@atlaskit/editor-common/messages';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
-
-import type { CodeBlockAdvancedPlugin } from '../codeBlockAdvancedPluginType';
-
-type Props = {
-	api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined;
-};
-
-const nodeName = 'codeBlock';
-
-const CodeBlockMenuItem = ({ api }: Props) => {
-	const { formatMessage } = useIntl();
-	const selection = useSharedPluginStateSelector(api, 'selection.selection');
-
-	const isCodeBlockSelected = useMemo(() => {
-		if (!selection) {
-			return false;
-		}
-
-		if (selection instanceof NodeSelection) {
-			// Note: we are checking for any type of panel, not just of type infopanel
-			return selection.node.type.name === nodeName;
-		}
-
-		return false;
-	}, [selection]);
-
-	const handleClick = (event: React.MouseEvent | React.KeyboardEvent) => {
-		const triggeredFrom =
-			event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0
-				? INPUT_METHOD.KEYBOARD
-				: INPUT_METHOD.MOUSE;
-		const inputMethod = INPUT_METHOD.BLOCK_MENU;
-
-		api?.core.actions.execute(
-			api?.blockMenu?.commands.formatNode(nodeName, { inputMethod, triggeredFrom }),
-		);
-	};
-
-	return (
-		<ToolbarDropdownItem
-			onClick={handleClick}
-			isSelected={isCodeBlockSelected}
-			elemBefore={<AngleBracketsIcon label="" />}
-		>
-			{formatMessage(blockMenuMessages.codeBlock)}
-		</ToolbarDropdownItem>
-	);
-};
-
-export const createCodeBlockMenuItem = (
-	api: ExtractInjectionAPI<CodeBlockAdvancedPlugin> | undefined,
-) => {
-	return () => <CodeBlockMenuItem api={api} />;
-};