@atlaskit/editor-common 121.2.2 → 121.2.3

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -5,7 +5,7 @@ import React, { Component, useEffect, useLayoutEffect, useRef, useState } from '
 import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
+import { getExtensionModuleNode, getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
 import Extension from './Extension/Extension';
 import { isEmptyBodiedMacro } from './Extension/Extension/extension-utils';
@@ -56,6 +56,8 @@ class ExtensionComponentInner extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "privatePropsParsed", false);
+    _defineProperty(this, "configureAffordanceResolved", false);
+    _defineProperty(this, "isUnmounted", false);
     _defineProperty(this, "state", {});
     // memoized to avoid rerender on extension state changes
     _defineProperty(this, "getNodeRenderer", memoizeOne(getNodeRenderer));
@@ -101,6 +103,76 @@ class ExtensionComponentInner extends Component {
         /** We keep rendering the default content */
       }
     });
+    /**
+     * Decides whether the "Configure {name}" lozenge label should be hidden for this node.
+     *
+     * Mirrors how the floating toolbar decides to show its edit button (see
+     * `shouldShowEditButton` and `updateEditButton` in `editor-plugin-extension`):
+     * - a legacy function handler is configurable via the macro browser;
+     * - an object handler is configurable only if it defines `update`;
+     * - otherwise the node module from the extension provider decides via its optional `update`.
+     * Nodes with no way to be configured get no Configure affordance. Anything we cannot
+     * resolve keeps the label, which is the pre-existing behaviour.
+     *
+     * The result is resolved once per node and held in state rather than derived on each render
+     * because the provider path is asynchronous: `getExtensionModuleNode` goes through
+     * `extensionProvider.getExtension`, which returns a Promise. Deriving the synchronous handler
+     * branches in render while the provider branch stays async would let the same node flip
+     * between answers, and would re-run the manifest lookup on every hover re-render. One
+     * resolution keeps the label stable and cheap.
+     */
+    _defineProperty(this, "resolveConfigureAffordanceIfNeeded", async () => {
+      if (this.configureAffordanceResolved || !fg('platform_editor_hide_configure_lozenge_non_configurable')) {
+        return;
+      }
+      const {
+        extensionHandlers,
+        extensionProvider,
+        node
+      } = this.props;
+      const {
+        extensionType,
+        extensionKey
+      } = node.attrs;
+      const extensionHandler = extensionHandlers === null || extensionHandlers === void 0 ? void 0 : extensionHandlers[extensionType];
+      if (typeof extensionHandler === 'function') {
+        // Legacy macro browser: configurable, keep the label.
+        this.configureAffordanceResolved = true;
+        return;
+      }
+      if (extensionHandler && typeof extensionHandler === 'object') {
+        this.configureAffordanceResolved = true;
+        if (typeof extensionHandler.update !== 'function') {
+          this.setState({
+            hideConfigureLabel: true
+          });
+        }
+        return;
+      }
+      if (!extensionProvider) {
+        // No handler and no provider yet. The provider usually arrives asynchronously, so try
+        // again from componentDidUpdate. If none ever arrives this is the legacy macro browser
+        // path, which is configurable, so leaving the label is correct.
+        return;
+      }
+      this.configureAffordanceResolved = true;
+      try {
+        const extensionModuleNode = await getExtensionModuleNode(extensionProvider, extensionType, extensionKey);
+        if (this.isUnmounted) {
+          return;
+        }
+        if (typeof (extensionModuleNode === null || extensionModuleNode === void 0 ? void 0 : extensionModuleNode.update) !== 'function') {
+          this.setState({
+            hideConfigureLabel: true
+          });
+        }
+      } catch (e) {
+        // Manifest lookups can throw (unknown extension, malformed manifest). Keep the label,
+        // which matches the toolbar failing silently and keeping its default. Not logged here on
+        // purpose: parsePrivateNodePropsIfNeeded runs the same lookup for the same node and already
+        // console.errors the failure, so a second log would double up per unknown extension.
+      }
+    });
     _defineProperty(this, "handleExtension", (pmNode, actions) => {
       var _pmNode$marks, _pmNode$marks$find, _pmNode$marks$find$at, _result;
       const {
@@ -172,8 +244,15 @@ class ExtensionComponentInner extends Component {
       return (_result = result) !== null && _result !== void 0 ? _result : loadingFallback;
     });
   }
+  componentDidMount() {
+    this.resolveConfigureAffordanceIfNeeded();
+  }
   componentDidUpdate() {
     this.parsePrivateNodePropsIfNeeded();
+    this.resolveConfigureAffordanceIfNeeded();
+  }
+  componentWillUnmount() {
+    this.isUnmounted = true;
   }
   render() {
     var _this$state$_privateP2;
@@ -219,7 +298,8 @@ class ExtensionComponentInner extends Component {
         isNodeNested: isNodeNested,
         setIsNodeHovered: this.setIsNodeHovered,
         isLivePageViewMode: isLivePageViewMode,
-        allowBodiedOverride: allowBodiedOverride
+        allowBodiedOverride: allowBodiedOverride,
+        hideConfigureLabel: this.state.hideConfigureLabel
       });
     }
     const extensionHandlerResult = this.tryExtensionHandler(undefined);
