@atlaskit/editor-common 121.2.2 → 121.2.4

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

@@ -32,13 +32,15 @@ export const LozengeComponent = ({
   showUpdatedLivePages1PBodiedExtensionUI,
   showBodiedExtensionRendererView,
   setShowBodiedExtensionRendererView,
-  pluginInjectionApi
+  pluginInjectionApi,
+  hideConfigureLabel
 }) => {
   const 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/es2019/extensibility/Extension/Lozenge/index.js

@@ -59,6 +59,7 @@ export default class ExtensionLozenge extends Component {
         isNodeNested: isNodeNested,
         showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
         extensionName: name,
+        hideConfigureLabel: this.props.hideConfigureLabel,
         lozengeData: lozengeData,
         params: params,
         title: title,

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/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 "./UnknownMacroPlaceholder.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/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/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/es2019/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/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/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/element-browser/components/ViewMore.js

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

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/ExtensionFloatingLabel.js

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

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,