@atlaskit/editor-common 102.10.3 → 102.11.0

package/dist/es2019/floating-toolbar/DropdownMenuItem.js

@@ -0,0 +1,196 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
+import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
+import { ButtonItem } from '@atlaskit/menu';
+import Tooltip from '@atlaskit/tooltip';
+import { messages } from '../floating-toolbar';
+export const menuItemDimensions = {
+  width: 175,
+  height: 32
+};
+const labelStyles = css({
+  display: 'inline-block',
+  width: '100%'
+});
+const spacerStyles = css({
+  display: 'flex',
+  flex: 1,
+  padding: "var(--ds-space-100, 8px)"
+});
+
+// Extend the ButtonItem component type to allow mouse events to be accepted from the Typescript check
+
+const DropdownButtonItem = ButtonItem;
+const SelectedIconBefore = ({
+  itemSelected,
+  intl,
+  showSelected
+}) => {
+  if (showSelected && itemSelected) {
+    return jsx("span", {
+      "aria-hidden": "true"
+    }, jsx(EditorDoneIcon, {
+      LEGACY_primaryColor: "var(--ds-icon-selected, #0C66E4)",
+      LEGACY_size: "small",
+      label: intl.formatMessage(messages.confirmModalOK),
+      spacing: "none"
+    }));
+  }
+  return jsx("span", {
+    css: spacerStyles
+  });
+};
+export const DropdownMenuItem = props => {
+  const {
+    item,
+    hide,
+    dispatchCommand,
+    editorView,
+    showSelected,
+    intl
+  } = props;
+  const itemSelected = item.selected;
+  const iconBefore = useMemo(() => {
+    if (item.icon) {
+      return item.icon;
+    } else {
+      return jsx(SelectedIconBefore, {
+        itemSelected: itemSelected,
+        showSelected: showSelected,
+        intl: intl
+      });
+    }
+  }, [itemSelected, showSelected, intl, item.icon]);
+  const [tooltipContent, setTooltipContent] = useState(item.tooltip || '');
+  const handleItemMouseOut = useCallback(() => {
+    setTooltipContent('');
+    if (item.onMouseOut) {
+      dispatchCommand(item.onMouseOut);
+    }
+  }, [item.onMouseOut, dispatchCommand]);
+  const handleItemMouseDown = useCallback(e => {
+    e.preventDefault(); // ED-16204 - This is needed for safari to get handleItemClick() to work
+    if (item.onMouseDown) {
+      dispatchCommand(item.onMouseDown);
+    }
+  }, [item.onMouseDown, dispatchCommand]);
+  const handleItemMouseOver = useCallback(() => {
+    setTooltipContent(item.tooltip || '');
+    if (item.onMouseOver) {
+      dispatchCommand(item.onMouseOver);
+    }
+  }, [item.tooltip, item.onMouseOver, dispatchCommand]);
+  const handleItemMouseEnter = useCallback(e => {
+    if (item.onMouseEnter) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseEnter);
+    }
+  }, [item.onMouseEnter, dispatchCommand]);
+  const handleItemMouseLeave = useCallback(e => {
+    if (item.onMouseLeave) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseLeave);
+    }
+  }, [item.onMouseLeave, dispatchCommand]);
+  const handleItemOnFocus = useCallback(e => {
+    if (item.onFocus) {
+      e.preventDefault();
+      dispatchCommand(item.onFocus);
+    }
+  }, [item.onFocus, dispatchCommand]);
+  const handleItemOnBlur = useCallback(e => {
+    if (item.onBlur) {
+      e.preventDefault();
+      dispatchCommand(item.onBlur);
+    }
+  }, [item.onBlur, dispatchCommand]);
+  const handleItemClick = useCallback(() => {
+    /**
+     * The order of dispatching the event and hide() is important, because
+     * the ClickAreaBlock will be relying on the element to calculate the
+     * click coordinate.
+     * For more details, please visit the comment in this PR https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5328/edm-1321-set-selection-near-smart-link?link_source=email#chg-packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
+     */
+    dispatchCommand(item.onClick);
+    hide();
+    if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
+      editorView === null || editorView === void 0 ? void 0 : editorView.focus();
+    }
+  }, [dispatchCommand, item.onClick, hide, editorView]);
+
+  /* ED-16704 - Native mouse event handler to overcome firefox issue on disabled <button> - https://github.com/whatwg/html/issues/5886 */
+  const labelRef = useRef(null);
+  const handleTitleWrapperMouseEvent = useCallback(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  e => {
+    if (item.disabled) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, [item.disabled]);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const isAriaChecked = item => {
+    const {
+      selected,
+      domItemOptions
+    } = item;
+    return (domItemOptions === null || domItemOptions === void 0 ? void 0 : domItemOptions.type) === 'item-checkbox' ? selected : undefined;
+  };
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const hasRole = item => {
+    var _item$domItemOptions;
+    return ((_item$domItemOptions = item.domItemOptions) === null || _item$domItemOptions === void 0 ? void 0 : _item$domItemOptions.type) === 'item-checkbox' ? 'menuitemcheckbox' : undefined;
+  };
+  useEffect(() => {
+    const labelRefCurrent = labelRef.current;
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.addEventListener('click', handleTitleWrapperMouseEvent);
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.addEventListener('mousedown', handleTitleWrapperMouseEvent);
+    return () => {
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('click', handleTitleWrapperMouseEvent);
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
+    };
+  });
+  const itemContent = jsx(DropdownButtonItem, {
+    isSelected: itemSelected,
+    iconBefore: iconBefore,
+    iconAfter: item.elemAfter,
+    onClick: handleItemClick,
+    "data-testid": item.testId,
+    isDisabled: item.disabled,
+    onMouseDown: handleItemMouseDown,
+    onMouseOver: handleItemMouseOver,
+    onMouseEnter: handleItemMouseEnter,
+    onMouseLeave: handleItemMouseLeave,
+    onMouseOut: handleItemMouseOut,
+    onFocus: handleItemOnFocus,
+    onBlur: handleItemOnBlur,
+    role: hasRole(item),
+    "aria-checked": isAriaChecked(item)
+  }, jsx("span", {
+    ref: labelRef,
+    css: labelStyles
+  }, item.title));
+  if (tooltipContent) {
+    return jsx(Tooltip, {
+      content: tooltipContent
+    }, itemContent);
+  }
+  return itemContent;
+};

