@atlaskit/editor-plugin-block-menu 6.0.38 → 6.0.40

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 6.0.40
+
+### Patch Changes
+
+- [`25ad5c762c280`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25ad5c762c280) -
+  [ux] Add truncation on the extention label in block menu
+- Updated dependencies
+
+## 6.0.39
+
+### Patch Changes
+
+- [`febd89b7de294`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/febd89b7de294) -
+  Remove unused 'copy content' feature from block menu project
+- Updated dependencies
+
 ## 6.0.38
 
 ### Patch Changes

package/dist/cjs/ui/block-menu.compiled.css

@@ -2,4 +2,5 @@
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
-._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._p12fnklw{max-width:20pc}

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

@@ -21,6 +21,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _prosemirrorHistory = require("@atlaskit/prosemirror-history");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -30,6 +31,7 @@ var _BlockMenuRenderer = require("./block-menu-renderer/BlockMenuRenderer");
 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 styles = {
   base: "_2rko12b0 _bfhk1bhr _16qs130s",
+  maxWidthStyles: "_p12fnklw",
   emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
 };
 var DEFAULT_MENU_WIDTH = 230;
@@ -101,7 +103,7 @@ var BlockMenuContent = function BlockMenuContent(_ref2) {
     testId: "editor-block-menu",
     role: (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,
     ref: ref,
-    xcss: (0, _css.cx)(styles.base, (0, _experiments.editorExperiment)('platform_synced_block', true) && styles.emptyMenuSectionStyles)
+    xcss: (0, _css.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && styles.emptyMenuSectionStyles)
   }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
     type: _uiMenu.ArrowKeyNavigationType.MENU,
     handleClose: function handleClose(e) {

package/dist/cjs/ui/consts.js

@@ -14,6 +14,5 @@ var BLOCK_MENU_ITEM_NAME = exports.BLOCK_MENU_ITEM_NAME = {
   MOVE_UP: 'moveUp',
   MOVE_DOWN: 'moveDown',
   DELETE: 'delete',
-  FORMAT_MENU: 'formatMenu',
-  COPY_CONTENT: 'copyContent'
+  FORMAT_MENU: 'formatMenu'
 };

package/dist/es2019/ui/block-menu.compiled.css

@@ -2,4 +2,5 @@
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
-._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._p12fnklw{max-width:20pc}

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

@@ -12,6 +12,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { redo, undo } from '@atlaskit/prosemirror-history';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -20,6 +21,7 @@ import { useBlockMenu } from './block-menu-provider';
 import { BlockMenuRenderer } from './block-menu-renderer/BlockMenuRenderer';
 const styles = {
   base: "_2rko12b0 _bfhk1bhr _16qs130s",
+  maxWidthStyles: "_p12fnklw",
   emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
 };
 const DEFAULT_MENU_WIDTH = 230;
@@ -94,7 +96,7 @@ const BlockMenuContent = ({
     testId: "editor-block-menu",
     role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,
     ref: ref,
-    xcss: cx(styles.base, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
+    xcss: cx(styles.base, fg('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
   }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
     type: ArrowKeyNavigationType.MENU,
     handleClose: e => e.preventDefault(),

package/dist/es2019/ui/consts.js

@@ -8,6 +8,5 @@ export const BLOCK_MENU_ITEM_NAME = {
   MOVE_UP: 'moveUp',
   MOVE_DOWN: 'moveDown',
   DELETE: 'delete',
-  FORMAT_MENU: 'formatMenu',
-  COPY_CONTENT: 'copyContent'
+  FORMAT_MENU: 'formatMenu'
 };

package/dist/esm/ui/block-menu.compiled.css

@@ -2,4 +2,5 @@
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1k2yglyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])){display:none}
-._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._p12fnklw{max-width:20pc}

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

@@ -13,6 +13,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { redo, undo } from '@atlaskit/prosemirror-history';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -21,6 +22,7 @@ import { useBlockMenu } from './block-menu-provider';
 import { BlockMenuRenderer } from './block-menu-renderer/BlockMenuRenderer';
 var styles = {
   base: "_2rko12b0 _bfhk1bhr _16qs130s",
+  maxWidthStyles: "_p12fnklw",
   emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
 };
 var DEFAULT_MENU_WIDTH = 230;
@@ -92,7 +94,7 @@ var BlockMenuContent = function BlockMenuContent(_ref2) {
     testId: "editor-block-menu",
     role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menu' : undefined,
     ref: ref,
-    xcss: cx(styles.base, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
+    xcss: cx(styles.base, fg('platform_editor_block_menu_v2_patch_2') && styles.maxWidthStyles, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
   }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
     type: ArrowKeyNavigationType.MENU,
     handleClose: function handleClose(e) {

package/dist/esm/ui/consts.js

@@ -8,6 +8,5 @@ export var BLOCK_MENU_ITEM_NAME = {
   MOVE_UP: 'moveUp',
   MOVE_DOWN: 'moveDown',
   DELETE: 'delete',
-  FORMAT_MENU: 'formatMenu',
-  COPY_CONTENT: 'copyContent'
+  FORMAT_MENU: 'formatMenu'
 };

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

@@ -8,5 +8,4 @@ export declare const BLOCK_MENU_ITEM_NAME: {
     readonly MOVE_DOWN: "moveDown";
     readonly DELETE: "delete";
     readonly FORMAT_MENU: "formatMenu";
-    readonly COPY_CONTENT: "copyContent";
 };

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

@@ -8,5 +8,4 @@ export declare const BLOCK_MENU_ITEM_NAME: {
     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": "6.0.38",
+	"version": "6.0.40",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,12 +41,12 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.19.0",
 		"@atlaskit/flag": "^17.8.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^24.0.0",
+		"@atlaskit/tmp-editor-statsig": "^24.1.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
@@ -95,6 +95,9 @@
 	"platform-feature-flags": {
 		"platform_editor_adf_with_localid": {
 			"type": "boolean"
+		},
+		"platform_editor_block_menu_v2_patch_2": {
+			"type": "boolean"
 		}
 	}
 }

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

@@ -1,141 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _clipboard = require("@atlaskit/editor-common/clipboard");
-var _copyButton = require("@atlaskit/editor-common/copy-button");
-var _messages = require("@atlaskit/editor-common/messages");
-var _model = require("@atlaskit/editor-prosemirror/model");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-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) {
-  return _model.DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-};
-var CopyBlockMenuItem = function CopyBlockMenuItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
-    onDropdownOpenChanged = _useBlockMenu.onDropdownOpenChanged;
-  var copyHandler = function copyHandler(event) {
-    var _api$selection;
-    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: {
-          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
-    event.stopPropagation();
-    // get the current selection
-    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;
-    if (selection) {
-      var _api$blockControls;
-      var schema = selection.$from.doc.type.schema;
-      // for texts and inline nodes
-      if (selection instanceof _state.TextSelection) {
-        var _fragment, _fragment2;
-        var fragment = selection === null || selection === void 0 ? void 0 : selection.content().content;
-        if (!fragment) {
-          return;
-        }
-        // if text is inside of a layout column, the selection contains the layoutSection and layoutColumn for some reason
-        // But the layoutSection only contains the layoutColumn that the selected text is in, hence we can use the .firstChild
-        if ((_fragment = fragment) !== null && _fragment !== void 0 && _fragment.firstChild && fragment.firstChild.type.name === 'layoutSection') {
-          var layoutSectionNode = fragment.firstChild;
-          var layoutColumnNode = layoutSectionNode.firstChild;
-          var layoutContent = layoutColumnNode === null || layoutColumnNode === void 0 ? void 0 : layoutColumnNode.firstChild;
-          fragment = (layoutContent === null || layoutContent === void 0 ? void 0 : layoutContent.content) || _model.Fragment.empty;
-        }
-
-        // if text is inside of an expand or extension, the selection contains an expand or extension for some reason
-        // the expandNode or extensionNode always and only have one child, no matter how much contents are inside the expand or extension,
-        // and the one child is the line that is being selected, so we can use the .firstChild again
-        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension')) {
-          var expandOrExtensionNode = fragment.firstChild;
-          var actualNodeToCopy = expandOrExtensionNode.firstChild;
-          fragment = _model.Fragment.from(actualNodeToCopy) || _model.Fragment.empty;
-        }
-        var domNode = toDOMFromFragment(fragment, schema);
-        var div = document.createElement('div');
-        div.appendChild(domNode);
-        (0, _clipboard.copyHTMLToClipboard)(div);
-      }
-
-      // for table
-      else if ((0, _utils.isTableSelected)(selection)) {
-        var nodeType = schema.nodes.table;
-        var tableNode = selection.$anchorCell.node(-1);
-        if (!tableNode) {
-          return;
-        }
-        var _domNode = (0, _copyButton.toDOM)(tableNode, schema);
-        (0, _copyButton.copyDomNode)(_domNode, nodeType, selection);
-      }
-
-      // for other nodes
-      else if (selection instanceof _state.NodeSelection) {
-        var _nodeType = selection.node.type;
-
-        // code block is a special case where it is a block node but has inlineContent to true,
-        // When nodeType.inlineContent is true, it will be treated as an inline node in the copyDomNode function,
-        // but we want to treat it as a block node when copying, hence setting it to false here
-        if (selection.node.type.name === 'codeBlock') {
-          var codeBlockNodeType = _objectSpread(_objectSpread({}, _nodeType), {}, {
-            inlineContent: false
-          });
-          var _domNode2 = (0, _copyButton.toDOM)(selection.node, schema);
-          (0, _copyButton.copyDomNode)(_domNode2, codeBlockNodeType, selection);
-        }
-        // source sync block (bodiedSyncBlock) is also a special case
-        // where we need to copy the content of the bodiedSyncBlock node
-        else if (selection.node.type.name === 'bodiedSyncBlock' && (0, _experiments.editorExperiment)('platform_synced_block', true)) {
-          var bodiedSyncBlockNode = selection.node;
-          var _domNode3 = toDOMFromFragment(bodiedSyncBlockNode.content, schema);
-          (0, _copyButton.copyDomNode)(_domNode3, bodiedSyncBlockNode.type, selection);
-        }
-        // for other nodes
-        else {
-          var _domNode4 = (0, _copyButton.toDOM)(selection.node, schema);
-          (0, _copyButton.copyDomNode)(_domNode4, _nodeType, selection);
-        }
-      }
-
-      // close the block menu after copying
-      api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-      onDropdownOpenChanged(false);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-    elemBefore: /*#__PURE__*/_react.default.createElement(_copy.default, {
-      label: ""
-    }),
-    onClick: copyHandler
-  }, formatMessage(_messages.blockMenuMessages.copyContent));
-};
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CopyBlockMenuItem);

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

@@ -1,136 +0,0 @@
-import React from 'react';
-import { injectIntl, useIntl } from 'react-intl-next';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { copyHTMLToClipboard } from '@atlaskit/editor-common/clipboard';
-import { toDOM, copyDomNode } from '@atlaskit/editor-common/copy-button';
-import { blockMenuMessages } from '@atlaskit/editor-common/messages';
-import { Fragment, DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { isTableSelected } from '@atlaskit/editor-tables/utils';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import CopyIcon from '@atlaskit/icon/core/copy';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { useBlockMenu } from './block-menu-provider';
-import { BLOCK_MENU_ITEM_NAME } from './consts';
-const toDOMFromFragment = (fragment, schema) => {
-  return DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-};
-const CopyBlockMenuItem = ({
-  api
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    onDropdownOpenChanged
-  } = useBlockMenu();
-  const copyHandler = event => {
-    var _api$selection, _api$selection$shared, _api$selection$shared2;
-    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: {
-          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
-    event.stopPropagation();
-    // get the current selection
-    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;
-    if (selection) {
-      var _api$blockControls;
-      const schema = selection.$from.doc.type.schema;
-      // for texts and inline nodes
-      if (selection instanceof TextSelection) {
-        var _fragment, _fragment2;
-        let fragment = selection === null || selection === void 0 ? void 0 : selection.content().content;
-        if (!fragment) {
-          return;
-        }
-        // if text is inside of a layout column, the selection contains the layoutSection and layoutColumn for some reason
-        // But the layoutSection only contains the layoutColumn that the selected text is in, hence we can use the .firstChild
-        if ((_fragment = fragment) !== null && _fragment !== void 0 && _fragment.firstChild && fragment.firstChild.type.name === 'layoutSection') {
-          const layoutSectionNode = fragment.firstChild;
-          const layoutColumnNode = layoutSectionNode.firstChild;
-          const layoutContent = layoutColumnNode === null || layoutColumnNode === void 0 ? void 0 : layoutColumnNode.firstChild;
-          fragment = (layoutContent === null || layoutContent === void 0 ? void 0 : layoutContent.content) || Fragment.empty;
-        }
-
-        // if text is inside of an expand or extension, the selection contains an expand or extension for some reason
-        // the expandNode or extensionNode always and only have one child, no matter how much contents are inside the expand or extension,
-        // and the one child is the line that is being selected, so we can use the .firstChild again
-        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension')) {
-          const expandOrExtensionNode = fragment.firstChild;
-          const actualNodeToCopy = expandOrExtensionNode.firstChild;
-          fragment = Fragment.from(actualNodeToCopy) || Fragment.empty;
-        }
-        const domNode = toDOMFromFragment(fragment, schema);
-        const div = document.createElement('div');
-        div.appendChild(domNode);
-        copyHTMLToClipboard(div);
-      }
-
-      // for table
-      else if (isTableSelected(selection)) {
-        const nodeType = schema.nodes.table;
-        const tableNode = selection.$anchorCell.node(-1);
-        if (!tableNode) {
-          return;
-        }
-        const domNode = toDOM(tableNode, schema);
-        copyDomNode(domNode, nodeType, selection);
-      }
-
-      // for other nodes
-      else if (selection instanceof NodeSelection) {
-        const nodeType = selection.node.type;
-
-        // code block is a special case where it is a block node but has inlineContent to true,
-        // When nodeType.inlineContent is true, it will be treated as an inline node in the copyDomNode function,
-        // but we want to treat it as a block node when copying, hence setting it to false here
-        if (selection.node.type.name === 'codeBlock') {
-          const codeBlockNodeType = {
-            ...nodeType,
-            inlineContent: false
-          };
-          const domNode = toDOM(selection.node, schema);
-          copyDomNode(domNode, codeBlockNodeType, selection);
-        }
-        // source sync block (bodiedSyncBlock) is also a special case
-        // where we need to copy the content of the bodiedSyncBlock node
-        else if (selection.node.type.name === 'bodiedSyncBlock' && editorExperiment('platform_synced_block', true)) {
-          const bodiedSyncBlockNode = selection.node;
-          const domNode = toDOMFromFragment(bodiedSyncBlockNode.content, schema);
-          copyDomNode(domNode, bodiedSyncBlockNode.type, selection);
-        }
-        // for other nodes
-        else {
-          const domNode = toDOM(selection.node, schema);
-          copyDomNode(domNode, nodeType, selection);
-        }
-      }
-
-      // close the block menu after copying
-      api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-      onDropdownOpenChanged(false);
-    }
-  };
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    elemBefore: /*#__PURE__*/React.createElement(CopyIcon, {
-      label: ""
-    }),
-    onClick: copyHandler
-  }, formatMessage(blockMenuMessages.copyContent));
-};
-export default injectIntl(CopyBlockMenuItem);

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

@@ -1,134 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _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, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { copyHTMLToClipboard } from '@atlaskit/editor-common/clipboard';
-import { toDOM, copyDomNode } from '@atlaskit/editor-common/copy-button';
-import { blockMenuMessages } from '@atlaskit/editor-common/messages';
-import { Fragment, DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { isTableSelected } from '@atlaskit/editor-tables/utils';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import CopyIcon from '@atlaskit/icon/core/copy';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-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);
-};
-var CopyBlockMenuItem = function CopyBlockMenuItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useBlockMenu = useBlockMenu(),
-    onDropdownOpenChanged = _useBlockMenu.onDropdownOpenChanged;
-  var copyHandler = function copyHandler(event) {
-    var _api$selection;
-    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: {
-          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
-    event.stopPropagation();
-    // get the current selection
-    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;
-    if (selection) {
-      var _api$blockControls;
-      var schema = selection.$from.doc.type.schema;
-      // for texts and inline nodes
-      if (selection instanceof TextSelection) {
-        var _fragment, _fragment2;
-        var fragment = selection === null || selection === void 0 ? void 0 : selection.content().content;
-        if (!fragment) {
-          return;
-        }
-        // if text is inside of a layout column, the selection contains the layoutSection and layoutColumn for some reason
-        // But the layoutSection only contains the layoutColumn that the selected text is in, hence we can use the .firstChild
-        if ((_fragment = fragment) !== null && _fragment !== void 0 && _fragment.firstChild && fragment.firstChild.type.name === 'layoutSection') {
-          var layoutSectionNode = fragment.firstChild;
-          var layoutColumnNode = layoutSectionNode.firstChild;
-          var layoutContent = layoutColumnNode === null || layoutColumnNode === void 0 ? void 0 : layoutColumnNode.firstChild;
-          fragment = (layoutContent === null || layoutContent === void 0 ? void 0 : layoutContent.content) || Fragment.empty;
-        }
-
-        // if text is inside of an expand or extension, the selection contains an expand or extension for some reason
-        // the expandNode or extensionNode always and only have one child, no matter how much contents are inside the expand or extension,
-        // and the one child is the line that is being selected, so we can use the .firstChild again
-        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension')) {
-          var expandOrExtensionNode = fragment.firstChild;
-          var actualNodeToCopy = expandOrExtensionNode.firstChild;
-          fragment = Fragment.from(actualNodeToCopy) || Fragment.empty;
-        }
-        var domNode = toDOMFromFragment(fragment, schema);
-        var div = document.createElement('div');
-        div.appendChild(domNode);
-        copyHTMLToClipboard(div);
-      }
-
-      // for table
-      else if (isTableSelected(selection)) {
-        var nodeType = schema.nodes.table;
-        var tableNode = selection.$anchorCell.node(-1);
-        if (!tableNode) {
-          return;
-        }
-        var _domNode = toDOM(tableNode, schema);
-        copyDomNode(_domNode, nodeType, selection);
-      }
-
-      // for other nodes
-      else if (selection instanceof NodeSelection) {
-        var _nodeType = selection.node.type;
-
-        // code block is a special case where it is a block node but has inlineContent to true,
-        // When nodeType.inlineContent is true, it will be treated as an inline node in the copyDomNode function,
-        // but we want to treat it as a block node when copying, hence setting it to false here
-        if (selection.node.type.name === 'codeBlock') {
-          var codeBlockNodeType = _objectSpread(_objectSpread({}, _nodeType), {}, {
-            inlineContent: false
-          });
-          var _domNode2 = toDOM(selection.node, schema);
-          copyDomNode(_domNode2, codeBlockNodeType, selection);
-        }
-        // source sync block (bodiedSyncBlock) is also a special case
-        // where we need to copy the content of the bodiedSyncBlock node
-        else if (selection.node.type.name === 'bodiedSyncBlock' && editorExperiment('platform_synced_block', true)) {
-          var bodiedSyncBlockNode = selection.node;
-          var _domNode3 = toDOMFromFragment(bodiedSyncBlockNode.content, schema);
-          copyDomNode(_domNode3, bodiedSyncBlockNode.type, selection);
-        }
-        // for other nodes
-        else {
-          var _domNode4 = toDOM(selection.node, schema);
-          copyDomNode(_domNode4, _nodeType, selection);
-        }
-      }
-
-      // close the block menu after copying
-      api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-      onDropdownOpenChanged(false);
-    }
-  };
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    elemBefore: /*#__PURE__*/React.createElement(CopyIcon, {
-      label: ""
-    }),
-    onClick: copyHandler
-  }, formatMessage(blockMenuMessages.copyContent));
-};
-export default injectIntl(CopyBlockMenuItem);

package/dist/types/ui/copy-block.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '../blockMenuPluginType';
-interface CopyBlockMenuItemProps {
-    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<CopyBlockMenuItemProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<CopyBlockMenuItemProps & WrappedComponentProps>;
-};
-export default _default;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '../blockMenuPluginType';
-interface CopyBlockMenuItemProps {
-    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<CopyBlockMenuItemProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<CopyBlockMenuItemProps & WrappedComponentProps>;
-};
-export default _default;