@atlaskit/editor-common 95.11.0 → 96.0.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-common
 
+## 96.0.0
+
+### Major Changes
+
+- [#166906](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166906)
+  [`aac76c4a54baf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/aac76c4a54baf) -
+  added **rendererExtensionOptions option to pass renderer extension handlers to extensions in
+  editor to allow displaying of renderer view for bodiedExtensions—optional not required. To use for
+  extension plugin, pass **rendererExtensionOptions to universal preset via its
+  initialPluginConfiguration prop. To use for referentialityPlugin, use \_\_rendererExtensionOptions
+  option. In a future release, changes will be added to use this new option. Note: option is not
+  fully supported currently and is intended for use for confluence live pages
+
 ## 95.11.0
 
 ### Minor Changes

package/dist/cjs/extensibility/Extension.js

@@ -40,7 +40,8 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         pluginInjectionApi = _this$props.pluginInjectionApi,
         eventDispatcher = _this$props.eventDispatcher,
         macroInteractionDesignFeatureFlags = _this$props.macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView = _this$props.showLivePagesBodiedMacrosRendererView;
+        showLivePagesBodiedMacrosRendererView = _this$props.showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
       return /*#__PURE__*/_react.default.createElement(_ExtensionComponent.ExtensionComponent, {
         editorView: editorView,
         node: node,
@@ -53,7 +54,8 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         pluginInjectionApi: pluginInjectionApi,
         eventDispatcher: eventDispatcher,
         macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+        showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers: rendererExtensionHandlers
       });
     });
     _this.providerFactory = props.providerFactory || new _providerFactory.ProviderFactory();

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -199,7 +199,7 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
         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)) {
+      if (!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))) && !isEmptyBodiedMacro(node)) {
         this.setState({
           showBodiedExtensionRendererView: true
         });
@@ -287,7 +287,7 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
             isNodeHovered: this.state.isNodeHovered,
             isNodeNested: isNodeNested,
             setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+            showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))),
             showBodiedExtensionRendererView: this.state.showBodiedExtensionRendererView,
             setShowBodiedExtensionRendererView: this.setShowBodiedExtensionRendererView
           }, extensionHandlerResult);
@@ -333,7 +333,7 @@ var ExtensionComponentNew = exports.ExtensionComponentNew = function ExtensionCo
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     extensionProvider = _useState2[0],
     setExtensionProvider = _useState2[1];
-  var _useState3 = (0, _react.useState)(!!(showLivePagesBodiedMacrosRendererView && !isEmptyBodiedMacro(node))),
+  var _useState3 = (0, _react.useState)(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))) && !isEmptyBodiedMacro(node)),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     showBodiedExtensionRendererView = _useState4[0],
     setShowBodiedExtensionRendererView = _useState4[1];
@@ -551,7 +551,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
             isNodeHovered: this.state.isNodeHovered,
             isNodeNested: isNodeNested,
             setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+            showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))),
             showBodiedExtensionRendererView: showBodiedExtensionRendererView,
             setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
           }, extensionHandlerResult);

package/dist/cjs/extensibility/extensionNodeView.js

@@ -75,13 +75,14 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
         editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView
+        showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers: props.rendererExtensionHandlers
       }));
     }
   }]);
   return ExtensionNode;
 }(_reactNodeView.default);
-function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView) {
+function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, rendererExtensionHandlers) {
   return function (node, view, getPos) {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
@@ -89,7 +90,8 @@ function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory,
       extensionNodeViewOptions: extensionNodeViewOptions,
       pluginInjectionApi: pluginInjectionApi,
       macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-      showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+      showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+      rendererExtensionHandlers: rendererExtensionHandlers
     }).init();
   };
 }

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.11.0";
+var packageVersion = "96.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "95.11.0";
+var packageVersion = "96.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/extensibility/Extension.js

@@ -19,7 +19,8 @@ export class Extension extends Component {
         pluginInjectionApi,
         eventDispatcher,
         macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView
+        showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers
       } = this.props;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
@@ -33,7 +34,8 @@ export class Extension extends Component {
         pluginInjectionApi: pluginInjectionApi,
         eventDispatcher: eventDispatcher,
         macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+        showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers: rendererExtensionHandlers
       });
     });
     this.providerFactory = props.providerFactory || new ProviderFactory();

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -6,7 +6,7 @@ import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
-import { getExtensionRenderer } from '../utils';
+import { getExtensionRenderer, nodeToJSON } from '../utils';
 import Extension from './Extension/Extension';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
@@ -159,7 +159,7 @@ export class ExtensionComponentOld extends Component {
       showLivePagesBodiedMacrosRendererView
     } = this.props;
     // We only care about this empty state on first page load or insertion to determine the view
-    if (showLivePagesBodiedMacrosRendererView && !isEmptyBodiedMacro(node)) {
+    if (!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node)) {
       this.setState({
         showBodiedExtensionRendererView: true
       });
@@ -244,7 +244,7 @@ export class ExtensionComponentOld extends Component {
           isNodeHovered: this.state.isNodeHovered,
           isNodeNested: isNodeNested,
           setIsNodeHovered: this.setIsNodeHovered,
-          showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+          showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))),
           showBodiedExtensionRendererView: this.state.showBodiedExtensionRendererView,
           setShowBodiedExtensionRendererView: this.setShowBodiedExtensionRendererView
         }, extensionHandlerResult);
@@ -287,7 +287,7 @@ export const ExtensionComponentNew = props => {
     ...restProps
   } = props;
   const [extensionProvider, setExtensionProvider] = useState(undefined);
-  const [showBodiedExtensionRendererView, setShowBodiedExtensionRendererView] = useState(!!(showLivePagesBodiedMacrosRendererView && !isEmptyBodiedMacro(node)));
+  const [showBodiedExtensionRendererView, setShowBodiedExtensionRendererView] = useState(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node));
   const mountedRef = useRef(true);
   useLayoutEffect(() => {
     mountedRef.current = true;
@@ -479,7 +479,7 @@ class ExtensionComponentInner extends Component {
           isNodeHovered: this.state.isNodeHovered,
           isNodeNested: isNodeNested,
           setIsNodeHovered: this.setIsNodeHovered,
-          showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+          showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))),
           showBodiedExtensionRendererView: showBodiedExtensionRendererView,
           setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
         }, extensionHandlerResult);

package/dist/es2019/extensibility/extensionNodeView.js

@@ -48,11 +48,12 @@ export class ExtensionNode extends ReactNodeView {
       editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
       pluginInjectionApi: props.pluginInjectionApi,
       macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
-      showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView
+      showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,
+      rendererExtensionHandlers: props.rendererExtensionHandlers
     }));
   }
 }
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView) {
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, rendererExtensionHandlers) {
   return (node, view, getPos) => {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory,
@@ -60,7 +61,8 @@ export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, pr
       extensionNodeViewOptions,
       pluginInjectionApi,
       macroInteractionDesignFeatureFlags,
-      showLivePagesBodiedMacrosRendererView
+      showLivePagesBodiedMacrosRendererView,
+      rendererExtensionHandlers
     }).init();
   };
 }

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "95.11.0";
+const packageVersion = "96.0.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "95.11.0";
+const packageVersion = "96.0.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/extensibility/Extension.js

@@ -30,7 +30,8 @@ export var Extension = /*#__PURE__*/function (_Component) {
         pluginInjectionApi = _this$props.pluginInjectionApi,
         eventDispatcher = _this$props.eventDispatcher,
         macroInteractionDesignFeatureFlags = _this$props.macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView = _this$props.showLivePagesBodiedMacrosRendererView;
+        showLivePagesBodiedMacrosRendererView = _this$props.showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
         node: node,
@@ -43,7 +44,8 @@ export var Extension = /*#__PURE__*/function (_Component) {
         pluginInjectionApi: pluginInjectionApi,
         eventDispatcher: eventDispatcher,
         macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+        showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers: rendererExtensionHandlers
       });
     });
     _this.providerFactory = props.providerFactory || new ProviderFactory();

package/dist/esm/extensibility/ExtensionComponent.js

@@ -19,7 +19,7 @@ import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
-import { getExtensionRenderer } from '../utils';
+import { getExtensionRenderer, nodeToJSON } from '../utils';
 import Extension from './Extension/Extension';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
@@ -191,7 +191,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
         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)) {
+      if (!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node)) {
         this.setState({
           showBodiedExtensionRendererView: true
         });
@@ -279,7 +279,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
             isNodeHovered: this.state.isNodeHovered,
             isNodeNested: isNodeNested,
             setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+            showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))),
             showBodiedExtensionRendererView: this.state.showBodiedExtensionRendererView,
             setShowBodiedExtensionRendererView: this.setShowBodiedExtensionRendererView
           }, extensionHandlerResult);
@@ -325,7 +325,7 @@ export var ExtensionComponentNew = function ExtensionComponentNew(props) {
     _useState2 = _slicedToArray(_useState, 2),
     extensionProvider = _useState2[0],
     setExtensionProvider = _useState2[1];
-  var _useState3 = useState(!!(showLivePagesBodiedMacrosRendererView && !isEmptyBodiedMacro(node))),
+  var _useState3 = useState(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node)),
     _useState4 = _slicedToArray(_useState3, 2),
     showBodiedExtensionRendererView = _useState4[0],
     setShowBodiedExtensionRendererView = _useState4[1];
@@ -543,7 +543,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
             isNodeHovered: this.state.isNodeHovered,
             isNodeNested: isNodeNested,
             setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+            showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))),
             showBodiedExtensionRendererView: showBodiedExtensionRendererView,
             setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
           }, extensionHandlerResult);

package/dist/esm/extensibility/extensionNodeView.js

@@ -67,13 +67,14 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
         editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView
+        showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,
+        rendererExtensionHandlers: props.rendererExtensionHandlers
       }));
     }
   }]);
   return ExtensionNode;
 }(ReactNodeView);
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView) {
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, rendererExtensionHandlers) {
   return function (node, view, getPos) {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
@@ -81,7 +82,8 @@ export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, pr
       extensionNodeViewOptions: extensionNodeViewOptions,
       pluginInjectionApi: pluginInjectionApi,
       macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-      showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView
+      showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+      rendererExtensionHandlers: rendererExtensionHandlers
     }).init();
   };
 }

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.11.0";
+var packageVersion = "96.0.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.11.0";
+var packageVersion = "96.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -1,4 +1,5 @@
 import { Component } from 'react';
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
@@ -19,7 +20,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     eventDispatcher?: EventDispatcher;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-    showLivePagesBodiedMacrosRendererView?: boolean;
+    showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+    rendererExtensionHandlers?: ExtensionHandlers;
 }
 export declare class Extension extends Component<Props, any> {
     static displayName: string;

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

@@ -1,4 +1,5 @@
 import { Component } from 'react';
+import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
@@ -19,7 +20,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     eventDispatcher?: EventDispatcher;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-    showLivePagesBodiedMacrosRendererView?: boolean;
+    showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+    rendererExtensionHandlers?: ExtensionHandlers;
 }
 export interface State {
     extensionProvider?: ExtensionProvider;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
@@ -26,8 +27,9 @@ export declare class ExtensionNode extends ReactNodeView {
         extensionNodeViewOptions?: ExtensionNodeViewOptions;
         pluginInjectionApi: ExtensionsPluginInjectionAPI;
         macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-        showLivePagesBodiedMacrosRendererView?: boolean;
+        showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+        rendererExtensionHandlers?: ExtensionHandlers;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: boolean): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types/types/feature-flags.d.ts

@@ -238,14 +238,6 @@ export type FeatureFlags = {
      * @default false
      */
     macroInteractionButtonUpdates?: boolean;
-    /**
-     * @description
-     * Enables renderer node view of bodied macros in live pages
-     *
-     * @see https://product-fabric.atlassian.net/browse/PGXT-5931
-     * @default false
-     */
-    livePagesBodiedMacrosRendererView?: boolean;
     /**
      * @description
      * Enables extra analytics to be added for comments on media

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

@@ -1,4 +1,5 @@
 import { Component } from 'react';
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
@@ -19,7 +20,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     eventDispatcher?: EventDispatcher;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-    showLivePagesBodiedMacrosRendererView?: boolean;
+    showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+    rendererExtensionHandlers?: ExtensionHandlers;
 }
 export declare class Extension extends Component<Props, any> {
     static displayName: string;

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

@@ -1,4 +1,5 @@
 import { Component } from 'react';
+import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
@@ -19,7 +20,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     eventDispatcher?: EventDispatcher;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-    showLivePagesBodiedMacrosRendererView?: boolean;
+    showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+    rendererExtensionHandlers?: ExtensionHandlers;
 }
 export interface State {
     extensionProvider?: ExtensionProvider;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
@@ -26,8 +27,9 @@ export declare class ExtensionNode extends ReactNodeView {
         extensionNodeViewOptions?: ExtensionNodeViewOptions;
         pluginInjectionApi: ExtensionsPluginInjectionAPI;
         macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-        showLivePagesBodiedMacrosRendererView?: boolean;
+        showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+        rendererExtensionHandlers?: ExtensionHandlers;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: boolean): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -238,14 +238,6 @@ export type FeatureFlags = {
      * @default false
      */
     macroInteractionButtonUpdates?: boolean;
-    /**
-     * @description
-     * Enables renderer node view of bodied macros in live pages
-     *
-     * @see https://product-fabric.atlassian.net/browse/PGXT-5931
-     * @default false
-     */
-    livePagesBodiedMacrosRendererView?: boolean;
     /**
      * @description
      * Enables extra analytics to be added for comments on media

package/package.json

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