@@ -234,6 +314,7 @@ class ExtensionComponentInner extends Component {
           handleContentDOMRef: handleContentDOMRef,
           view: editorView,
           editorAppearance: editorAppearance,
+          hideConfigureLabel: this.state.hideConfigureLabel,
           hideFrame: (_this$state$_privateP2 = this.state._privateProps) === null || _this$state$_privateP2 === void 0 ? void 0 : _this$state$_privateP2.__hideFrame,
           pluginInjectionApi: pluginInjectionApi,
           macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
@@ -251,7 +332,8 @@ class ExtensionComponentInner extends Component {
           macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
           isNodeSelected: selectedNode === node,
           pluginInjectionApi: pluginInjectionApi,
-          isLivePageViewMode: isLivePageViewMode
+          isLivePageViewMode: isLivePageViewMode,
+          hideConfigureLabel: this.state.hideConfigureLabel
         }, extensionHandlerResult);
       default:
         return null;

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -208,7 +208,8 @@ const MultiBodiedExtensionWithWidth = ({
   setIsNodeHovered,
   pluginInjectionApi,
   isLivePageViewMode,
-  allowBodiedOverride = false
+  allowBodiedOverride = false,
+  hideConfigureLabel
 }) => {
   const {
     showMacroInteractionDesignUpdates
@@ -319,7 +320,8 @@ const MultiBodiedExtensionWithWidth = ({
     isNodeNested: isNodeNested,
     setIsNodeHovered: setIsNodeHovered,
     isBodiedMacro: true,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    hideConfigureLabel: hideConfigureLabel
   }), jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: wrapperClassNames,

package/dist/es2019/monitoring/error.js

@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "121.2.1";
+const packageVersion = "121.2.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "121.2.1";
+const packageVersion = "121.2.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/analytics/types/enums.js

@@ -333,6 +333,7 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["CONTENT_COMPONENT"] = "contentComponent";
   ACTION_SUBJECT["DATE"] = "date";
   ACTION_SUBJECT["DATE_SEGMENT"] = "dateSegment";
+  ACTION_SUBJECT["DIVIDER"] = "divider";
   ACTION_SUBJECT["DOCUMENT"] = "document";
   ACTION_SUBJECT["EDITOR"] = "editor";
   ACTION_SUBJECT["ACTIVITY_SESSION"] = "activitySession";

package/dist/esm/extensibility/Extension/Extension/index.js

@@ -53,7 +53,8 @@ function ExtensionWithPluginState(props) {
     showBodiedExtensionRendererView = props.showBodiedExtensionRendererView,
     setShowBodiedExtensionRendererView = props.setShowBodiedExtensionRendererView,
     pluginInjectionApi = props.pluginInjectionApi,
-    isLivePageViewMode = props.isLivePageViewMode;
+    isLivePageViewMode = props.isLivePageViewMode,
+    hideConfigureLabel = props.hideConfigureLabel;
   var _ref = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates;
   var isLegacyContentMacroExtension = function isLegacyContentMacroExtension(extensionNode) {
@@ -146,7 +147,8 @@ function ExtensionWithPluginState(props) {
     showUpdatedLivePages1PBodiedExtensionUI: showUpdatedLivePages1PBodiedExtensionUI,
     showBodiedExtensionRendererView: showBodiedExtensionRendererView,
     setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    hideConfigureLabel: hideConfigureLabel
   }), jsx("div", {
     "data-testid": "extension-container",
     ref: handleRef,
@@ -192,7 +194,8 @@ function ExtensionWithPluginState(props) {
   }, !removeBorder && jsx(ExtensionLozenge, {
     node: node,
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    hideConfigureLabel: hideConfigureLabel
   }), children), hasBody &&
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   jsx("div", {

package/dist/esm/extensibility/Extension/InlineExtension/index.js

@@ -74,7 +74,8 @@ var InlineExtension = function InlineExtension(props) {
     children = props.children,
     isNodeHovered = props.isNodeHovered,
     setIsNodeHovered = props.setIsNodeHovered,
-    isLivePageViewMode = props.isLivePageViewMode;
+    isLivePageViewMode = props.isLivePageViewMode,
+    hideConfigureLabel = props.hideConfigureLabel;
   var _ref3 = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref3.showMacroInteractionDesignUpdates;
   var shouldUseFlowingInlineWrapper = fg('rovo_skill_tag_label_wrapping');
@@ -112,7 +113,8 @@ var InlineExtension = function InlineExtension(props) {
     isNodeHovered: isNodeHovered,
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
     setIsNodeHovered: setIsNodeHovered,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    hideConfigureLabel: hideConfigureLabel
   }), jsx("div", {
     "data-testid": "inline-extension-wrapper",
     css: [
@@ -138,7 +140,8 @@ var InlineExtension = function InlineExtension(props) {
   }), children ? children : jsx(ExtensionLozenge, {
     node: node,
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    hideConfigureLabel: hideConfigureLabel
   })));
   return expValEquals('enghealth-53346_fix_redaction_marker_editor', 'isEnabled', true) ? jsx(MemoizedWidthContextProvider, {
     rendererContainerWidth: rendererContainerWidth

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -117,6 +117,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
     isNodeNested = _ref.isNodeNested,
     setIsNodeHovered = _ref.setIsNodeHovered,
     isBodiedMacro = _ref.isBodiedMacro,
+    hideConfigureLabel = _ref.hideConfigureLabel,
     showUpdatedLivePages1PBodiedExtensionUI = _ref.showUpdatedLivePages1PBodiedExtensionUI,
     showLivePagesBodiedMacrosRendererView = _ref.showLivePagesBodiedMacrosRendererView,
     showBodiedExtensionRendererView = _ref.showBodiedExtensionRendererView,
@@ -174,7 +175,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
       onBlur: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? function () {} : undefined,
       "data-testid": "new-lozenge-container",
       contentEditable: false
-    }, jsx(Tooltip, {
+    }, !hideConfigureLabel && jsx(Tooltip, {
       content: jsx(FormattedMessage
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -35,12 +35,14 @@ export var LozengeComponent = function LozengeComponent(_ref) {
     showUpdatedLivePages1PBodiedExtensionUI = _ref.showUpdatedLivePages1PBodiedExtensionUI,
     showBodiedExtensionRendererView = _ref.showBodiedExtensionRendererView,
     setShowBodiedExtensionRendererView = _ref.setShowBodiedExtensionRendererView,
-    pluginInjectionApi = _ref.pluginInjectionApi;
+    pluginInjectionApi = _ref.pluginInjectionApi,
+    hideConfigureLabel = _ref.hideConfigureLabel;
   var capitalizedTitle = capitalizeFirstLetter(title);
   if (showMacroInteractionDesignUpdates) {
     return jsx(Fragment, null, jsx(ExtensionLabel, {
       text: capitalizedTitle,
       extensionName: extensionName,
+      hideConfigureLabel: hideConfigureLabel,
       isNodeHovered: isNodeHovered,
       isNodeNested: isNodeNested,
       customContainerStyles: customContainerStyles,

package/dist/esm/extensibility/Extension/Lozenge/index.js

@@ -65,6 +65,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
         isNodeNested: isNodeNested,
         showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
         extensionName: name,
+        hideConfigureLabel: _this.props.hideConfigureLabel,
         lozengeData: lozengeData,
         params: params,
         title: title,

package/dist/esm/extensibility/ExtensionComponent.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -17,7 +18,7 @@ import React, { Component, useEffect, useLayoutEffect, useRef, useState } from '
 import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
+import { getExtensionModuleNode, getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
 import Extension from './Extension/Extension';
 import { isEmptyBodiedMacro } from './Extension/Extension/extension-utils';
@@ -77,6 +78,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
     }
     _this = _callSuper(this, ExtensionComponentInner, [].concat(args));
     _defineProperty(_this, "privatePropsParsed", false);
+    _defineProperty(_this, "configureAffordanceResolved", false);
+    _defineProperty(_this, "isUnmounted", false);
     _defineProperty(_this, "state", {});
     // memoized to avoid rerender on extension state changes
     _defineProperty(_this, "getNodeRenderer", memoizeOne(getNodeRenderer));
@@ -136,14 +139,100 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
         }
       }, _callee, null, [[2, 4]]);
     })));
+    /**
+     * Decides whether the "Configure {name}" lozenge label should be hidden for this node.
+     *
+     * Mirrors how the floating toolbar decides to show its edit button (see
+     * `shouldShowEditButton` and `updateEditButton` in `editor-plugin-extension`):
+     * - a legacy function handler is configurable via the macro browser;
+     * - an object handler is configurable only if it defines `update`;
+     * - otherwise the node module from the extension provider decides via its optional `update`.
+     * Nodes with no way to be configured get no Configure affordance. Anything we cannot
+     * resolve keeps the label, which is the pre-existing behaviour.
+     *
+     * The result is resolved once per node and held in state rather than derived on each render
+     * because the provider path is asynchronous: `getExtensionModuleNode` goes through
+     * `extensionProvider.getExtension`, which returns a Promise. Deriving the synchronous handler
+     * branches in render while the provider branch stays async would let the same node flip
+     * between answers, and would re-run the manifest lookup on every hover re-render. One
+     * resolution keeps the label stable and cheap.
+     */
+    _defineProperty(_this, "resolveConfigureAffordanceIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _this$props, extensionHandlers, extensionProvider, node, _node$attrs, extensionType, extensionKey, extensionHandler, extensionModuleNode, _t2;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(_this.configureAffordanceResolved || !fg('platform_editor_hide_configure_lozenge_non_configurable'))) {
+              _context2.next = 1;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 1:
+            _this$props = _this.props, extensionHandlers = _this$props.extensionHandlers, extensionProvider = _this$props.extensionProvider, node = _this$props.node;
+            _node$attrs = node.attrs, extensionType = _node$attrs.extensionType, extensionKey = _node$attrs.extensionKey;
+            extensionHandler = extensionHandlers === null || extensionHandlers === void 0 ? void 0 : extensionHandlers[extensionType];
+            if (!(typeof extensionHandler === 'function')) {
+              _context2.next = 2;
+              break;
+            }
+            // Legacy macro browser: configurable, keep the label.
+            _this.configureAffordanceResolved = true;
+            return _context2.abrupt("return");
+          case 2:
+            if (!(extensionHandler && _typeof(extensionHandler) === 'object')) {
+              _context2.next = 3;
+              break;
+            }
+            _this.configureAffordanceResolved = true;
+            if (typeof extensionHandler.update !== 'function') {
+              _this.setState({
+                hideConfigureLabel: true
+              });
+            }
+            return _context2.abrupt("return");
+          case 3:
+            if (extensionProvider) {
+              _context2.next = 4;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 4:
+            _this.configureAffordanceResolved = true;
+            _context2.prev = 5;
+            _context2.next = 6;
+            return getExtensionModuleNode(extensionProvider, extensionType, extensionKey);
+          case 6:
+            extensionModuleNode = _context2.sent;
+            if (!_this.isUnmounted) {
+              _context2.next = 7;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 7:
+            if (typeof (extensionModuleNode === null || extensionModuleNode === void 0 ? void 0 : extensionModuleNode.update) !== 'function') {
+              _this.setState({
+                hideConfigureLabel: true
+              });
+            }
+            _context2.next = 9;
+            break;
+          case 8:
+            _context2.prev = 8;
+            _t2 = _context2["catch"](5);
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[5, 8]]);
+    })));
     _defineProperty(_this, "handleExtension", function (pmNode, actions) {
       var _pmNode$marks;
-      var _this$props = _this.props,
-        extensionHandlers = _this$props.extensionHandlers,
-        extensionLoadingHandlers = _this$props.extensionLoadingHandlers,
-        editorView = _this$props.editorView,
-        showBodiedExtensionRendererView = _this$props.showBodiedExtensionRendererView,
-        rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
+      var _this$props2 = _this.props,
+        extensionHandlers = _this$props2.extensionHandlers,
+        extensionLoadingHandlers = _this$props2.extensionLoadingHandlers,
+        editorView = _this$props2.editorView,
+        showBodiedExtensionRendererView = _this$props2.showBodiedExtensionRendererView,
+        rendererExtensionHandlers = _this$props2.rendererExtensionHandlers;
       var _pmNode$attrs = pmNode.attrs,
         extensionType = _pmNode$attrs.extensionType,
         extensionKey = _pmNode$attrs.extensionKey,
@@ -208,30 +297,41 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
   }
   _inherits(ExtensionComponentInner, _Component);
   return _createClass(ExtensionComponentInner, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.resolveConfigureAffordanceIfNeeded();
+    }
+  }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.parsePrivateNodePropsIfNeeded();
+      this.resolveConfigureAffordanceIfNeeded();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isUnmounted = true;
     }
   }, {
     key: "render",
     value: function render() {
       var _this$state$_privateP2;
-      var _this$props2 = this.props,
-        node = _this$props2.node,
-        handleContentDOMRef = _this$props2.handleContentDOMRef,
-        editorView = _this$props2.editorView,
-        references = _this$props2.references,
-        editorAppearance = _this$props2.editorAppearance,
-        pluginInjectionApi = _this$props2.pluginInjectionApi,
-        getPos = _this$props2.getPos,
-        eventDispatcher = _this$props2.eventDispatcher,
-        macroInteractionDesignFeatureFlags = _this$props2.macroInteractionDesignFeatureFlags,
-        extensionProvider = _this$props2.extensionProvider,
-        showLivePagesBodiedMacrosRendererView = _this$props2.showLivePagesBodiedMacrosRendererView,
-        showUpdatedLivePages1PBodiedExtensionUI = _this$props2.showUpdatedLivePages1PBodiedExtensionUI,
-        showBodiedExtensionRendererView = _this$props2.showBodiedExtensionRendererView,
-        setShowBodiedExtensionRendererView = _this$props2.setShowBodiedExtensionRendererView,
-        isLivePageViewMode = _this$props2.isLivePageViewMode;
+      var _this$props3 = this.props,
+        node = _this$props3.node,
+        handleContentDOMRef = _this$props3.handleContentDOMRef,
+        editorView = _this$props3.editorView,
+        references = _this$props3.references,
+        editorAppearance = _this$props3.editorAppearance,
+        pluginInjectionApi = _this$props3.pluginInjectionApi,
+        getPos = _this$props3.getPos,
+        eventDispatcher = _this$props3.eventDispatcher,
+        macroInteractionDesignFeatureFlags = _this$props3.macroInteractionDesignFeatureFlags,
+        extensionProvider = _this$props3.extensionProvider,
+        showLivePagesBodiedMacrosRendererView = _this$props3.showLivePagesBodiedMacrosRendererView,
+        showUpdatedLivePages1PBodiedExtensionUI = _this$props3.showUpdatedLivePages1PBodiedExtensionUI,
+        showBodiedExtensionRendererView = _this$props3.showBodiedExtensionRendererView,
+        setShowBodiedExtensionRendererView = _this$props3.setShowBodiedExtensionRendererView,
+        isLivePageViewMode = _this$props3.isLivePageViewMode;
       var selection = editorView.state.selection;
       var selectedNode = selection instanceof NodeSelection && selection.node;
       var position = typeof getPos === 'function' && getPos();
@@ -255,7 +355,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
           isNodeNested: isNodeNested,
           setIsNodeHovered: this.setIsNodeHovered,
           isLivePageViewMode: isLivePageViewMode,
-          allowBodiedOverride: allowBodiedOverride
+          allowBodiedOverride: allowBodiedOverride,
+          hideConfigureLabel: this.state.hideConfigureLabel
         });
       }
       var extensionHandlerResult = this.tryExtensionHandler(undefined);
@@ -270,6 +371,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
             handleContentDOMRef: handleContentDOMRef,
             view: editorView,
             editorAppearance: editorAppearance,
+            hideConfigureLabel: this.state.hideConfigureLabel,
             hideFrame: (_this$state$_privateP2 = this.state._privateProps) === null || _this$state$_privateP2 === void 0 ? void 0 : _this$state$_privateP2.__hideFrame,
             pluginInjectionApi: pluginInjectionApi,
             macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
@@ -287,7 +389,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
             macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
             isNodeSelected: selectedNode === node,
             pluginInjectionApi: pluginInjectionApi,
-            isLivePageViewMode: isLivePageViewMode
+            isLivePageViewMode: isLivePageViewMode,
+            hideConfigureLabel: this.state.hideConfigureLabel
           }, extensionHandlerResult);
         default:
           return null;

package/dist/esm/extensibility/MultiBodiedExtension/index.js

@@ -207,7 +207,8 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     pluginInjectionApi = _ref2.pluginInjectionApi,
     isLivePageViewMode = _ref2.isLivePageViewMode,
     _ref2$allowBodiedOver = _ref2.allowBodiedOverride,
-    allowBodiedOverride = _ref2$allowBodiedOver === void 0 ? false : _ref2$allowBodiedOver;
+    allowBodiedOverride = _ref2$allowBodiedOver === void 0 ? false : _ref2$allowBodiedOver,
+    hideConfigureLabel = _ref2.hideConfigureLabel;
   var _ref3 = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref3.showMacroInteractionDesignUpdates;
   var _node$attrs = node.attrs,
@@ -318,7 +319,8 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     isNodeNested: isNodeNested,
     setIsNodeHovered: setIsNodeHovered,
     isBodiedMacro: true,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    hideConfigureLabel: hideConfigureLabel
   }), jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: wrapperClassNames,

