@atlaskit/editor-common 95.4.0 → 95.6.0

package/dist/esm/extensibility/ExtensionComponent.js

@@ -9,7 +9,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["extensionProvider"];
+var _excluded = ["extensionProvider", "showLivePagesBodiedMacrosRendererView", "node"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -28,6 +28,19 @@ import MultiBodiedExtension from './MultiBodiedExtension';
 
 /* temporary type until FG cleaned up */
 
+var isEmptyBodiedMacro = function isEmptyBodiedMacro(node) {
+  var _node$content, _firstGrandChildNode$;
+  if (node.type.name !== 'bodiedExtension') {
+    return false;
+  }
+  var firstChildNode = node === null || node === void 0 || (_node$content = node.content) === null || _node$content === void 0 ? void 0 : _node$content.firstChild;
+  var firstGrandChildNode = firstChildNode === null || firstChildNode === void 0 ? void 0 : firstChildNode.firstChild;
+
+  // If firstChildNode?.childCount > 1 means there is content along with the placeholder.
+  var isEmptyWithPlacholder = (firstGrandChildNode === null || firstGrandChildNode === void 0 || (_firstGrandChildNode$ = firstGrandChildNode.type) === null || _firstGrandChildNode$ === void 0 ? void 0 : _firstGrandChildNode$.name) === 'placeholder' && (firstChildNode === null || firstChildNode === void 0 ? void 0 : firstChildNode.childCount) === 1;
+  var isEmptyWithNoContent = !firstGrandChildNode && node.childCount === 1;
+  return isEmptyWithPlacholder || isEmptyWithNoContent;
+};
 export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
   _inherits(ExtensionComponentOld, _Component);
   var _super = _createSuper(ExtensionComponentOld);
@@ -49,6 +62,11 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
         isNodeHovered: isHovered
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "setShowBodiedExtensionRendererView", function (showRendererView) {
+      _this.setState({
+        showBodiedExtensionRendererView: showRendererView
+      });
+    });
     _defineProperty(_assertThisInitialized(_this), "setStateFromPromise", function (stateKey, promise) {
       promise && promise.then(function (p) {
         if (!_this.mounted) {
@@ -109,24 +127,32 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
         editorView = _this$props.editorView;
+      var showBodiedExtensionRendererView = _this.state.showBodiedExtensionRendererView; // State will only be true if the gate is on and meets requirements
       var _pmNode$attrs = pmNode.attrs,
         extensionType = _pmNode$attrs.extensionType,
         extensionKey = _pmNode$attrs.extensionKey,
         parameters = _pmNode$attrs.parameters,
         text = _pmNode$attrs.text;
       var isBodiedExtension = pmNode.type.name === 'bodiedExtension';
-      if (isBodiedExtension) {
+      if (isBodiedExtension && !showBodiedExtensionRendererView) {
         return;
       }
       var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.attrs) === null || _pmNode$marks === void 0 ? void 0 : _pmNode$marks.localId;
+      var nodeContent = [];
+      if (isBodiedExtension) {
+        var _pmNode$content;
+        pmNode === null || pmNode === void 0 || (_pmNode$content = pmNode.content) === null || _pmNode$content === void 0 || _pmNode$content.forEach(function (childNode) {
+          nodeContent.push(childNode);
+        });
+      }
       var node = {
         type: pmNode.type.name,
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: text,
+        content: isBodiedExtension ? nodeContent.length ? nodeContent : text : text,
         localId: pmNode.attrs.localId,
         fragmentLocalId: fragmentLocalId
       };
@@ -161,6 +187,15 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.mounted = true;
+      var _this$props2 = this.props,
+        node = _this$props2.node,
+        showLivePagesBodiedMacrosRendererView = _this$props2.showLivePagesBodiedMacrosRendererView;
+      // We only care about this empty state on first page load or insertion to determine the view
+      if (showLivePagesBodiedMacrosRendererView && !isEmptyBodiedMacro(node)) {
+        this.setState({
+          showBodiedExtensionRendererView: true
+        });
+      }
     }
   }, {
     key: "componentDidMount",
@@ -192,17 +227,17 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$state$_privateP;
-      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,
-        showLivePagesBodiedMacrosRendererView = _this$props2.showLivePagesBodiedMacrosRendererView;
+      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,
+        showLivePagesBodiedMacrosRendererView = _this$props3.showLivePagesBodiedMacrosRendererView;
       var selection = editorView.state.selection;
       var selectedNode = selection instanceof NodeSelection && selection.node;
       var position = typeof getPos === 'function' && getPos();
@@ -244,7 +279,9 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
             isNodeHovered: this.state.isNodeHovered,
             isNodeNested: isNodeNested,
             setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+            showBodiedExtensionRendererView: this.state.showBodiedExtensionRendererView,
+            setShowBodiedExtensionRendererView: this.setShowBodiedExtensionRendererView
           }, extensionHandlerResult);
         case 'inlineExtension':
           return /*#__PURE__*/React.createElement(InlineExtension, {
@@ -281,11 +318,17 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
 }(Component);
 export var ExtensionComponentNew = function ExtensionComponentNew(props) {
   var extensionProviderResolver = props.extensionProvider,
+    showLivePagesBodiedMacrosRendererView = props.showLivePagesBodiedMacrosRendererView,
+    node = props.node,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     extensionProvider = _useState2[0],
     setExtensionProvider = _useState2[1];
+  var _useState3 = useState(!!(showLivePagesBodiedMacrosRendererView && !isEmptyBodiedMacro(node))),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showBodiedExtensionRendererView = _useState4[0],
+    setShowBodiedExtensionRendererView = _useState4[1];
   var mountedRef = useRef(true);
   useLayoutEffect(function () {
     mountedRef.current = true;
@@ -301,7 +344,11 @@ export var ExtensionComponentNew = function ExtensionComponentNew(props) {
     });
   }, [extensionProviderResolver]);
   return /*#__PURE__*/React.createElement(ExtensionComponentInner, _extends({}, restProps, {
-    extensionProvider: extensionProvider
+    extensionProvider: extensionProvider,
+    node: node,
+    showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+    showBodiedExtensionRendererView: showBodiedExtensionRendererView,
+    setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
   }));
 };
 var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
@@ -375,25 +422,33 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       var _pmNode$marks2;
       var _this2$props = _this2.props,
         extensionHandlers = _this2$props.extensionHandlers,
-        editorView = _this2$props.editorView;
+        editorView = _this2$props.editorView,
+        showBodiedExtensionRendererView = _this2$props.showBodiedExtensionRendererView;
       var _pmNode$attrs2 = pmNode.attrs,
         extensionType = _pmNode$attrs2.extensionType,
         extensionKey = _pmNode$attrs2.extensionKey,
         parameters = _pmNode$attrs2.parameters,
         text = _pmNode$attrs2.text;
       var isBodiedExtension = pmNode.type.name === 'bodiedExtension';
-      if (isBodiedExtension) {
+      if (isBodiedExtension && !showBodiedExtensionRendererView) {
         return;
       }
       var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks2 = pmNode.marks) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.attrs) === null || _pmNode$marks2 === void 0 ? void 0 : _pmNode$marks2.localId;
+      var nodeContent = [];
+      if (isBodiedExtension) {
+        var _pmNode$content2;
+        pmNode === null || pmNode === void 0 || (_pmNode$content2 = pmNode.content) === null || _pmNode$content2 === void 0 || _pmNode$content2.forEach(function (childNode) {
+          nodeContent.push(childNode);
+        });
+      }
       var node = {
         type: pmNode.type.name,
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: text,
+        content: isBodiedExtension ? nodeContent.length ? nodeContent : text : text,
         localId: pmNode.attrs.localId,
         fragmentLocalId: fragmentLocalId
       };
@@ -433,18 +488,20 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var _this$state$_privateP2;
-      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;
+      var _this$props4 = this.props,
+        node = _this$props4.node,
+        handleContentDOMRef = _this$props4.handleContentDOMRef,
+        editorView = _this$props4.editorView,
+        references = _this$props4.references,
+        editorAppearance = _this$props4.editorAppearance,
+        pluginInjectionApi = _this$props4.pluginInjectionApi,
+        getPos = _this$props4.getPos,
+        eventDispatcher = _this$props4.eventDispatcher,
+        macroInteractionDesignFeatureFlags = _this$props4.macroInteractionDesignFeatureFlags,
+        extensionProvider = _this$props4.extensionProvider,
+        showLivePagesBodiedMacrosRendererView = _this$props4.showLivePagesBodiedMacrosRendererView,
+        showBodiedExtensionRendererView = _this$props4.showBodiedExtensionRendererView,
+        setShowBodiedExtensionRendererView = _this$props4.setShowBodiedExtensionRendererView;
       var selection = editorView.state.selection;
       var selectedNode = selection instanceof NodeSelection && selection.node;
       var position = typeof getPos === 'function' && getPos();
@@ -486,7 +543,9 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
             isNodeHovered: this.state.isNodeHovered,
             isNodeNested: isNodeNested,
             setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+            showBodiedExtensionRendererView: showBodiedExtensionRendererView,
+            setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
           }, extensionHandlerResult);
         case 'inlineExtension':
           return /*#__PURE__*/React.createElement(InlineExtension, {

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 = "95.4.0";
+var packageVersion = "95.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -21,7 +21,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 = "95.4.0";
+var packageVersion = "95.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -271,6 +271,7 @@ export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
     AI_DEFINITIONS_DEFINE_BUTTON = "aiDefinitionsDefineButton",
     AI_DEFINITIONS_AUTO_HIGHLIGHT = "aiDefinitionsAutoHighlight",
+    AI_PANELS_BODIED_EXTENSION = "aiPanelsBodiedExtension",
     ALL = "all",
     ALT_TEXT = "altText",
     ANNOTATE_BUTTON = "annotateButton",

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

@@ -22,6 +22,8 @@ export interface Props {
     isNodeNested?: boolean;
     setIsNodeHovered?: (isHovered: boolean) => void;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 }
 declare const _default: {
     new (props: Props | Readonly<Props>): {

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

@@ -8,6 +8,8 @@ type EditToggleProps = {
     isNodeHovered?: boolean;
     customContainerStyles?: CSSProperties;
     setIsNodeHovered?: (isNodeHovered: boolean) => void;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
-export declare const EditToggle: ({ isNodeHovered, customContainerStyles, setIsNodeHovered, }: EditToggleProps) => jsx.JSX.Element;
+export declare const EditToggle: ({ isNodeHovered, customContainerStyles, setIsNodeHovered, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, }: EditToggleProps) => jsx.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
+export declare const getShouldShowBodiedMacroLabel: (isBodiedMacro: boolean | undefined, isNodeHovered: boolean | undefined, showLivePagesBodiedMacrosRendererView: boolean | undefined, showBodiedExtensionRendererView: boolean | undefined) => boolean | undefined;
 type ExtensionLabelProps = {
     text: string;
     extensionName: string;
@@ -10,6 +11,7 @@ type ExtensionLabelProps = {
     isBodiedMacro?: boolean;
     showMacroButtonUpdates?: boolean;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showMacroButtonUpdates, showLivePagesBodiedMacrosRendererView, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showMacroButtonUpdates, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

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

@@ -17,6 +17,8 @@ type LozengeComponentProps = {
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, showMacroButtonUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, showMacroButtonUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

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

@@ -17,6 +17,8 @@ export interface Props {
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 }
 export interface LozengeData {
     url: string;

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

@@ -29,11 +29,14 @@ export interface State {
     };
     activeChildIndex?: number;
     isNodeHovered?: boolean;
+    showBodiedExtensionRendererView?: boolean;
 }
 export type PropsNew = Omit<Props, 'extensionProvider'> & {
     extensionProvider?: ExtensionProvider;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
-export type StateNew = Omit<State, 'extensionProvider'>;
+export type StateNew = Omit<State, 'extensionProvider' | 'showBodiedExtensionRendererView'>;
 export declare class ExtensionComponentOld extends Component<Props, State> {
     private privatePropsParsed;
     state: State;
@@ -46,6 +49,7 @@ export declare class ExtensionComponentOld extends Component<Props, State> {
     getNodeRenderer: import("memoize-one").MemoizedFn<typeof getNodeRenderer>;
     getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
     setIsNodeHovered: (isHovered: boolean) => void;
+    setShowBodiedExtensionRendererView: (showRendererView: boolean) => void;
     render(): JSX.Element | null;
     private setStateFromPromise;
     /**

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -271,6 +271,7 @@ export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
     AI_DEFINITIONS_DEFINE_BUTTON = "aiDefinitionsDefineButton",
     AI_DEFINITIONS_AUTO_HIGHLIGHT = "aiDefinitionsAutoHighlight",
+    AI_PANELS_BODIED_EXTENSION = "aiPanelsBodiedExtension",
     ALL = "all",
     ALT_TEXT = "altText",
     ANNOTATE_BUTTON = "annotateButton",

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

@@ -22,6 +22,8 @@ export interface Props {
     isNodeNested?: boolean;
     setIsNodeHovered?: (isHovered: boolean) => void;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 }
 declare const _default: {
     new (props: Props | Readonly<Props>): {

package/dist/types-ts4.5/extensibility/Extension/Lozenge/EditToggle.d.ts

@@ -8,6 +8,8 @@ type EditToggleProps = {
     isNodeHovered?: boolean;
     customContainerStyles?: CSSProperties;
     setIsNodeHovered?: (isNodeHovered: boolean) => void;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
-export declare const EditToggle: ({ isNodeHovered, customContainerStyles, setIsNodeHovered, }: EditToggleProps) => jsx.JSX.Element;
+export declare const EditToggle: ({ isNodeHovered, customContainerStyles, setIsNodeHovered, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, }: EditToggleProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
+export declare const getShouldShowBodiedMacroLabel: (isBodiedMacro: boolean | undefined, isNodeHovered: boolean | undefined, showLivePagesBodiedMacrosRendererView: boolean | undefined, showBodiedExtensionRendererView: boolean | undefined) => boolean | undefined;
 type ExtensionLabelProps = {
     text: string;
     extensionName: string;
@@ -10,6 +11,7 @@ type ExtensionLabelProps = {
     isBodiedMacro?: boolean;
     showMacroButtonUpdates?: boolean;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showMacroButtonUpdates, showLivePagesBodiedMacrosRendererView, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showMacroButtonUpdates, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -17,6 +17,8 @@ type LozengeComponentProps = {
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, showMacroButtonUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, showMacroButtonUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/index.d.ts

@@ -17,6 +17,8 @@ export interface Props {
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
     showLivePagesBodiedMacrosRendererView?: boolean;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 }
 export interface LozengeData {
     url: string;

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -29,11 +29,14 @@ export interface State {
     };
     activeChildIndex?: number;
     isNodeHovered?: boolean;
+    showBodiedExtensionRendererView?: boolean;
 }
 export type PropsNew = Omit<Props, 'extensionProvider'> & {
     extensionProvider?: ExtensionProvider;
+    showBodiedExtensionRendererView?: boolean;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
-export type StateNew = Omit<State, 'extensionProvider'>;
+export type StateNew = Omit<State, 'extensionProvider' | 'showBodiedExtensionRendererView'>;
 export declare class ExtensionComponentOld extends Component<Props, State> {
     private privatePropsParsed;
     state: State;
@@ -46,6 +49,7 @@ export declare class ExtensionComponentOld extends Component<Props, State> {
     getNodeRenderer: import("memoize-one").MemoizedFn<typeof getNodeRenderer>;
     getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
     setIsNodeHovered: (isHovered: boolean) => void;
+    setShowBodiedExtensionRendererView: (showRendererView: boolean) => void;
     render(): JSX.Element | null;
     private setStateFromPromise;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "95.4.0",
+	"version": "95.6.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"