@atlaskit/editor-plugin-block-menu 0.0.7 → 0.0.9

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 0.0.9
+
+### Patch Changes
+
+- [`9155252ad4c00`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9155252ad4c00) -
+  [ux] copy link to the selected node in block menu
+- Updated dependencies
+
+## 0.0.8
+
+### Patch Changes
+
+- [`1bed58ba517b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1bed58ba517b7) -
+  [ux] BlockMenu will be opened to the left or the drag handle by default and to the right when
+  there is no enough space.
+
 ## 0.0.7
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -11,9 +11,13 @@ var _main = require("./pm-plugins/main");
 var _blockMenu = _interopRequireDefault(require("./ui/block-menu"));
 var _blockMenuComponents = require("./ui/block-menu-components");
 var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    config = _ref.config;
   var registry = (0, _editorActions.createBlockMenuRegistry)();
-  registry.register((0, _blockMenuComponents.getBlockMenuComponents)(api));
+  registry.register((0, _blockMenuComponents.getBlockMenuComponents)({
+    api: api,
+    config: config
+  }));
   return {
     name: 'blockMenu',
     pmPlugins: function pmPlugins() {

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

@@ -8,13 +8,13 @@ exports.getBlockMenuComponents = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _jira = _interopRequireDefault(require("@atlaskit/icon-lab/core/jira"));
 var _changes = _interopRequireDefault(require("@atlaskit/icon/core/changes"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
 var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
 var _copyBlock = _interopRequireDefault(require("./copy-block"));
+var _copyLink = require("./copy-link");
 var _moveDown = require("./move-down");
 var _moveUp = require("./move-up");
 var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(api) {
@@ -50,21 +50,23 @@ var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(a
     }
   }];
 };
-var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(api) {
+var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
   return [{
     type: 'block-menu-section',
     key: 'block-menu-section-format',
     rank: 100,
-    component: function component(_ref) {
-      var children = _ref.children;
+    component: function component(_ref2) {
+      var children = _ref2.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
     }
   }, {
     type: 'block-menu-section',
     key: 'block-menu-section-copy',
     rank: 200,
-    component: function component(_ref2) {
-      var children = _ref2.children;
+    component: function component(_ref3) {
+      var children = _ref3.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -82,12 +84,26 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
         api: api
       });
     }
+  }, {
+    type: 'block-menu-item',
+    key: 'block-menu-item-copy-link',
+    parent: {
+      type: 'block-menu-section',
+      key: 'block-menu-section-copy',
+      rank: 100
+    },
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_copyLink.CopyLinkDropdownItem, {
+        api: api,
+        config: config
+      });
+    }
   }, {
     type: 'block-menu-section',
     key: 'block-menu-section-move-up-down',
     rank: 300,
-    component: function component(_ref3) {
-      var children = _ref3.children;
+    component: function component(_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -96,8 +112,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     type: 'block-menu-section',
     key: 'block-menu-section-delete',
     rank: 400,
-    component: function component(_ref4) {
-      var children = _ref4.children;
+    component: function component(_ref5) {
+      var children = _ref5.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -129,21 +145,6 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
         })
       }, "Bullet list")));
     }
-  }, {
-    type: 'block-menu-item',
-    key: 'block-menu-item-create-jira',
-    parent: {
-      type: 'block-menu-section',
-      key: 'block-menu-section-format',
-      rank: 200
-    },
-    component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-        elemBefore: /*#__PURE__*/_react.default.createElement(_jira.default, {
-          label: ""
-        })
-      }, "Create Jira work item");
-    }
   }].concat((0, _toConsumableArray2.default)(getMoveUpMoveDownMenuComponents(api)), [{
     type: 'block-menu-item',
     key: 'block-menu-item-delete',

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

@@ -23,6 +23,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   base: "_2rkoglpi _bfhk1bhr _16qs1cd0"
 };
+var DEFAULT_MENU_WIDTH = 230;
 var DRAG_HANDLE_OFFSET_PADDING = 5;
 var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
 var BlockMenuContent = function BlockMenuContent(_ref) {
@@ -106,8 +107,9 @@ var BlockMenu = function BlockMenu(_ref2) {
   var targetHandleRef = editorView === null || editorView === void 0 || (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(_styles.DRAG_HANDLE_SELECTOR);
   if (targetHandleRef instanceof HTMLElement) {
     return /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
-      alignX: 'left',
-      alignY: 'start',
+      alignX: 'right',
+      alignY: 'start' // respected when forcePlacement is true
+      ,
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
       mountTo: mountTo,
@@ -115,7 +117,10 @@ var BlockMenu = function BlockMenu(_ref2) {
       scrollableElement: scrollableElement,
       target: targetHandleRef,
       zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+      fitWidth: DEFAULT_MENU_WIDTH,
       forcePlacement: true,
+      preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
+      ,
       stick: true,
       offset: [_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
     }, /*#__PURE__*/_react.default.createElement(BlockMenuContent, {

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopyLinkDropdownItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
+var _copyLink = require("./utils/copyLink");
+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 CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var handleClick = (0, _react.useCallback)(function () {
+    return (0, _copyLink.copyLink)(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api);
+  }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockQueryParam, api]);
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
+    elemBefore: /*#__PURE__*/_react.default.createElement(_link.default, {
+      label: ""
+    })
+  }, formatMessage(_messages.blockMenuMessages.copyLink));
+};
+var CopyLinkDropdownItem = exports.CopyLinkDropdownItem = (0, _reactIntlNext.injectIntl)(CopyLinkDropdownItemContent);

package/dist/cjs/ui/utils/copyLink.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copyLink = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _clipboard = require("@atlaskit/editor-common/clipboard");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _editorTables = require("@atlaskit/editor-tables");
+var copyLink = exports.copyLink = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(getLinkPath) {
+    var blockQueryParam,
+      api,
+      _api$selection,
+      node,
+      selection,
+      path,
+      url,
+      href,
+      _args = arguments;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          blockQueryParam = _args.length > 1 && _args[1] !== undefined ? _args[1] : 'block';
+          api = _args.length > 2 ? _args[2] : undefined;
+          _context.prev = 2;
+          selection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.sharedState.currentState()) === null || _api$selection === void 0 ? void 0 : _api$selection.selection;
+          if (selection instanceof _state.NodeSelection && selection.node) {
+            node = selection.node;
+          } else if (selection instanceof _state.TextSelection) {
+            node = selection.$from.node();
+          } else if (selection instanceof _editorTables.CellSelection) {
+            node = selection.$anchorCell.node(-1);
+          }
+          if (!(!node || !node.attrs || !node.attrs.localId)) {
+            _context.next = 7;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 7:
+          path = (getLinkPath === null || getLinkPath === void 0 ? void 0 : getLinkPath()) || location.pathname;
+          if (path) {
+            _context.next = 10;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 10:
+          url = new URL(location.origin + path);
+          url.searchParams.set(blockQueryParam, node.attrs.localId);
+          href = url.toString();
+          _context.next = 15;
+          return (0, _clipboard.copyToClipboard)(href);
+        case 15:
+          return _context.abrupt("return", true);
+        case 18:
+          _context.prev = 18;
+          _context.t0 = _context["catch"](2);
+          return _context.abrupt("return", false);
+        case 21:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 18]]);
+  }));
+  return function copyLink(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/es2019/blockMenuPlugin.js

@@ -4,10 +4,14 @@ import { createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 export const blockMenuPlugin = ({
-  api
+  api,
+  config
 }) => {
   const registry = createBlockMenuRegistry();
-  registry.register(getBlockMenuComponents(api));
+  registry.register(getBlockMenuComponents({
+    api,
+    config
+  }));
   return {
     name: 'blockMenu',
     pmPlugins() {

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ToolbarDropdownItem, ToolbarDropdownItemSection, ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
-import JiraIcon from '@atlaskit/icon-lab/core/jira';
 import ChangesIcon from '@atlaskit/icon/core/changes';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
 import TaskIcon from '@atlaskit/icon/core/task';
 import CopyBlockMenuItem from './copy-block';
+import { CopyLinkDropdownItem } from './copy-link';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
 const getMoveUpMoveDownMenuComponents = api => {
@@ -38,7 +38,10 @@ const getMoveUpMoveDownMenuComponents = api => {
     })
   }];
 };
-export const getBlockMenuComponents = api => {
+export const getBlockMenuComponents = ({
+  api,
+  config
+}) => {
   return [{
     type: 'block-menu-section',
     key: 'block-menu-section-format',
@@ -72,6 +75,18 @@ export const getBlockMenuComponents = api => {
         api: api
       });
     }
+  }, {
+    type: 'block-menu-item',
+    key: 'block-menu-item-copy-link',
+    parent: {
+      type: 'block-menu-section',
+      key: 'block-menu-section-copy',
+      rank: 100
+    },
+    component: () => /*#__PURE__*/React.createElement(CopyLinkDropdownItem, {
+      api: api,
+      config: config
+    })
   }, {
     type: 'block-menu-section',
     key: 'block-menu-section-move-up-down',
@@ -121,21 +136,6 @@ export const getBlockMenuComponents = api => {
         })
       }, "Bullet list")));
     }
-  }, {
-    type: 'block-menu-item',
-    key: 'block-menu-item-create-jira',
-    parent: {
-      type: 'block-menu-section',
-      key: 'block-menu-section-format',
-      rank: 200
-    },
-    component: () => {
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-        elemBefore: /*#__PURE__*/React.createElement(JiraIcon, {
-          label: ""
-        })
-      }, "Create Jira work item");
-    }
   }, ...getMoveUpMoveDownMenuComponents(api), {
     type: 'block-menu-item',
     key: 'block-menu-item-delete',

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

@@ -15,6 +15,7 @@ import { BlockMenuRenderer } from './block-menu-renderer';
 const styles = {
   base: "_2rkoglpi _bfhk1bhr _16qs1cd0"
 };
+const DEFAULT_MENU_WIDTH = 230;
 const DRAG_HANDLE_OFFSET_PADDING = 5;
 const PopupWithListeners = withReactEditorViewOuterListeners(Popup);
 const BlockMenuContent = ({
@@ -96,8 +97,9 @@ const BlockMenu = ({
   const targetHandleRef = editorView === null || editorView === void 0 ? void 0 : (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(DRAG_HANDLE_SELECTOR);
   if (targetHandleRef instanceof HTMLElement) {
     return /*#__PURE__*/React.createElement(PopupWithListeners, {
-      alignX: 'left',
-      alignY: 'start',
+      alignX: 'right',
+      alignY: 'start' // respected when forcePlacement is true
+      ,
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
       mountTo: mountTo,
@@ -105,7 +107,10 @@ const BlockMenu = ({
       scrollableElement: scrollableElement,
       target: targetHandleRef,
       zIndex: akEditorFloatingOverlapPanelZIndex,
+      fitWidth: DEFAULT_MENU_WIDTH,
       forcePlacement: true,
+      preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
+      ,
       stick: true,
       offset: [DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
     }, /*#__PURE__*/React.createElement(BlockMenuContent, {

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

@@ -0,0 +1,24 @@
+import React, { useCallback } from 'react';
+import { useIntl, injectIntl } from 'react-intl-next';
+import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import LinkIcon from '@atlaskit/icon/core/link';
+import { copyLink } from './utils/copyLink';
+const CopyLinkDropdownItemContent = ({
+  api,
+  config
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const handleClick = useCallback(() => {
+    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]);
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    onClick: handleClick,
+    elemBefore: /*#__PURE__*/React.createElement(LinkIcon, {
+      label: ""
+    })
+  }, formatMessage(messages.copyLink));
+};
+export const CopyLinkDropdownItem = injectIntl(CopyLinkDropdownItemContent);

package/dist/es2019/ui/utils/copyLink.js

@@ -0,0 +1,31 @@
+import { copyToClipboard } from '@atlaskit/editor-common/clipboard';
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables';
+export const copyLink = async (getLinkPath, blockQueryParam = 'block', api) => {
+  try {
+    var _api$selection, _api$selection$shared;
+    let node;
+    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.currentState()) === null || _api$selection$shared === void 0 ? void 0 : _api$selection$shared.selection;
+    if (selection instanceof NodeSelection && selection.node) {
+      node = selection.node;
+    } else if (selection instanceof TextSelection) {
+      node = selection.$from.node();
+    } else if (selection instanceof CellSelection) {
+      node = selection.$anchorCell.node(-1);
+    }
+    if (!node || !node.attrs || !node.attrs.localId) {
+      return false;
+    }
+    const path = (getLinkPath === null || getLinkPath === void 0 ? void 0 : getLinkPath()) || location.pathname;
+    if (!path) {
+      return false;
+    }
+    const url = new URL(location.origin + path);
+    url.searchParams.set(blockQueryParam, node.attrs.localId);
+    const href = url.toString();
+    await copyToClipboard(href);
+    return true;
+  } catch (e) {
+    return false;
+  }
+};

package/dist/esm/blockMenuPlugin.js

@@ -4,9 +4,13 @@ import { createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 export var blockMenuPlugin = function blockMenuPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    config = _ref.config;
   var registry = createBlockMenuRegistry();
-  registry.register(getBlockMenuComponents(api));
+  registry.register(getBlockMenuComponents({
+    api: api,
+    config: config
+  }));
   return {
     name: 'blockMenu',
     pmPlugins: function pmPlugins() {

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

@@ -1,13 +1,13 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { ToolbarDropdownItem, ToolbarDropdownItemSection, ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
-import JiraIcon from '@atlaskit/icon-lab/core/jira';
 import ChangesIcon from '@atlaskit/icon/core/changes';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
 import TaskIcon from '@atlaskit/icon/core/task';
 import CopyBlockMenuItem from './copy-block';
+import { CopyLinkDropdownItem } from './copy-link';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
 var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(api) {
@@ -43,21 +43,23 @@ var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(a
     }
   }];
 };
-export var getBlockMenuComponents = function getBlockMenuComponents(api) {
+export var getBlockMenuComponents = function getBlockMenuComponents(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
   return [{
     type: 'block-menu-section',
     key: 'block-menu-section-format',
     rank: 100,
-    component: function component(_ref) {
-      var children = _ref.children;
+    component: function component(_ref2) {
+      var children = _ref2.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
     }
   }, {
     type: 'block-menu-section',
     key: 'block-menu-section-copy',
     rank: 200,
-    component: function component(_ref2) {
-      var children = _ref2.children;
+    component: function component(_ref3) {
+      var children = _ref3.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -75,12 +77,26 @@ export var getBlockMenuComponents = function getBlockMenuComponents(api) {
         api: api
       });
     }
+  }, {
+    type: 'block-menu-item',
+    key: 'block-menu-item-copy-link',
+    parent: {
+      type: 'block-menu-section',
+      key: 'block-menu-section-copy',
+      rank: 100
+    },
+    component: function component() {
+      return /*#__PURE__*/React.createElement(CopyLinkDropdownItem, {
+        api: api,
+        config: config
+      });
+    }
   }, {
     type: 'block-menu-section',
     key: 'block-menu-section-move-up-down',
     rank: 300,
-    component: function component(_ref3) {
-      var children = _ref3.children;
+    component: function component(_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -89,8 +105,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(api) {
     type: 'block-menu-section',
     key: 'block-menu-section-delete',
     rank: 400,
-    component: function component(_ref4) {
-      var children = _ref4.children;
+    component: function component(_ref5) {
+      var children = _ref5.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -122,21 +138,6 @@ export var getBlockMenuComponents = function getBlockMenuComponents(api) {
         })
       }, "Bullet list")));
     }
-  }, {
-    type: 'block-menu-item',
-    key: 'block-menu-item-create-jira',
-    parent: {
-      type: 'block-menu-section',
-      key: 'block-menu-section-format',
-      rank: 200
-    },
-    component: function component() {
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-        elemBefore: /*#__PURE__*/React.createElement(JiraIcon, {
-          label: ""
-        })
-      }, "Create Jira work item");
-    }
   }].concat(_toConsumableArray(getMoveUpMoveDownMenuComponents(api)), [{
     type: 'block-menu-item',
     key: 'block-menu-item-delete',

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

@@ -15,6 +15,7 @@ import { BlockMenuRenderer } from './block-menu-renderer';
 var styles = {
   base: "_2rkoglpi _bfhk1bhr _16qs1cd0"
 };
+var DEFAULT_MENU_WIDTH = 230;
 var DRAG_HANDLE_OFFSET_PADDING = 5;
 var PopupWithListeners = withReactEditorViewOuterListeners(Popup);
 var BlockMenuContent = function BlockMenuContent(_ref) {
@@ -98,8 +99,9 @@ var BlockMenu = function BlockMenu(_ref2) {
   var targetHandleRef = editorView === null || editorView === void 0 || (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(DRAG_HANDLE_SELECTOR);
   if (targetHandleRef instanceof HTMLElement) {
     return /*#__PURE__*/React.createElement(PopupWithListeners, {
-      alignX: 'left',
-      alignY: 'start',
+      alignX: 'right',
+      alignY: 'start' // respected when forcePlacement is true
+      ,
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
       mountTo: mountTo,
@@ -107,7 +109,10 @@ var BlockMenu = function BlockMenu(_ref2) {
       scrollableElement: scrollableElement,
       target: targetHandleRef,
       zIndex: akEditorFloatingOverlapPanelZIndex,
+      fitWidth: DEFAULT_MENU_WIDTH,
       forcePlacement: true,
+      preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
+      ,
       stick: true,
       offset: [DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
     }, /*#__PURE__*/React.createElement(BlockMenuContent, {

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

@@ -0,0 +1,22 @@
+import React, { useCallback } from 'react';
+import { useIntl, injectIntl } from 'react-intl-next';
+import { blockMenuMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import LinkIcon from '@atlaskit/icon/core/link';
+import { copyLink } from './utils/copyLink';
+var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var handleClick = useCallback(function () {
+    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]);
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    onClick: handleClick,
+    elemBefore: /*#__PURE__*/React.createElement(LinkIcon, {
+      label: ""
+    })
+  }, formatMessage(messages.copyLink));
+};
+export var CopyLinkDropdownItem = injectIntl(CopyLinkDropdownItemContent);

package/dist/esm/ui/utils/copyLink.js

@@ -0,0 +1,64 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { copyToClipboard } from '@atlaskit/editor-common/clipboard';
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables';
+export var copyLink = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(getLinkPath) {
+    var blockQueryParam,
+      api,
+      _api$selection,
+      node,
+      selection,
+      path,
+      url,
+      href,
+      _args = arguments;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          blockQueryParam = _args.length > 1 && _args[1] !== undefined ? _args[1] : 'block';
+          api = _args.length > 2 ? _args[2] : undefined;
+          _context.prev = 2;
+          selection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.sharedState.currentState()) === null || _api$selection === void 0 ? void 0 : _api$selection.selection;
+          if (selection instanceof NodeSelection && selection.node) {
+            node = selection.node;
+          } else if (selection instanceof TextSelection) {
+            node = selection.$from.node();
+          } else if (selection instanceof CellSelection) {
+            node = selection.$anchorCell.node(-1);
+          }
+          if (!(!node || !node.attrs || !node.attrs.localId)) {
+            _context.next = 7;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 7:
+          path = (getLinkPath === null || getLinkPath === void 0 ? void 0 : getLinkPath()) || location.pathname;
+          if (path) {
+            _context.next = 10;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 10:
+          url = new URL(location.origin + path);
+          url.searchParams.set(blockQueryParam, node.attrs.localId);
+          href = url.toString();
+          _context.next = 15;
+          return copyToClipboard(href);
+        case 15:
+          return _context.abrupt("return", true);
+        case 18:
+          _context.prev = 18;
+          _context.t0 = _context["catch"](2);
+          return _context.abrupt("return", false);
+        case 21:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 18]]);
+  }));
+  return function copyLink(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/types/blockMenuPluginType.d.ts

@@ -8,11 +8,23 @@ export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
         OptionalPlugin<UserIntentPlugin>,
         OptionalPlugin<SelectionPlugin>
     ];
+    pluginConfiguration?: BlockMenuPluginOptions;
     actions: {
         registerBlockMenuComponents: (blockMenuComponents: Array<RegisterBlockMenuComponent>) => void;
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
     };
 }>;
+export type BlockMenuPluginOptions = {
+    /**
+     * Optional function to retrieve the current link path for the editor context.
+     * @returns The current link path as a string, or null if no path is available
+     */
+    getLinkPath?: () => string | null;
+    /**
+     * Optional query parameter name used for block-specific URL to create a deep link to specific block
+     */
+    blockQueryParam?: string;
+};
 type WithRank<T> = T & {
     rank: number;
 };

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
 export { blockMenuPlugin } from './blockMenuPlugin';
-export type { BlockMenuPlugin, RegisterBlockMenuComponent, Parent } from './blockMenuPluginType';
+export type { BlockMenuPlugin, RegisterBlockMenuComponent, Parent, BlockMenuPluginOptions, } from './blockMenuPluginType';

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

@@ -1,4 +1,7 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '../blockMenuPluginType';
+import type { BlockMenuPlugin, BlockMenuPluginOptions } from '../blockMenuPluginType';
 import { type RegisterBlockMenuComponent } from '../blockMenuPluginType';
-export declare const getBlockMenuComponents: (api: ExtractInjectionAPI<BlockMenuPlugin> | undefined) => RegisterBlockMenuComponent[];
+export declare const getBlockMenuComponents: ({ api, config, }: {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    config: BlockMenuPluginOptions | undefined;
+}) => RegisterBlockMenuComponent[];

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

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

package/dist/types/ui/utils/copyLink.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../../blockMenuPluginType';
+export declare const copyLink: (getLinkPath?: () => string | null, blockQueryParam?: string, api?: ExtractInjectionAPI<BlockMenuPlugin>) => Promise<boolean>;

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

@@ -8,11 +8,23 @@ export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
         OptionalPlugin<UserIntentPlugin>,
         OptionalPlugin<SelectionPlugin>
     ];
+    pluginConfiguration?: BlockMenuPluginOptions;
     actions: {
         registerBlockMenuComponents: (blockMenuComponents: Array<RegisterBlockMenuComponent>) => void;
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
     };
 }>;
+export type BlockMenuPluginOptions = {
+    /**
+     * Optional function to retrieve the current link path for the editor context.
+     * @returns The current link path as a string, or null if no path is available
+     */
+    getLinkPath?: () => string | null;
+    /**
+     * Optional query parameter name used for block-specific URL to create a deep link to specific block
+     */
+    blockQueryParam?: string;
+};
 type WithRank<T> = T & {
     rank: number;
 };

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

@@ -1,2 +1,2 @@
 export { blockMenuPlugin } from './blockMenuPlugin';
-export type { BlockMenuPlugin, RegisterBlockMenuComponent, Parent } from './blockMenuPluginType';
+export type { BlockMenuPlugin, RegisterBlockMenuComponent, Parent, BlockMenuPluginOptions, } from './blockMenuPluginType';

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

@@ -1,4 +1,7 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockMenuPlugin } from '../blockMenuPluginType';
+import type { BlockMenuPlugin, BlockMenuPluginOptions } from '../blockMenuPluginType';
 import { type RegisterBlockMenuComponent } from '../blockMenuPluginType';
-export declare const getBlockMenuComponents: (api: ExtractInjectionAPI<BlockMenuPlugin> | undefined) => RegisterBlockMenuComponent[];
+export declare const getBlockMenuComponents: ({ api, config, }: {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    config: BlockMenuPluginOptions | undefined;
+}) => RegisterBlockMenuComponent[];

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

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

package/dist/types-ts4.5/ui/utils/copyLink.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../../blockMenuPluginType';
+export declare const copyLink: (getLinkPath?: () => string | null, blockQueryParam?: string, api?: ExtractInjectionAPI<BlockMenuPlugin>) => Promise<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "0.0.7",
+	"version": "0.0.9",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,7 +46,7 @@
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},