@atlaskit/editor-common 94.14.0 → 94.14.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 94.14.2
+
+### Patch Changes
+
+- [#160699](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160699)
+  [`3f6d3eca921ed`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3f6d3eca921ed) -
+  ED-25575: migrate panel plugin node rendering to portals
+- Updated dependencies
+
+## 94.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 94.14.0
 
 ### Minor Changes

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -524,7 +524,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
   return ExtensionComponentInner;
 }(_react.Component);
 var ExtensionComponent = exports.ExtensionComponent = function ExtensionComponent(props) {
-  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_extension_component')) {
+  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_extension_component_v2')) {
     return /*#__PURE__*/_react.default.createElement(ExtensionComponentNew, props);
   }
   return /*#__PURE__*/_react.default.createElement(ExtensionComponentOld, props);

package/dist/cjs/link/LinkSearch/index.js

@@ -203,7 +203,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(RecentLink, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         if (this.props.defaultUrl !== nextProps.defaultUrl) {
           this.setState(function (state) {
             if (state.url !== nextProps.defaultUrl) {
@@ -222,7 +222,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         if (prevProps.defaultUrl !== this.props.defaultUrl) {
           this.setState(function (state) {
             if (state.url !== _this2.props.defaultUrl) {

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

package/dist/cjs/portal/common.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPortalRendererComponent = createPortalRendererComponent;
+exports.getPortalProviderAPI = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _PortalBucket = require("./PortalBucket");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }
+function createPortalRendererComponent(portalManager) {
+  return function PortalRenderer() {
+    var _useState = (0, _react.useState)(portalManager.getBuckets()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      buckets = _useState2[0],
+      setBuckets = _useState2[1];
+    (0, _react.useLayoutEffect)(function () {
+      portalManager.registerPortalRenderer(setBuckets);
+      return function () {
+        portalManager.unregisterPortalRenderer();
+      };
+    }, []);
+    var portalsElements = (0, _react.useMemo)(function () {
+      return buckets.map(function (_, i) {
+        return /*#__PURE__*/_react.default.createElement(_PortalBucket.PortalBucket, {
+          key: i,
+          id: i,
+          portalManager: portalManager
+        });
+      });
+    }, [buckets]);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, portalsElements);
+  };
+}
+
+/**
+ * Creates a portal provider for managing multiple React portals. The provider
+ * facilitates rendering, removing, and destroying portals managed by a given
+ * PortalManager.
+ *
+ * @param {PortalManager} portalManager - An instance of a PortalManager which
+ * is responsible for registering, managing, and destroying portals.
+ * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
+ * portals.
+ *  - `render(children, container, key)` Renders a new React portal with the given
+ *    children, mounts it into the specified DOM container, and registers it
+ *    with the PortalManager using a unique key.
+ *  - `remove(key)` Removes a previously rendered portal identified by its key
+ *    and deregisters it from the PortalManager.
+ *  - `destroy()` Clears all portals managed by this provider and invokes the
+ *    destroy method on the PortalManager to clean up any resources.
+ *
+ */
+var getPortalProviderAPI = exports.getPortalProviderAPI = function getPortalProviderAPI(portalManager) {
+  var portalsMap = new Map();
+  return {
+    render: function render(children, container, key) {
+      var portal = /*#__PURE__*/(0, _reactDom.createPortal)(children(), container, key);
+      portalsMap.set(key, portalManager.registerPortal(key, portal));
+    },
+    remove: function remove(key) {
+      var _portalsMap$get;
+      (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 || _portalsMap$get();
+      portalsMap.delete(key);
+    },
+    destroy: function destroy() {
+      portalsMap.clear();
+      portalManager.destroy();
+    }
+  };
+};

package/dist/cjs/portal/usePortalProvider.js

@@ -1,82 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPortalRendererComponent = createPortalRendererComponent;
-exports.getPortalProviderAPI = void 0;
 exports.usePortalProvider = usePortalProvider;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _PortalBucket = require("./PortalBucket");
+var _react = require("react");
+var _common = require("./common");
 var _PortalManager = require("./PortalManager");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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; }
-function createPortalRendererComponent(portalManager) {
-  return function PortalRenderer() {
-    var _useState = (0, _react.useState)(portalManager.getBuckets()),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      buckets = _useState2[0],
-      setBuckets = _useState2[1];
-    (0, _react.useLayoutEffect)(function () {
-      portalManager.registerPortalRenderer(setBuckets);
-      return function () {
-        portalManager.unregisterPortalRenderer();
-      };
-    }, []);
-    var portalsElements = (0, _react.useMemo)(function () {
-      return buckets.map(function (_, i) {
-        return /*#__PURE__*/_react.default.createElement(_PortalBucket.PortalBucket, {
-          key: i,
-          id: i,
-          portalManager: portalManager
-        });
-      });
-    }, [buckets]);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, portalsElements);
-  };
-}
-
-/**
- * Creates a portal provider for managing multiple React portals. The provider
- * facilitates rendering, removing, and destroying portals managed by a given
- * PortalManager.
- *
- * @param {PortalManager} portalManager - An instance of a PortalManager which
- * is responsible for registering, managing, and destroying portals.
- * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
- * portals.
- *  - `render(children, container, key)` Renders a new React portal with the given
- *    children, mounts it into the specified DOM container, and registers it
- *    with the PortalManager using a unique key.
- *  - `remove(key)` Removes a previously rendered portal identified by its key
- *    and deregisters it from the PortalManager.
- *  - `destroy()` Clears all portals managed by this provider and invokes the
- *    destroy method on the PortalManager to clean up any resources.
- *
- */
-var getPortalProviderAPI = exports.getPortalProviderAPI = function getPortalProviderAPI(portalManager) {
-  var portalsMap = new Map();
-  return {
-    render: function render(children, container, key) {
-      var portal = /*#__PURE__*/(0, _reactDom.createPortal)(children(), container, key);
-      portalsMap.set(key, portalManager.registerPortal(key, portal));
-    },
-    remove: function remove(key) {
-      var _portalsMap$get;
-      (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 || _portalsMap$get();
-      portalsMap.delete(key);
-    },
-    destroy: function destroy() {
-      portalsMap.clear();
-      portalManager.destroy();
-    }
-  };
-};
-
 /**
  * Initializes PortalManager and creates PortalRendererComponent. Offers an API (portalProviderAPI) for managing portals.
  * @returns {[PortalProviderAPI, PortalRendererComponent]} An array containing two elements:
@@ -88,10 +18,10 @@ function usePortalProvider() {
     return new _PortalManager.PortalManager();
   }, []);
   var PortalRenderer = (0, _react.useMemo)(function () {
-    return createPortalRendererComponent(portalManager);
+    return (0, _common.createPortalRendererComponent)(portalManager);
   }, [portalManager]);
   var portalProviderAPI = (0, _react.useMemo)(function () {
-    return getPortalProviderAPI(portalManager);
+    return (0, _common.getPortalProviderAPI)(portalManager);
   }, [portalManager]);
 
   // Cleanup on unmount

package/dist/cjs/provider-factory/with-providers.js

@@ -43,7 +43,7 @@ var WithProviders = exports.WithProviders = /*#__PURE__*/function (_PureComponen
     _this.mounted = false;
     var _providers = {};
     _this.props.providers.forEach(function (name) {
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         var providerPromise = props.providerFactory.subscribe(name, _this.handleProviderIfMounted);
         _providers[name] = providerPromise;
       } else {
@@ -64,7 +64,7 @@ var WithProviders = exports.WithProviders = /*#__PURE__*/function (_PureComponen
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var _this2 = this;
-      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         var _this$props = this.props,
           providers = _this$props.providers,
           providerFactory = _this$props.providerFactory;

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

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

@@ -79,7 +79,7 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         this.applyPopper(nextProps);
       }
     }
@@ -88,7 +88,7 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
     value: function componentDidUpdate(prevProps, prevState) {
       var onPositioned = this.props.onPositioned;
       var hasExtractedStyles = this.state.hasExtractedStyles;
-      if (this.props !== prevProps && (0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if (this.props !== prevProps && (0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         this.applyPopper(this.props);
       }
 

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

@@ -37,7 +37,7 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider')) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider_fix')) {
         return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
           id: id,
           text: text,

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -58,7 +58,7 @@ var MentionWithProviders = exports.MentionWithProviders = function MentionWithPr
       }
     });
   }, [profilecardProviderResolver]);
-  var MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
+  var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
   return /*#__PURE__*/_react.default.createElement(MentionComponent, {
     id: id,
     text: text,

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

@@ -208,7 +208,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
     value: function UNSAFE_componentWillReceiveProps(newProps) {
       // We are delaying `updatePosition` otherwise it happens before the children
       // get rendered and we end up with a wrong position
-      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         this.scheduledUpdatePosition(newProps);
       }
     }
@@ -251,7 +251,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       this.handleChangedFocusTrapProp(prevProps);
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         if (this.props !== prevProps) {
           this.scheduledUpdatePosition(prevProps);
         }

package/dist/cjs/utils/imageLoader.js

@@ -185,7 +185,7 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
   }(_react.Component);
 };
 var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
-  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
     return withImageLoaderNew(Wrapped);
   }
   return withImageLoaderOld(Wrapped);

package/dist/cjs/utils/withFeatureFlaggedComponent.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
  * This function is used to switch between two components based on a feature flag
  * @param ComponentOld
  * @param ComponentNext
- * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2')
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
 var withFeatureFlaggedComponent = exports.withFeatureFlaggedComponent = function withFeatureFlaggedComponent(ComponentOld, ComponentNext, featureFlagFn) {

package/dist/cjs/with-plugin-state/index.js

@@ -78,7 +78,7 @@ var WithPluginState = exports.WithPluginState = /*#__PURE__*/function (_React$Co
   (0, _createClass2.default)(WithPluginState, [{
     key: "render",
     value: function render() {
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
         return /*#__PURE__*/_react.default.createElement(WithPluginStateNew, this.props);
       }
       return /*#__PURE__*/_react.default.createElement(WithPluginStateOld, this.props);

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -452,7 +452,7 @@ class ExtensionComponentInner extends Component {
   }
 }
 export const ExtensionComponent = props => {
-  if (fg('platform_editor_react18_extension_component')) {
+  if (fg('platform_editor_react18_extension_component_v2')) {
     return /*#__PURE__*/React.createElement(ExtensionComponentNew, props);
   }
   return /*#__PURE__*/React.createElement(ExtensionComponentOld, props);

package/dist/es2019/link/LinkSearch/index.js

@@ -140,7 +140,7 @@ class RecentLink extends React.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!fg('platform_editor_react18_phase2')) {
+    if (!fg('platform_editor_react18_phase2_v2')) {
       if (this.props.defaultUrl !== nextProps.defaultUrl) {
         this.setState(state => {
           if (state.url !== nextProps.defaultUrl) {
@@ -156,7 +156,7 @@ class RecentLink extends React.Component {
     }
   }
   componentDidUpdate(prevProps) {
-    if (fg('platform_editor_react18_phase2')) {
+    if (fg('platform_editor_react18_phase2_v2')) {
       if (prevProps.defaultUrl !== this.props.defaultUrl) {
         this.setState(state => {
           if (state.url !== this.props.defaultUrl) {

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

package/dist/es2019/portal/common.js

@@ -0,0 +1,57 @@
+import React, { useLayoutEffect, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { PortalBucket } from './PortalBucket';
+export function createPortalRendererComponent(portalManager) {
+  return function PortalRenderer() {
+    const [buckets, setBuckets] = useState(portalManager.getBuckets());
+    useLayoutEffect(() => {
+      portalManager.registerPortalRenderer(setBuckets);
+      return () => {
+        portalManager.unregisterPortalRenderer();
+      };
+    }, []);
+    const portalsElements = useMemo(() => buckets.map((_, i) => /*#__PURE__*/React.createElement(PortalBucket, {
+      key: i,
+      id: i,
+      portalManager: portalManager
+    })), [buckets]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, portalsElements);
+  };
+}
+
+/**
+ * Creates a portal provider for managing multiple React portals. The provider
+ * facilitates rendering, removing, and destroying portals managed by a given
+ * PortalManager.
+ *
+ * @param {PortalManager} portalManager - An instance of a PortalManager which
+ * is responsible for registering, managing, and destroying portals.
+ * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
+ * portals.
+ *  - `render(children, container, key)` Renders a new React portal with the given
+ *    children, mounts it into the specified DOM container, and registers it
+ *    with the PortalManager using a unique key.
+ *  - `remove(key)` Removes a previously rendered portal identified by its key
+ *    and deregisters it from the PortalManager.
+ *  - `destroy()` Clears all portals managed by this provider and invokes the
+ *    destroy method on the PortalManager to clean up any resources.
+ *
+ */
+export const getPortalProviderAPI = portalManager => {
+  const portalsMap = new Map();
+  return {
+    render: (children, container, key) => {
+      const portal = /*#__PURE__*/createPortal(children(), container, key);
+      portalsMap.set(key, portalManager.registerPortal(key, portal));
+    },
+    remove: key => {
+      var _portalsMap$get;
+      (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 ? void 0 : _portalsMap$get();
+      portalsMap.delete(key);
+    },
+    destroy: () => {
+      portalsMap.clear();
+      portalManager.destroy();
+    }
+  };
+};

package/dist/es2019/portal/usePortalProvider.js

@@ -1,62 +1,6 @@
-import React, { useEffect, useLayoutEffect, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { PortalBucket } from './PortalBucket';
+import { useEffect, useMemo } from 'react';
+import { createPortalRendererComponent, getPortalProviderAPI } from './common';
 import { PortalManager } from './PortalManager';
-export function createPortalRendererComponent(portalManager) {
-  return function PortalRenderer() {
-    const [buckets, setBuckets] = useState(portalManager.getBuckets());
-    useLayoutEffect(() => {
-      portalManager.registerPortalRenderer(setBuckets);
-      return () => {
-        portalManager.unregisterPortalRenderer();
-      };
-    }, []);
-    const portalsElements = useMemo(() => buckets.map((_, i) => /*#__PURE__*/React.createElement(PortalBucket, {
-      key: i,
-      id: i,
-      portalManager: portalManager
-    })), [buckets]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, portalsElements);
-  };
-}
-
-/**
- * Creates a portal provider for managing multiple React portals. The provider
- * facilitates rendering, removing, and destroying portals managed by a given
- * PortalManager.
- *
- * @param {PortalManager} portalManager - An instance of a PortalManager which
- * is responsible for registering, managing, and destroying portals.
- * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
- * portals.
- *  - `render(children, container, key)` Renders a new React portal with the given
- *    children, mounts it into the specified DOM container, and registers it
- *    with the PortalManager using a unique key.
- *  - `remove(key)` Removes a previously rendered portal identified by its key
- *    and deregisters it from the PortalManager.
- *  - `destroy()` Clears all portals managed by this provider and invokes the
- *    destroy method on the PortalManager to clean up any resources.
- *
- */
-export const getPortalProviderAPI = portalManager => {
-  const portalsMap = new Map();
-  return {
-    render: (children, container, key) => {
-      const portal = /*#__PURE__*/createPortal(children(), container, key);
-      portalsMap.set(key, portalManager.registerPortal(key, portal));
-    },
-    remove: key => {
-      var _portalsMap$get;
-      (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 ? void 0 : _portalsMap$get();
-      portalsMap.delete(key);
-    },
-    destroy: () => {
-      portalsMap.clear();
-      portalManager.destroy();
-    }
-  };
-};
-
 /**
  * Initializes PortalManager and creates PortalRendererComponent. Offers an API (portalProviderAPI) for managing portals.
  * @returns {[PortalProviderAPI, PortalRendererComponent]} An array containing two elements:

package/dist/es2019/provider-factory/with-providers.js

@@ -27,7 +27,7 @@ export class WithProviders extends PureComponent {
     this.mounted = false;
     const _providers = {};
     this.props.providers.forEach(name => {
-      if (fg('platform_editor_react18_phase2')) {
+      if (fg('platform_editor_react18_phase2_v2')) {
         const providerPromise = props.providerFactory.subscribe(name, this.handleProviderIfMounted);
         _providers[name] = providerPromise;
       } else {
@@ -42,7 +42,7 @@ export class WithProviders extends PureComponent {
     this.mounted = true;
   }
   UNSAFE_componentWillMount() {
-    if (!fg('platform_editor_react18_phase2')) {
+    if (!fg('platform_editor_react18_phase2_v2')) {
       const {
         providers,
         providerFactory

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 = "94.14.0";
+const packageVersion = "94.14.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -50,7 +50,7 @@ export default class Layer extends Component {
     this.applyPopper(this.props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!fg('platform_editor_react18_phase2')) {
+    if (!fg('platform_editor_react18_phase2_v2')) {
       this.applyPopper(nextProps);
     }
   }
@@ -61,7 +61,7 @@ export default class Layer extends Component {
     const {
       hasExtractedStyles
     } = this.state;
-    if (this.props !== prevProps && fg('platform_editor_react18_phase2')) {
+    if (this.props !== prevProps && fg('platform_editor_react18_phase2_v2')) {
       this.applyPopper(this.props);
     }
 

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

@@ -19,7 +19,7 @@ export default class Mention extends PureComponent {
         mentionProvider,
         profilecardProvider
       } = providers;
-      if (fg('platform_editor_react18_mention_with_provider')) {
+      if (fg('platform_editor_react18_mention_with_provider_fix')) {
         return /*#__PURE__*/React.createElement(MentionWithProviders, {
           id: id,
           text: text,

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -37,7 +37,7 @@ export const MentionWithProviders = ({
       }
     });
   }, [profilecardProviderResolver]);
-  const MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  const MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,

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

@@ -168,7 +168,7 @@ export default class Popup extends React.Component {
   UNSAFE_componentWillReceiveProps(newProps) {
     // We are delaying `updatePosition` otherwise it happens before the children
     // get rendered and we end up with a wrong position
-    if (!fg('platform_editor_react18_phase2')) {
+    if (!fg('platform_editor_react18_phase2_v2')) {
       this.scheduledUpdatePosition(newProps);
     }
   }
@@ -204,7 +204,7 @@ export default class Popup extends React.Component {
   }
   componentDidUpdate(prevProps) {
     this.handleChangedFocusTrapProp(prevProps);
-    if (fg('platform_editor_react18_phase2')) {
+    if (fg('platform_editor_react18_phase2_v2')) {
       if (this.props !== prevProps) {
         this.scheduledUpdatePosition(prevProps);
       }

package/dist/es2019/utils/imageLoader.js

@@ -133,7 +133,7 @@ const withImageLoaderNew = Wrapped => class WithImageLoader extends Component {
   }
 };
 export const withImageLoader = Wrapped => {
-  if (fg('platform_editor_react18_phase2')) {
+  if (fg('platform_editor_react18_phase2_v2')) {
     return withImageLoaderNew(Wrapped);
   }
   return withImageLoaderOld(Wrapped);

package/dist/es2019/utils/withFeatureFlaggedComponent.js

@@ -4,7 +4,7 @@ import React from 'react';
  * This function is used to switch between two components based on a feature flag
  * @param ComponentOld
  * @param ComponentNext
- * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2')
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
 export const withFeatureFlaggedComponent = (ComponentOld, ComponentNext, featureFlagFn) => {

package/dist/es2019/with-plugin-state/index.js

@@ -57,7 +57,7 @@ class WithPluginState extends React.Component {
     super(props);
   }
   render() {
-    if (fg('platform_editor_react18_phase2')) {
+    if (fg('platform_editor_react18_phase2_v2')) {
       return /*#__PURE__*/React.createElement(WithPluginStateNew, this.props);
     }
     return /*#__PURE__*/React.createElement(WithPluginStateOld, this.props);

package/dist/esm/extensibility/ExtensionComponent.js

@@ -518,7 +518,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
   return ExtensionComponentInner;
 }(Component);
 export var ExtensionComponent = function ExtensionComponent(props) {
-  if (fg('platform_editor_react18_extension_component')) {
+  if (fg('platform_editor_react18_extension_component_v2')) {
     return /*#__PURE__*/React.createElement(ExtensionComponentNew, props);
   }
   return /*#__PURE__*/React.createElement(ExtensionComponentOld, props);

package/dist/esm/link/LinkSearch/index.js

@@ -196,7 +196,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
   _createClass(RecentLink, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!fg('platform_editor_react18_phase2')) {
+      if (!fg('platform_editor_react18_phase2_v2')) {
         if (this.props.defaultUrl !== nextProps.defaultUrl) {
           this.setState(function (state) {
             if (state.url !== nextProps.defaultUrl) {
@@ -215,7 +215,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this;
-      if (fg('platform_editor_react18_phase2')) {
+      if (fg('platform_editor_react18_phase2_v2')) {
         if (prevProps.defaultUrl !== this.props.defaultUrl) {
           this.setState(function (state) {
             if (state.url !== _this2.props.defaultUrl) {

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

package/dist/esm/portal/common.js

@@ -0,0 +1,65 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useLayoutEffect, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { PortalBucket } from './PortalBucket';
+export function createPortalRendererComponent(portalManager) {
+  return function PortalRenderer() {
+    var _useState = useState(portalManager.getBuckets()),
+      _useState2 = _slicedToArray(_useState, 2),
+      buckets = _useState2[0],
+      setBuckets = _useState2[1];
+    useLayoutEffect(function () {
+      portalManager.registerPortalRenderer(setBuckets);
+      return function () {
+        portalManager.unregisterPortalRenderer();
+      };
+    }, []);
+    var portalsElements = useMemo(function () {
+      return buckets.map(function (_, i) {
+        return /*#__PURE__*/React.createElement(PortalBucket, {
+          key: i,
+          id: i,
+          portalManager: portalManager
+        });
+      });
+    }, [buckets]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, portalsElements);
+  };
+}
+
+/**
+ * Creates a portal provider for managing multiple React portals. The provider
+ * facilitates rendering, removing, and destroying portals managed by a given
+ * PortalManager.
+ *
+ * @param {PortalManager} portalManager - An instance of a PortalManager which
+ * is responsible for registering, managing, and destroying portals.
+ * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
+ * portals.
+ *  - `render(children, container, key)` Renders a new React portal with the given
+ *    children, mounts it into the specified DOM container, and registers it
+ *    with the PortalManager using a unique key.
+ *  - `remove(key)` Removes a previously rendered portal identified by its key
+ *    and deregisters it from the PortalManager.
+ *  - `destroy()` Clears all portals managed by this provider and invokes the
+ *    destroy method on the PortalManager to clean up any resources.
+ *
+ */
+export var getPortalProviderAPI = function getPortalProviderAPI(portalManager) {
+  var portalsMap = new Map();
+  return {
+    render: function render(children, container, key) {
+      var portal = /*#__PURE__*/createPortal(children(), container, key);
+      portalsMap.set(key, portalManager.registerPortal(key, portal));
+    },
+    remove: function remove(key) {
+      var _portalsMap$get;
+      (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 || _portalsMap$get();
+      portalsMap.delete(key);
+    },
+    destroy: function destroy() {
+      portalsMap.clear();
+      portalManager.destroy();
+    }
+  };
+};

package/dist/esm/portal/usePortalProvider.js

@@ -1,70 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useLayoutEffect, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { PortalBucket } from './PortalBucket';
+import { useEffect, useMemo } from 'react';
+import { createPortalRendererComponent, getPortalProviderAPI } from './common';
 import { PortalManager } from './PortalManager';
-export function createPortalRendererComponent(portalManager) {
-  return function PortalRenderer() {
-    var _useState = useState(portalManager.getBuckets()),
-      _useState2 = _slicedToArray(_useState, 2),
-      buckets = _useState2[0],
-      setBuckets = _useState2[1];
-    useLayoutEffect(function () {
-      portalManager.registerPortalRenderer(setBuckets);
-      return function () {
-        portalManager.unregisterPortalRenderer();
-      };
-    }, []);
-    var portalsElements = useMemo(function () {
-      return buckets.map(function (_, i) {
-        return /*#__PURE__*/React.createElement(PortalBucket, {
-          key: i,
-          id: i,
-          portalManager: portalManager
-        });
-      });
-    }, [buckets]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, portalsElements);
-  };
-}
-
-/**
- * Creates a portal provider for managing multiple React portals. The provider
- * facilitates rendering, removing, and destroying portals managed by a given
- * PortalManager.
- *
- * @param {PortalManager} portalManager - An instance of a PortalManager which
- * is responsible for registering, managing, and destroying portals.
- * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
- * portals.
- *  - `render(children, container, key)` Renders a new React portal with the given
- *    children, mounts it into the specified DOM container, and registers it
- *    with the PortalManager using a unique key.
- *  - `remove(key)` Removes a previously rendered portal identified by its key
- *    and deregisters it from the PortalManager.
- *  - `destroy()` Clears all portals managed by this provider and invokes the
- *    destroy method on the PortalManager to clean up any resources.
- *
- */
-export var getPortalProviderAPI = function getPortalProviderAPI(portalManager) {
-  var portalsMap = new Map();
-  return {
-    render: function render(children, container, key) {
-      var portal = /*#__PURE__*/createPortal(children(), container, key);
-      portalsMap.set(key, portalManager.registerPortal(key, portal));
-    },
-    remove: function remove(key) {
-      var _portalsMap$get;
-      (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 || _portalsMap$get();
-      portalsMap.delete(key);
-    },
-    destroy: function destroy() {
-      portalsMap.clear();
-      portalManager.destroy();
-    }
-  };
-};
-
 /**
  * Initializes PortalManager and creates PortalRendererComponent. Offers an API (portalProviderAPI) for managing portals.
  * @returns {[PortalProviderAPI, PortalRendererComponent]} An array containing two elements:

package/dist/esm/provider-factory/with-providers.js

@@ -37,7 +37,7 @@ export var WithProviders = /*#__PURE__*/function (_PureComponent) {
     _this.mounted = false;
     var _providers = {};
     _this.props.providers.forEach(function (name) {
-      if (fg('platform_editor_react18_phase2')) {
+      if (fg('platform_editor_react18_phase2_v2')) {
         var providerPromise = props.providerFactory.subscribe(name, _this.handleProviderIfMounted);
         _providers[name] = providerPromise;
       } else {
@@ -58,7 +58,7 @@ export var WithProviders = /*#__PURE__*/function (_PureComponent) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var _this2 = this;
-      if (!fg('platform_editor_react18_phase2')) {
+      if (!fg('platform_editor_react18_phase2_v2')) {
         var _this$props = this.props,
           providers = _this$props.providers,
           providerFactory = _this$props.providerFactory;

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

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

@@ -69,7 +69,7 @@ var Layer = /*#__PURE__*/function (_Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!fg('platform_editor_react18_phase2')) {
+      if (!fg('platform_editor_react18_phase2_v2')) {
         this.applyPopper(nextProps);
       }
     }
@@ -78,7 +78,7 @@ var Layer = /*#__PURE__*/function (_Component) {
     value: function componentDidUpdate(prevProps, prevState) {
       var onPositioned = this.props.onPositioned;
       var hasExtractedStyles = this.state.hasExtractedStyles;
-      if (this.props !== prevProps && fg('platform_editor_react18_phase2')) {
+      if (this.props !== prevProps && fg('platform_editor_react18_phase2_v2')) {
         this.applyPopper(this.props);
       }
 

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

@@ -28,7 +28,7 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      if (fg('platform_editor_react18_mention_with_provider')) {
+      if (fg('platform_editor_react18_mention_with_provider_fix')) {
         return /*#__PURE__*/React.createElement(MentionWithProviders, {
           id: id,
           text: text,

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -48,7 +48,7 @@ export var MentionWithProviders = function MentionWithProviders(_ref) {
       }
     });
   }, [profilecardProviderResolver]);
-  var MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,

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

@@ -195,7 +195,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     value: function UNSAFE_componentWillReceiveProps(newProps) {
       // We are delaying `updatePosition` otherwise it happens before the children
       // get rendered and we end up with a wrong position
-      if (!fg('platform_editor_react18_phase2')) {
+      if (!fg('platform_editor_react18_phase2_v2')) {
         this.scheduledUpdatePosition(newProps);
       }
     }
@@ -238,7 +238,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       this.handleChangedFocusTrapProp(prevProps);
-      if (fg('platform_editor_react18_phase2')) {
+      if (fg('platform_editor_react18_phase2_v2')) {
         if (this.props !== prevProps) {
           this.scheduledUpdatePosition(prevProps);
         }

package/dist/esm/utils/imageLoader.js

@@ -175,7 +175,7 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
   }(Component);
 };
 export var withImageLoader = function withImageLoader(Wrapped) {
-  if (fg('platform_editor_react18_phase2')) {
+  if (fg('platform_editor_react18_phase2_v2')) {
     return withImageLoaderNew(Wrapped);
   }
   return withImageLoaderOld(Wrapped);

package/dist/esm/utils/withFeatureFlaggedComponent.js

@@ -4,7 +4,7 @@ import React from 'react';
  * This function is used to switch between two components based on a feature flag
  * @param ComponentOld
  * @param ComponentNext
- * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2')
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
 export var withFeatureFlaggedComponent = function withFeatureFlaggedComponent(ComponentOld, ComponentNext, featureFlagFn) {

package/dist/esm/with-plugin-state/index.js

@@ -71,7 +71,7 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
   _createClass(WithPluginState, [{
     key: "render",
     value: function render() {
-      if (fg('platform_editor_react18_phase2')) {
+      if (fg('platform_editor_react18_phase2_v2')) {
         return /*#__PURE__*/React.createElement(WithPluginStateNew, this.props);
       }
       return /*#__PURE__*/React.createElement(WithPluginStateOld, this.props);

package/dist/types/portal/common.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { type PortalManager } from './PortalManager';
+type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string) => void;
+type RemoveFn = (key: string) => void;
+type DestoryFn = () => void;
+export interface PortalProviderAPI {
+    render: RenderFn;
+    remove: RemoveFn;
+    destroy: DestoryFn;
+}
+export type PortalRendererComponent = () => JSX.Element;
+export type UsePortalProviderReturnType = [PortalProviderAPI, PortalRendererComponent];
+export declare function createPortalRendererComponent(portalManager: PortalManager): () => JSX.Element;
+/**
+ * Creates a portal provider for managing multiple React portals. The provider
+ * facilitates rendering, removing, and destroying portals managed by a given
+ * PortalManager.
+ *
+ * @param {PortalManager} portalManager - An instance of a PortalManager which
+ * is responsible for registering, managing, and destroying portals.
+ * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
+ * portals.
+ *  - `render(children, container, key)` Renders a new React portal with the given
+ *    children, mounts it into the specified DOM container, and registers it
+ *    with the PortalManager using a unique key.
+ *  - `remove(key)` Removes a previously rendered portal identified by its key
+ *    and deregisters it from the PortalManager.
+ *  - `destroy()` Clears all portals managed by this provider and invokes the
+ *    destroy method on the PortalManager to clean up any resources.
+ *
+ */
+export declare const getPortalProviderAPI: (portalManager: PortalManager) => PortalProviderAPI;
+export {};

package/dist/types/portal/index.d.ts

@@ -1,4 +1,4 @@
 export { PortalManager } from './PortalManager';
 export { PortalBucket } from './PortalBucket';
 export { usePortalProvider } from './usePortalProvider';
-export type { PortalProviderAPI } from './usePortalProvider';
+export type { PortalProviderAPI } from './common';

package/dist/types/portal/usePortalProvider.d.ts

@@ -1,35 +1,4 @@
-import React from 'react';
-import { PortalManager } from './PortalManager';
-type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string) => void;
-type RemoveFn = (key: string) => void;
-type DestoryFn = () => void;
-export interface PortalProviderAPI {
-    render: RenderFn;
-    remove: RemoveFn;
-    destroy: DestoryFn;
-}
-type PortalRendererComponent = () => JSX.Element;
-type UsePortalProviderReturnType = [PortalProviderAPI, PortalRendererComponent];
-export declare function createPortalRendererComponent(portalManager: PortalManager): () => JSX.Element;
-/**
- * Creates a portal provider for managing multiple React portals. The provider
- * facilitates rendering, removing, and destroying portals managed by a given
- * PortalManager.
- *
- * @param {PortalManager} portalManager - An instance of a PortalManager which
- * is responsible for registering, managing, and destroying portals.
- * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
- * portals.
- *  - `render(children, container, key)` Renders a new React portal with the given
- *    children, mounts it into the specified DOM container, and registers it
- *    with the PortalManager using a unique key.
- *  - `remove(key)` Removes a previously rendered portal identified by its key
- *    and deregisters it from the PortalManager.
- *  - `destroy()` Clears all portals managed by this provider and invokes the
- *    destroy method on the PortalManager to clean up any resources.
- *
- */
-export declare const getPortalProviderAPI: (portalManager: PortalManager) => PortalProviderAPI;
+import { type UsePortalProviderReturnType } from './common';
 /**
  * Initializes PortalManager and creates PortalRendererComponent. Offers an API (portalProviderAPI) for managing portals.
  * @returns {[PortalProviderAPI, PortalRendererComponent]} An array containing two elements:
@@ -37,4 +6,3 @@ export declare const getPortalProviderAPI: (portalManager: PortalManager) => Por
  *         2. PortalRenderer: A React component responsible for rendering the portal content.
  */
 export declare function usePortalProvider(): UsePortalProviderReturnType;
-export {};

package/dist/types/types/plugin-factory.d.ts

@@ -14,6 +14,7 @@ export type PMPluginFactoryParams = {
     providerFactory: ProviderFactory;
     errorReporter?: ErrorReporter;
     portalProviderAPI: PortalProviderAPI;
+    nodeViewPortalProviderAPI: PortalProviderAPI;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;
     getIntl: () => IntlShape;

package/dist/types/utils/withFeatureFlaggedComponent.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
  * This function is used to switch between two components based on a feature flag
  * @param ComponentOld
  * @param ComponentNext
- * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2')
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
 export declare const withFeatureFlaggedComponent: <P extends object>(ComponentOld: React.ComponentType<P>, ComponentNext: React.ComponentType<P>, featureFlagFn: () => boolean) => (props: P) => JSX.Element;

package/dist/types-ts4.5/portal/common.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type PortalManager } from './PortalManager';
+type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string) => void;
+type RemoveFn = (key: string) => void;
+type DestoryFn = () => void;
+export interface PortalProviderAPI {
+    render: RenderFn;
+    remove: RemoveFn;
+    destroy: DestoryFn;
+}
+export type PortalRendererComponent = () => JSX.Element;
+export type UsePortalProviderReturnType = [
+    PortalProviderAPI,
+    PortalRendererComponent
+];
+export declare function createPortalRendererComponent(portalManager: PortalManager): () => JSX.Element;
+/**
+ * Creates a portal provider for managing multiple React portals. The provider
+ * facilitates rendering, removing, and destroying portals managed by a given
+ * PortalManager.
+ *
+ * @param {PortalManager} portalManager - An instance of a PortalManager which
+ * is responsible for registering, managing, and destroying portals.
+ * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
+ * portals.
+ *  - `render(children, container, key)` Renders a new React portal with the given
+ *    children, mounts it into the specified DOM container, and registers it
+ *    with the PortalManager using a unique key.
+ *  - `remove(key)` Removes a previously rendered portal identified by its key
+ *    and deregisters it from the PortalManager.
+ *  - `destroy()` Clears all portals managed by this provider and invokes the
+ *    destroy method on the PortalManager to clean up any resources.
+ *
+ */
+export declare const getPortalProviderAPI: (portalManager: PortalManager) => PortalProviderAPI;
+export {};

package/dist/types-ts4.5/portal/index.d.ts

@@ -1,4 +1,4 @@
 export { PortalManager } from './PortalManager';
 export { PortalBucket } from './PortalBucket';
 export { usePortalProvider } from './usePortalProvider';
-export type { PortalProviderAPI } from './usePortalProvider';
+export type { PortalProviderAPI } from './common';

package/dist/types-ts4.5/portal/usePortalProvider.d.ts

@@ -1,38 +1,4 @@
-import React from 'react';
-import { PortalManager } from './PortalManager';
-type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string) => void;
-type RemoveFn = (key: string) => void;
-type DestoryFn = () => void;
-export interface PortalProviderAPI {
-    render: RenderFn;
-    remove: RemoveFn;
-    destroy: DestoryFn;
-}
-type PortalRendererComponent = () => JSX.Element;
-type UsePortalProviderReturnType = [
-    PortalProviderAPI,
-    PortalRendererComponent
-];
-export declare function createPortalRendererComponent(portalManager: PortalManager): () => JSX.Element;
-/**
- * Creates a portal provider for managing multiple React portals. The provider
- * facilitates rendering, removing, and destroying portals managed by a given
- * PortalManager.
- *
- * @param {PortalManager} portalManager - An instance of a PortalManager which
- * is responsible for registering, managing, and destroying portals.
- * @returns {PortalProviderAPI} An object containing methods to render, remove, and destroy
- * portals.
- *  - `render(children, container, key)` Renders a new React portal with the given
- *    children, mounts it into the specified DOM container, and registers it
- *    with the PortalManager using a unique key.
- *  - `remove(key)` Removes a previously rendered portal identified by its key
- *    and deregisters it from the PortalManager.
- *  - `destroy()` Clears all portals managed by this provider and invokes the
- *    destroy method on the PortalManager to clean up any resources.
- *
- */
-export declare const getPortalProviderAPI: (portalManager: PortalManager) => PortalProviderAPI;
+import { type UsePortalProviderReturnType } from './common';
 /**
  * Initializes PortalManager and creates PortalRendererComponent. Offers an API (portalProviderAPI) for managing portals.
  * @returns {[PortalProviderAPI, PortalRendererComponent]} An array containing two elements:
@@ -40,4 +6,3 @@ export declare const getPortalProviderAPI: (portalManager: PortalManager) => Por
  *         2. PortalRenderer: A React component responsible for rendering the portal content.
  */
 export declare function usePortalProvider(): UsePortalProviderReturnType;
-export {};

package/dist/types-ts4.5/types/plugin-factory.d.ts

@@ -14,6 +14,7 @@ export type PMPluginFactoryParams = {
     providerFactory: ProviderFactory;
     errorReporter?: ErrorReporter;
     portalProviderAPI: PortalProviderAPI;
+    nodeViewPortalProviderAPI: PortalProviderAPI;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;
     getIntl: () => IntlShape;

package/dist/types-ts4.5/utils/withFeatureFlaggedComponent.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
  * This function is used to switch between two components based on a feature flag
  * @param ComponentOld
  * @param ComponentNext
- * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2')
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
 export declare const withFeatureFlaggedComponent: <P extends object>(ComponentOld: React.ComponentType<P>, ComponentNext: React.ComponentType<P>, featureFlagFn: () => boolean) => (props: P) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.14.0",
+	"version": "94.14.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -110,7 +110,7 @@
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.4.0",
 		"@atlaskit/adf-schema": "^44.2.0",
-		"@atlaskit/adf-utils": "^19.10.0",
+		"@atlaskit/adf-utils": "^19.11.0",
 		"@atlaskit/analytics-listeners": "^8.11.0",
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.1.0",
@@ -137,7 +137,7 @@
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^67.0.0",
 		"@atlaskit/media-ui": "^26.0.0",
-		"@atlaskit/media-viewer": "49.2.6",
+		"@atlaskit/media-viewer": "49.2.7",
 		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/onboarding": "^12.1.0",
@@ -250,16 +250,16 @@
 		"editor_code_block_wrapping_language_change_bug": {
 			"type": "boolean"
 		},
-		"platform_editor_react18_mention_with_provider": {
+		"platform_editor_react18_mention_with_provider_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_react18_phase2": {
+		"platform_editor_react18_phase2_v2": {
 			"type": "boolean"
 		},
 		"use-effect-in-use-previous-props": {
 			"type": "boolean"
 		},
-		"platform_editor_react18_extension_component": {
+		"platform_editor_react18_extension_component_v2": {
 			"type": "boolean"
 		},
 		"platform-datasources-enable-two-way-sync": {