@atlaskit/editor-common 121.2.2 → 121.2.4

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/extensions/UnknownMacroPlaceholder.js

@@ -1,4 +1,4 @@
-/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./UnknownMacroPlaceholder.compiled.css";
 import * as React from 'react';

package/dist/esm/icons/shared/PanelErrorIcon.js

@@ -1,4 +1,4 @@
-/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./PanelErrorIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelInfoIcon.js

@@ -1,4 +1,4 @@
-/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./PanelInfoIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelNoteIcon.js

@@ -1,4 +1,4 @@
-/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./PanelNoteIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelSuccessIcon.js

@@ -1,4 +1,4 @@
-/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./PanelSuccessIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelWarningIcon.js

@@ -1,4 +1,4 @@
-/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./PanelWarningIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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/quick-insert/TypeAheadQuickInsertMenuItem.js

@@ -1,4 +1,4 @@
-/* TypeAheadQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* TypeAheadQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./TypeAheadQuickInsertMenuItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/table/NewSortingIcon.js

@@ -1,4 +1,4 @@
-/* NewSortingIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* NewSortingIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./NewSortingIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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/esm/ui/Shortcut/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/Toolbar/ButtonGroup.js

@@ -1,4 +1,4 @@
-/* ButtonGroup.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./ButtonGroup.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/Toolbar/DropdownTriggerWrapper.js

@@ -1,4 +1,4 @@
-/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./DropdownTriggerWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/Toolbar/DropdownWrapper.js

@@ -1,4 +1,4 @@
-/* DropdownWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* DropdownWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./DropdownWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/Toolbar/ExpandIcon.js

@@ -1,4 +1,4 @@
-/* ExpandIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ExpandIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./ExpandIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/Toolbar/Separator.js

@@ -1,4 +1,4 @@
-/* Separator.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* Separator.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./Separator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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/insert-events.d.ts

@@ -69,7 +69,7 @@ type InsertEmojiAEP = InsertAEP<ACTION_SUBJECT_ID.EMOJI, {
     inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.PICKER | INPUT_METHOD.ASCII;
 }, undefined>;
 type InsertStatusAEP = InsertAEP<ACTION_SUBJECT_ID.STATUS, {
-    inputMethod: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.ELEMENT_BROWSER;
+    inputMethod: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.ELEMENT_BROWSER | INPUT_METHOD.BLOCK_MENU;
 }, undefined>;
 export type InputMethodInsertMedia = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.PICKER_CLOUD | INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.BROWSER | INPUT_METHOD.MEDIA_PICKER | INPUT_METHOD.REMIX | INPUT_METHOD.REMIX_FROM_MEDIA_INSERTS;
 export type InsertMediaVia = INSERT_MEDIA_VIA.EXTERNAL_UPLOAD | INSERT_MEDIA_VIA.EXTERNAL_URL | INSERT_MEDIA_VIA.LOCAL_UPLOAD;

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;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "121.2.2",
+	"version": "121.2.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/editor-palette": "^3.5.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.1.0",
-		"@atlaskit/editor-tables": "^3.1.0",
+		"@atlaskit/editor-tables": "^3.2.0",
 		"@atlaskit/editor-toolbar": "^2.6.0",
 		"@atlaskit/editor-toolbar-model": "^1.2.0",
 		"@atlaskit/editor-ui-control-model": "^2.9.0",
@@ -84,7 +84,7 @@
 		"@atlaskit/task-decision": "^21.9.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^183.0.0",
+		"@atlaskit/tmp-editor-statsig": "^184.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",
@@ -159,6 +159,9 @@
 		"platform_editor_nested_mbe_frames": {
 			"type": "boolean"
 		},
+		"platform_editor_hide_configure_lozenge_non_configurable": {
+			"type": "boolean"
+		},
 		"platform_editor_adf_validator_stage0": {
 			"type": "boolean",
 			"referenceOnly": true