@atlaskit/editor-common 94.14.1 → 94.15.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 94.15.0
+
+### Minor Changes
+
+- [`52d232456ff0c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52d232456ff0c) -
+  Updated quick insert find function to conditionally set sort function to account for new logic
+  around triggering experiment exposure
+
+## 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

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.1";
+var packageVersion = "94.15.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/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/quick-insert/utils.js

@@ -66,17 +66,22 @@ var options = {
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
 function find(query, items, prioritySortingFn) {
-  var fuseOptions = _objectSpread({}, options);
-  if (prioritySortingFn) {
-    fuseOptions.sortFn = prioritySortingFn(items);
-  }
-  var fuse = new _fuse.default(items, fuseOptions);
   if (query === '') {
     // Copy and sort list by priority
     return items.slice(0).sort(function (a, b) {
       return (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY);
     });
   }
+  var fuseOptions = _objectSpread({}, options);
+  if (prioritySortingFn) {
+    var sortFn = prioritySortingFn(items);
+    // prioritySortingFn will trigger the experiment exposure, but sortFn
+    // will be undefined for the control group.
+    if (sortFn) {
+      fuseOptions.sortFn = sortFn;
+    }
+  }
+  var fuse = new _fuse.default(items, fuseOptions);
   return fuse.search(query).map(function (result) {
     return result.item;
   });

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

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.1";
+const packageVersion = "94.15.0";
 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/quick-insert/utils.js

@@ -51,16 +51,21 @@ const options = {
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
 export function find(query, items, prioritySortingFn) {
+  if (query === '') {
+    // Copy and sort list by priority
+    return items.slice(0).sort((a, b) => (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY));
+  }
   const fuseOptions = {
     ...options
   };
   if (prioritySortingFn) {
-    fuseOptions.sortFn = prioritySortingFn(items);
+    const sortFn = prioritySortingFn(items);
+    // prioritySortingFn will trigger the experiment exposure, but sortFn
+    // will be undefined for the control group.
+    if (sortFn) {
+      fuseOptions.sortFn = sortFn;
+    }
   }
   const fuse = new Fuse(items, fuseOptions);
-  if (query === '') {
-    // Copy and sort list by priority
-    return items.slice(0).sort((a, b) => (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY));
-  }
   return fuse.search(query).map(result => result.item);
 }

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

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.1";
+var packageVersion = "94.15.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/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/quick-insert/utils.js

@@ -58,17 +58,22 @@ var options = {
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
 export function find(query, items, prioritySortingFn) {
-  var fuseOptions = _objectSpread({}, options);
-  if (prioritySortingFn) {
-    fuseOptions.sortFn = prioritySortingFn(items);
-  }
-  var fuse = new Fuse(items, fuseOptions);
   if (query === '') {
     // Copy and sort list by priority
     return items.slice(0).sort(function (a, b) {
       return (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY);
     });
   }
+  var fuseOptions = _objectSpread({}, options);
+  if (prioritySortingFn) {
+    var sortFn = prioritySortingFn(items);
+    // prioritySortingFn will trigger the experiment exposure, but sortFn
+    // will be undefined for the control group.
+    if (sortFn) {
+      fuseOptions.sortFn = sortFn;
+    }
+  }
+  var fuse = new Fuse(items, fuseOptions);
   return fuse.search(query).map(function (result) {
     return result.item;
   });

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

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

@@ -11,4 +11,4 @@ export declare const memoProcessQuickInsertItems: (items: Array<QuickInsertHandl
  * @param {QuickInsertItem[]} items - An array of QuickInsertItems to be searched.
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
-export declare function find(query: string, items: QuickInsertItem[], prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction): QuickInsertItem[];
+export declare function find(query: string, items: QuickInsertItem[], prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined): QuickInsertItem[];

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

@@ -4,7 +4,7 @@ import type { QuickInsertItem, QuickInsertProvider } from '../provider-factory';
 import type { EmptyStateHandler } from './empty-state-handler';
 export type QuickInsertOptions = boolean | {
     provider?: Promise<QuickInsertProvider>;
-    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction;
+    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined;
     onInsert?: (item: QuickInsertItem) => void;
 };
 export type QuickInsertHandlerFn = ((intl: IntlShape) => Array<QuickInsertItem>) & {
@@ -19,7 +19,7 @@ export type QuickInsertSearchOptions = {
     category?: string;
     disableDefaultItems?: boolean;
     featuredItems?: boolean;
-    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction;
+    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined;
 };
 export type QuickInsertPluginState = {
     isElementBrowserModalOpen: boolean;
@@ -36,7 +36,7 @@ export interface QuickInsertPluginOptions {
     enableElementBrowser?: boolean;
     elementBrowserHelpUrl?: string;
     emptyStateHandler?: EmptyStateHandler;
-    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction;
+    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined;
     onInsert?: (item: QuickInsertItem) => void;
 }
 export type QuickInsertSharedState = {

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

@@ -11,4 +11,4 @@ export declare const memoProcessQuickInsertItems: (items: Array<QuickInsertHandl
  * @param {QuickInsertItem[]} items - An array of QuickInsertItems to be searched.
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
-export declare function find(query: string, items: QuickInsertItem[], prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction): QuickInsertItem[];
+export declare function find(query: string, items: QuickInsertItem[], prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined): QuickInsertItem[];

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

@@ -4,7 +4,7 @@ import type { QuickInsertItem, QuickInsertProvider } from '../provider-factory';
 import type { EmptyStateHandler } from './empty-state-handler';
 export type QuickInsertOptions = boolean | {
     provider?: Promise<QuickInsertProvider>;
-    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction;
+    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined;
     onInsert?: (item: QuickInsertItem) => void;
 };
 export type QuickInsertHandlerFn = ((intl: IntlShape) => Array<QuickInsertItem>) & {
@@ -19,7 +19,7 @@ export type QuickInsertSearchOptions = {
     category?: string;
     disableDefaultItems?: boolean;
     featuredItems?: boolean;
-    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction;
+    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined;
 };
 export type QuickInsertPluginState = {
     isElementBrowserModalOpen: boolean;
@@ -36,7 +36,7 @@ export interface QuickInsertPluginOptions {
     enableElementBrowser?: boolean;
     elementBrowserHelpUrl?: string;
     emptyStateHandler?: EmptyStateHandler;
-    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction;
+    prioritySortingFn?: (items: QuickInsertItem[]) => Fuse.FuseSortFunction | undefined;
     onInsert?: (item: QuickInsertItem) => void;
 }
 export type QuickInsertSharedState = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.14.1",
+	"version": "94.15.0",
 	"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",
@@ -136,14 +136,14 @@
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^67.0.0",
-		"@atlaskit/media-ui": "^26.0.0",
+		"@atlaskit/media-ui": "^26.1.0",
 		"@atlaskit/media-viewer": "49.2.7",
 		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/onboarding": "^12.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.1.0",
 		"@atlaskit/profilecard": "^20.9.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/smart-card": "^30.2.0",