package/dist/esm/monitoring/error.js

@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "121.2.1";
+var packageVersion = "121.2.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "121.2.1";
+var packageVersion = "121.2.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/enums.d.ts

@@ -310,6 +310,7 @@ export declare enum ACTION_SUBJECT {
     CONTENT_COMPONENT = "contentComponent",
     DATE = "date",
     DATE_SEGMENT = "dateSegment",
+    DIVIDER = "divider",
     DOCUMENT = "document",
     EDITOR = "editor",
     ACTIVITY_SESSION = "activitySession",

package/dist/types/analytics/types/node-events.d.ts

@@ -41,7 +41,7 @@ type DeletedSmartLink = TrackAEP<ACTION.DELETED, ACTION_SUBJECT.SMART_LINK, ACTI
     displayMode: ACTION_SUBJECT_ID.CARD_BLOCK | ACTION_SUBJECT_ID.CARD_INLINE;
     inputMethod: INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TOOLBAR | INPUT_METHOD.CARD;
 }, undefined>;
-export type NodeDeletedAEP = TrackAEP<ACTION.DELETED, ACTION_SUBJECT.PANEL | ACTION_SUBJECT.LAYOUT | ACTION_SUBJECT.EXPAND | ACTION_SUBJECT.TABLE | ACTION_SUBJECT.EXTENSION | ACTION_SUBJECT.BODIED_EXTENSION | ACTION_SUBJECT.SMART_LINK | ACTION_SUBJECT.CODE_BLOCK | ACTION_SUBJECT.MEDIA_SINGLE | ACTION_SUBJECT.MEDIA_GROUP | ACTION_SUBJECT.MEDIA_INLINE | ACTION_SUBJECT.ELEMENT, undefined, {
+export type NodeDeletedAEP = TrackAEP<ACTION.DELETED, ACTION_SUBJECT.PANEL | ACTION_SUBJECT.LAYOUT | ACTION_SUBJECT.EXPAND | ACTION_SUBJECT.TABLE | ACTION_SUBJECT.EXTENSION | ACTION_SUBJECT.BODIED_EXTENSION | ACTION_SUBJECT.DIVIDER | ACTION_SUBJECT.SMART_LINK | ACTION_SUBJECT.CODE_BLOCK | ACTION_SUBJECT.MEDIA_SINGLE | ACTION_SUBJECT.MEDIA_GROUP | ACTION_SUBJECT.MEDIA_INLINE | ACTION_SUBJECT.ELEMENT, undefined, {
     inputMethod: INPUT_METHOD.BLOCK_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TOOLBAR;
     nodeCount?: number;
     nodeType?: string;

package/dist/types/extensibility/Extension/Extension/index.d.ts

@@ -12,6 +12,7 @@ export interface Props {
     extensionProvider?: ExtensionProvider;
     getPos: ProsemirrorGetPosHandler;
     handleContentDOMRef: (node: HTMLElement | null) => void;
+    hideConfigureLabel?: boolean;
     hideFrame?: boolean;
     isLivePageViewMode?: boolean;
     isNodeHovered?: boolean;

package/dist/types/extensibility/Extension/InlineExtension/index.d.ts

@@ -8,6 +8,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionsPluginInjectionAPI, MacroInteractionDesignFeatureFlags } from '../../types';
 export interface Props {
     children?: React.ReactNode;
+    hideConfigureLabel?: boolean;
     isLivePageViewMode?: boolean;
     isNodeHovered?: boolean;
     isNodeSelected?: boolean;

package/dist/types/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -8,6 +8,7 @@ import type { ExtensionsPluginInjectionAPI } from '../../types';
 type ExtensionLabelProps = {
     customContainerStyles?: CSSProperties;
     extensionName: string;
+    hideConfigureLabel?: boolean;
     isBodiedMacro?: boolean;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;
@@ -18,5 +19,5 @@ type ExtensionLabelProps = {
     showUpdatedLivePages1PBodiedExtensionUI?: boolean;
     text: string;
 };
-export declare const ExtensionLabel: ({ text, extensionName, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showUpdatedLivePages1PBodiedExtensionUI, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, pluginInjectionApi: _pluginInjectionApi, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, hideConfigureLabel, showUpdatedLivePages1PBodiedExtensionUI, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, pluginInjectionApi: _pluginInjectionApi, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -10,6 +10,7 @@ export declare const ICON_SIZE = 24;
 type LozengeComponentProps = {
     customContainerStyles?: CSSProperties;
     extensionName: string;
+    hideConfigureLabel?: boolean;
     isBodiedMacro?: boolean;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;
@@ -25,5 +26,5 @@ type LozengeComponentProps = {
     showUpdatedLivePages1PBodiedExtensionUI?: boolean;
     title: string;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, hideConfigureLabel, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/dist/types/extensibility/Extension/Lozenge/index.d.ts

@@ -9,6 +9,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionsPluginInjectionAPI } from '../../types';
 export interface Props {
     customContainerStyles?: CSSProperties;
+    hideConfigureLabel?: boolean;
     isBodiedMacro?: boolean;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;

package/dist/types/extensibility/ExtensionComponent.d.ts

@@ -35,6 +35,7 @@ export interface State {
     activeChildIndex?: number;
     extensionHandlersFromProvider?: ExtensionHandlers;
     extensionProvider?: ExtensionProvider;
+    hideConfigureLabel?: boolean;
     isNodeHovered?: boolean;
     showBodiedExtensionRendererView?: boolean;
 }

package/dist/types/extensibility/MultiBodiedExtension/index.d.ts

@@ -19,6 +19,7 @@ type Props = {
     eventDispatcher?: EventDispatcher;
     getPos: () => number | undefined;
     handleContentDOMRef: (node: HTMLElement | null) => void;
+    hideConfigureLabel?: boolean;
     isLivePageViewMode?: boolean;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;