package/dist/es2019/floating-toolbar/index.js

@@ -102,5 +102,7 @@ export const areSameItems = (leftArr, rightArr) => {
   return leftArr.every((item, index) => isSameItem(rightArr[index], item));
 };
 
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { DropdownMenuExtensionItems } from './DropdownMenuExtensionItems';
+export { DropdownMenuItem } from './DropdownMenuItem';
 export { default as messages } from './messages';

package/dist/es2019/messages/index.js

@@ -82,6 +82,11 @@ export default defineMessages({
     defaultMessage: 'Align left',
     description: 'Aligns image to the left'
   },
+  delete: {
+    id: 'fabric.editor.delete',
+    defaultMessage: 'Delete',
+    description: 'Delete the element (image, panel, table, etc.) from your document'
+  },
   remove: {
     id: 'fabric.editor.remove',
     defaultMessage: 'Remove',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "102.10.3";
+const packageVersion = "102.11.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "102.10.3";
+const packageVersion = "102.11.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/floating-toolbar/DropdownMenuExtensionItems.js

@@ -0,0 +1,193 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import Loadable from 'react-loadable';
+import { getContextualToolbarItemsFromModule } from '../extensions';
+import { nodeToJSON } from '../utils';
+import { DropdownMenuItem } from './DropdownMenuItem';
+var noop = function noop() {
+  return null;
+};
+var isDefaultExport = function isDefaultExport(mod) {
+  return mod.hasOwnProperty('default');
+};
+var resolveExtensionIcon = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(getIcon) {
+    var maybeIcon;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (getIcon) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", noop);
+        case 2:
+          _context.next = 4;
+          return getIcon();
+        case 4:
+          maybeIcon = _context.sent;
+          return _context.abrupt("return", isDefaultExport(maybeIcon) ? maybeIcon.default : maybeIcon);
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function resolveExtensionIcon(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var convertExtensionToDropdownMenuItem = function convertExtensionToDropdownMenuItem(_ref2) {
+  var item = _ref2.item,
+    disabled = _ref2.disabled,
+    node = _ref2.node,
+    extension = _ref2.extension;
+  var ButtonIcon = item.icon ? Loadable({
+    // Ignored via go/ees005
+    // eslint-disable-next-line require-await
+    loader: function () {
+      var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", resolveExtensionIcon(item.icon));
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function loader() {
+        return _loader.apply(this, arguments);
+      }
+      return loader;
+    }(),
+    loading: noop
+  }) : undefined;
+  var title = '';
+  if (item.label) {
+    title = item.label;
+  } else if (typeof item.tooltip === 'string') {
+    title = item.tooltip;
+  } else if (item.ariaLabel) {
+    title = item.ariaLabel;
+  }
+  item.disabled = (disabled === null || disabled === void 0 ? void 0 : disabled(item.key)) || false;
+  return {
+    title: title,
+    icon: ButtonIcon ? /*#__PURE__*/React.createElement(ButtonIcon, {
+      label: item.label || ''
+    }) : undefined,
+    disabled: item.disabled,
+    onClick: function onClick() {
+      if (typeof item.action !== 'function') {
+        throw new Error("'action' of context toolbar item '".concat(item.key, "' is not a function"));
+      }
+      var targetNodeAdf = nodeToJSON(node);
+      extension.extensionApi && item.action(targetNodeAdf, extension.extensionApi);
+      return true;
+    }
+  };
+};
+var DropdownMenuExtensionItem = function DropdownMenuExtensionItem(_ref3) {
+  var item = _ref3.item,
+    editorView = _ref3.editorView,
+    disabled = _ref3.disabled,
+    node = _ref3.node,
+    extension = _ref3.extension,
+    dropdownOptions = _ref3.dropdownOptions;
+  var dropdownItem = convertExtensionToDropdownMenuItem({
+    item: item,
+    disabled: disabled,
+    node: node,
+    extension: extension
+  });
+  if (!dropdownItem) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    key: item.key,
+    item: dropdownItem,
+    editorView: editorView,
+    hide: dropdownOptions.hide,
+    dispatchCommand: dropdownOptions.dispatchCommand,
+    showSelected: dropdownOptions.showSelected,
+    intl: dropdownOptions.intl
+  });
+};
+export var DropdownMenuExtensionItems = function DropdownMenuExtensionItems(props) {
+  var node = props.node,
+    editorView = props.editorView,
+    extension = props.extension,
+    disabled = props.disabled,
+    dropdownOptions = props.dropdownOptions;
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    extensions = _useState2[0],
+    setExtensions = _useState2[1];
+  useEffect(function () {
+    getExtensions();
+    function getExtensions() {
+      return _getExtensions.apply(this, arguments);
+    }
+    function _getExtensions() {
+      _getExtensions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var provider;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return extension.extensionProvider;
+            case 2:
+              provider = _context3.sent;
+              if (!provider) {
+                _context3.next = 9;
+                break;
+              }
+              _context3.t0 = setExtensions;
+              _context3.next = 7;
+              return provider.getExtensions();
+            case 7:
+              _context3.t1 = _context3.sent;
+              (0, _context3.t0)(_context3.t1);
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return _getExtensions.apply(this, arguments);
+    }
+  }, [extension.extensionProvider]);
+  var nodeAdf = React.useMemo(function () {
+    return nodeToJSON(node);
+  }, [node]);
+  var extensionItems = React.useMemo(function () {
+    if (!extension.extensionApi) {
+      return [];
+    }
+    return getContextualToolbarItemsFromModule(extensions, nodeAdf, extension.extensionApi);
+  }, [extensions, nodeAdf, extension.extensionApi]);
+  if (!extensionItems.length || !dropdownOptions) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, extensionItems.map(function (item, idx) {
+    if (!('key' in item)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(DropdownMenuExtensionItem, {
+      key: item.key,
+      item: item,
+      editorView: editorView,
+      disabled: disabled,
+      node: node,
+      extension: extension,
+      dropdownOptions: dropdownOptions
+    });
+  }));
+};

package/dist/esm/floating-toolbar/DropdownMenuItem.js

@@ -0,0 +1,195 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
+import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
+import { ButtonItem } from '@atlaskit/menu';
+import Tooltip from '@atlaskit/tooltip';
+import { messages } from '../floating-toolbar';
+export var menuItemDimensions = {
+  width: 175,
+  height: 32
+};
+var labelStyles = css({
+  display: 'inline-block',
+  width: '100%'
+});
+var spacerStyles = css({
+  display: 'flex',
+  flex: 1,
+  padding: "var(--ds-space-100, 8px)"
+});
+
+// Extend the ButtonItem component type to allow mouse events to be accepted from the Typescript check
+
+var DropdownButtonItem = ButtonItem;
+var SelectedIconBefore = function SelectedIconBefore(_ref) {
+  var itemSelected = _ref.itemSelected,
+    intl = _ref.intl,
+    showSelected = _ref.showSelected;
+  if (showSelected && itemSelected) {
+    return jsx("span", {
+      "aria-hidden": "true"
+    }, jsx(EditorDoneIcon, {
+      LEGACY_primaryColor: "var(--ds-icon-selected, #0C66E4)",
+      LEGACY_size: "small",
+      label: intl.formatMessage(messages.confirmModalOK),
+      spacing: "none"
+    }));
+  }
+  return jsx("span", {
+    css: spacerStyles
+  });
+};
+export var DropdownMenuItem = function DropdownMenuItem(props) {
+  var item = props.item,
+    hide = props.hide,
+    dispatchCommand = props.dispatchCommand,
+    editorView = props.editorView,
+    showSelected = props.showSelected,
+    intl = props.intl;
+  var itemSelected = item.selected;
+  var iconBefore = useMemo(function () {
+    if (item.icon) {
+      return item.icon;
+    } else {
+      return jsx(SelectedIconBefore, {
+        itemSelected: itemSelected,
+        showSelected: showSelected,
+        intl: intl
+      });
+    }
+  }, [itemSelected, showSelected, intl, item.icon]);
+  var _useState = useState(item.tooltip || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltipContent = _useState2[0],
+    setTooltipContent = _useState2[1];
+  var handleItemMouseOut = useCallback(function () {
+    setTooltipContent('');
+    if (item.onMouseOut) {
+      dispatchCommand(item.onMouseOut);
+    }
+  }, [item.onMouseOut, dispatchCommand]);
+  var handleItemMouseDown = useCallback(function (e) {
+    e.preventDefault(); // ED-16204 - This is needed for safari to get handleItemClick() to work
+    if (item.onMouseDown) {
+      dispatchCommand(item.onMouseDown);
+    }
+  }, [item.onMouseDown, dispatchCommand]);
+  var handleItemMouseOver = useCallback(function () {
+    setTooltipContent(item.tooltip || '');
+    if (item.onMouseOver) {
+      dispatchCommand(item.onMouseOver);
+    }
+  }, [item.tooltip, item.onMouseOver, dispatchCommand]);
+  var handleItemMouseEnter = useCallback(function (e) {
+    if (item.onMouseEnter) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseEnter);
+    }
+  }, [item.onMouseEnter, dispatchCommand]);
+  var handleItemMouseLeave = useCallback(function (e) {
+    if (item.onMouseLeave) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseLeave);
+    }
+  }, [item.onMouseLeave, dispatchCommand]);
+  var handleItemOnFocus = useCallback(function (e) {
+    if (item.onFocus) {
+      e.preventDefault();
+      dispatchCommand(item.onFocus);
+    }
+  }, [item.onFocus, dispatchCommand]);
+  var handleItemOnBlur = useCallback(function (e) {
+    if (item.onBlur) {
+      e.preventDefault();
+      dispatchCommand(item.onBlur);
+    }
+  }, [item.onBlur, dispatchCommand]);
+  var handleItemClick = useCallback(function () {
+    /**
+     * The order of dispatching the event and hide() is important, because
+     * the ClickAreaBlock will be relying on the element to calculate the
+     * click coordinate.
+     * For more details, please visit the comment in this PR https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5328/edm-1321-set-selection-near-smart-link?link_source=email#chg-packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
+     */
+    dispatchCommand(item.onClick);
+    hide();
+    if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
+      editorView === null || editorView === void 0 || editorView.focus();
+    }
+  }, [dispatchCommand, item.onClick, hide, editorView]);
+
+  /* ED-16704 - Native mouse event handler to overcome firefox issue on disabled <button> - https://github.com/whatwg/html/issues/5886 */
+  var labelRef = useRef(null);
+  var handleTitleWrapperMouseEvent = useCallback(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  function (e) {
+    if (item.disabled) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, [item.disabled]);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var isAriaChecked = function isAriaChecked(item) {
+    var selected = item.selected,
+      domItemOptions = item.domItemOptions;
+    return (domItemOptions === null || domItemOptions === void 0 ? void 0 : domItemOptions.type) === 'item-checkbox' ? selected : undefined;
+  };
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var hasRole = function hasRole(item) {
+    var _item$domItemOptions;
+    return ((_item$domItemOptions = item.domItemOptions) === null || _item$domItemOptions === void 0 ? void 0 : _item$domItemOptions.type) === 'item-checkbox' ? 'menuitemcheckbox' : undefined;
+  };
+  useEffect(function () {
+    var labelRefCurrent = labelRef.current;
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    labelRefCurrent === null || labelRefCurrent === void 0 || labelRefCurrent.addEventListener('click', handleTitleWrapperMouseEvent);
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    labelRefCurrent === null || labelRefCurrent === void 0 || labelRefCurrent.addEventListener('mousedown', handleTitleWrapperMouseEvent);
+    return function () {
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      labelRefCurrent === null || labelRefCurrent === void 0 || labelRefCurrent.removeEventListener('click', handleTitleWrapperMouseEvent);
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      labelRefCurrent === null || labelRefCurrent === void 0 || labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
+    };
+  });
+  var itemContent = jsx(DropdownButtonItem, {
+    isSelected: itemSelected,
+    iconBefore: iconBefore,
+    iconAfter: item.elemAfter,
+    onClick: handleItemClick,
+    "data-testid": item.testId,
+    isDisabled: item.disabled,
+    onMouseDown: handleItemMouseDown,
+    onMouseOver: handleItemMouseOver,
+    onMouseEnter: handleItemMouseEnter,
+    onMouseLeave: handleItemMouseLeave,
+    onMouseOut: handleItemMouseOut,
+    onFocus: handleItemOnFocus,
+    onBlur: handleItemOnBlur,
+    role: hasRole(item),
+    "aria-checked": isAriaChecked(item)
+  }, jsx("span", {
+    ref: labelRef,
+    css: labelStyles
+  }, item.title));
+  if (tooltipContent) {
+    return jsx(Tooltip, {
+      content: tooltipContent
+    }, itemContent);
+  }
+  return itemContent;
+};

package/dist/esm/floating-toolbar/index.js

@@ -117,5 +117,7 @@ export var areSameItems = function areSameItems(leftArr, rightArr) {
   });
 };
 
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { DropdownMenuExtensionItems } from './DropdownMenuExtensionItems';
+export { DropdownMenuItem } from './DropdownMenuItem';
 export { default as messages } from './messages';

package/dist/esm/messages/index.js

@@ -82,6 +82,11 @@ export default defineMessages({
     defaultMessage: 'Align left',
     description: 'Aligns image to the left'
   },
+  delete: {
+    id: 'fabric.editor.delete',
+    defaultMessage: 'Delete',
+    description: 'Delete the element (image, panel, table, etc.) from your document'
+  },
   remove: {
     id: 'fabric.editor.remove',
     defaultMessage: 'Remove',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "102.10.3";
+var packageVersion = "102.11.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.10.3";
+var packageVersion = "102.11.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005