@atlaskit/editor-common 94.14.2 → 94.16.0

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "columnCount", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "selectedCategoryIndex", "searchTerm", "setFocusedCategoryIndex", "setFocusedItemIndex"];
+var _excluded = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "columnCount", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "selectedCategoryIndex", "searchTerm", "setFocusedCategoryIndex", "setFocusedItemIndex"],
+  _excluded2 = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "columnCount", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "selectedCategoryIndex", "searchTerm", "setFocusedCategoryIndex", "setFocusedItemIndex"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -10,7 +11,7 @@ import React, { Fragment, memo, useCallback, useEffect, useMemo, useState } from
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { Grid } from 'react-virtualized';
+import { Grid, List } from 'react-virtualized';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
@@ -49,7 +50,7 @@ export var itemIcon = css({
     height: "".concat(ICON_HEIGHT, "px")
   }
 });
-function ElementList(_ref) {
+function ElementListOld(_ref) {
   var items = _ref.items,
     mode = _ref.mode,
     selectedItemIndex = _ref.selectedItemIndex,
@@ -98,8 +99,8 @@ function ElementList(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var cache = new CellMeasurerCache({
     fixedWidth: true,
-    defaultHeight: ELEMENT_ITEM_HEIGHT,
-    minHeight: ELEMENT_ITEM_HEIGHT
+    defaultHeight: 75,
+    minHeight: 75
   });
   var columnWidth = (containerWidth - ELEMENT_ITEM_PADDING * 2) / columnCount;
   var rowCount = Math.ceil(items.length / columnCount);
@@ -107,7 +108,7 @@ function ElementList(_ref) {
     var index = _ref2.index;
     return cache.rowHeight({
       index: index
-    }) <= ELEMENT_ITEM_HEIGHT ? ELEMENT_ITEM_HEIGHT : cache.rowHeight({
+    }) <= 75 ? 75 : cache.rowHeight({
       index: index
     }) + ELEMENT_ITEM_PADDING * 2;
   };
@@ -207,16 +208,301 @@ function ElementList(_ref) {
     }));
   }))));
 }
+function ElementListNew(_ref5) {
+  var items = _ref5.items,
+    mode = _ref5.mode,
+    selectedItemIndex = _ref5.selectedItemIndex,
+    focusedItemIndex = _ref5.focusedItemIndex,
+    columnCount = _ref5.columnCount,
+    setColumnCount = _ref5.setColumnCount,
+    createAnalyticsEvent = _ref5.createAnalyticsEvent,
+    emptyStateHandler = _ref5.emptyStateHandler,
+    selectedCategory = _ref5.selectedCategory,
+    selectedCategoryIndex = _ref5.selectedCategoryIndex,
+    searchTerm = _ref5.searchTerm,
+    setFocusedCategoryIndex = _ref5.setFocusedCategoryIndex,
+    setFocusedItemIndex = _ref5.setFocusedItemIndex,
+    cache = _ref5.cache,
+    onInsertItem = _ref5.onInsertItem;
+  var _useContainerWidth2 = useContainerWidth(),
+    containerWidth = _useContainerWidth2.containerWidth,
+    ContainerWidthMonitor = _useContainerWidth2.ContainerWidthMonitor;
+  var _useState3 = useState(SCROLLBAR_WIDTH),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scrollbarWidth = _useState4[0],
+    setScrollbarWidth = _useState4[1];
+  var fullMode = mode === Modes.full;
+  useEffect(function () {
+    /**
+     * More of an optimization condition.
+     * Initially the containerWidths are reported 0 twice.
+     **/
+    if (fullMode && containerWidth > 0) {
+      setColumnCount(getColumnCount(containerWidth));
+      var updatedScrollbarWidth = getScrollbarWidth();
+      if (updatedScrollbarWidth > 0) {
+        setScrollbarWidth(updatedScrollbarWidth);
+      }
+    }
+  }, [fullMode, containerWidth, setColumnCount, scrollbarWidth]);
+  var onExternalLinkClick = useCallback(function () {
+    fireAnalyticsEvent(createAnalyticsEvent)({
+      payload: {
+        action: ACTION.VISITED,
+        actionSubject: ACTION_SUBJECT.SMART_LINK,
+        eventType: EVENT_TYPE.TRACK
+      }
+    });
+  }, [createAnalyticsEvent]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var listCache = cache !== null && cache !== void 0 ? cache : new CellMeasurerCache({
+    fixedWidth: true,
+    defaultHeight: ELEMENT_ITEM_HEIGHT,
+    minHeight: ELEMENT_ITEM_HEIGHT
+  });
+  useEffect(function () {
+    // need to recalculate values if we have the same items, but they're reordered
+    listCache.clearAll();
+  }, [listCache, searchTerm]);
+  var rowHeight = function rowHeight(_ref6) {
+    var index = _ref6.index;
+    return listCache.rowHeight({
+      index: index
+    });
+  };
+  return jsx(Fragment, null, jsx(ContainerWidthMonitor, null), jsx("div", {
+    css: elementItemsWrapper,
+    "data-testid": "element-items",
+    id: selectedCategory ? "browse-category-".concat(selectedCategory, "-tab") : 'browse-category-tab',
+    "aria-labelledby": selectedCategory ? "browse-category--".concat(selectedCategory, "-button") : 'browse-category-button',
+    role: "tabpanel",
+    tabIndex: items.length === 0 ? 0 : undefined
+  }, !items.length ? emptyStateHandler ? emptyStateHandler({
+    mode: mode,
+    selectedCategory: selectedCategory,
+    searchTerm: searchTerm
+  }) : jsx(EmptyState, {
+    onExternalLinkClick: onExternalLinkClick
+  }) : jsx(Fragment, null, containerWidth > 0 && jsx(AutoSizer, {
+    disableWidth: true
+  }, function (_ref7) {
+    var height = _ref7.height;
+    return columnCount === 1 ? jsx(ElementListSingleColumn, {
+      cache: listCache,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      selectedCategoryIndex: selectedCategoryIndex,
+      items: items,
+      setFocusedItemIndex: setFocusedItemIndex,
+      fullMode: fullMode,
+      selectedItemIndex: selectedItemIndex,
+      focusedItemIndex: focusedItemIndex,
+      rowHeight: rowHeight,
+      containerWidth: containerWidth,
+      height: height,
+      onInsertItem: onInsertItem
+    }) : jsx(ElementListMultipleColumns, {
+      columnCount: columnCount,
+      cache: listCache,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      selectedCategoryIndex: selectedCategoryIndex,
+      items: items,
+      setFocusedItemIndex: setFocusedItemIndex,
+      fullMode: fullMode,
+      selectedItemIndex: selectedItemIndex,
+      focusedItemIndex: focusedItemIndex,
+      rowHeight: rowHeight,
+      containerWidth: containerWidth,
+      height: height,
+      onInsertItem: onInsertItem
+    });
+  }))));
+}
+var ElementListSingleColumn = function ElementListSingleColumn(props) {
+  var items = props.items,
+    fullMode = props.fullMode,
+    setFocusedItemIndex = props.setFocusedItemIndex,
+    rowHeight = props.rowHeight,
+    containerWidth = props.containerWidth,
+    height = props.height,
+    onInsertItem = props.onInsertItem,
+    cache = props.cache,
+    focusedItemIndex = props.focusedItemIndex,
+    setFocusedCategoryIndex = props.setFocusedCategoryIndex,
+    selectedCategoryIndex = props.selectedCategoryIndex,
+    selectedItemIndex = props.selectedItemIndex;
+  var rowRenderer = useMemo(function () {
+    return function (_ref8) {
+      var index = _ref8.index,
+        key = _ref8.key,
+        style = _ref8.style,
+        parent = _ref8.parent;
+      return jsx(CellMeasurer, {
+        key: key,
+        cache: cache,
+        parent: parent,
+        columnIndex: 0,
+        rowIndex: index
+      }, jsx("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        style: style,
+        key: key
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 -- Ignored via go/DSP-18766
+        ,
+        className: "element-item-wrapper",
+        css: elementItemWrapperSingle,
+        onKeyDown: function onKeyDown(e) {
+          if (e.key === 'Tab') {
+            if (e.shiftKey && index === 0) {
+              if (setFocusedCategoryIndex) {
+                if (!!selectedCategoryIndex) {
+                  setFocusedCategoryIndex(selectedCategoryIndex);
+                } else {
+                  setFocusedCategoryIndex(0);
+                }
+                e.preventDefault();
+              }
+            }
+            // before focus jumps from elements list we need to rerender react-virtualized grid.
+            // Otherwise on the next render 'scrollToCell' will have same cached value
+            // and grid will not be scrolled to top.
+            // So Tab press on category will not work anymore due to invisible 1-t element.
+            else if (index === items.length - 2) {
+              setFocusedItemIndex(items.length - 1);
+            }
+          }
+        }
+      }, jsx(MemoizedElementItem, {
+        inlineMode: !fullMode,
+        index: index,
+        item: items[index],
+        selected: selectedItemIndex === index,
+        focus: focusedItemIndex === index,
+        setFocusedItemIndex: setFocusedItemIndex,
+        onInsertItem: onInsertItem
+      })));
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [cache, items, fullMode, selectedItemIndex, focusedItemIndex, selectedCategoryIndex, setFocusedCategoryIndex, setFocusedItemIndex, props]);
+  return jsx(List, _extends({
+    rowRenderer: rowRenderer,
+    rowCount: items.length,
+    rowHeight: rowHeight,
+    width: containerWidth - ELEMENT_LIST_PADDING * 2,
+    height: height,
+    overscanRowCount: 3,
+    containerRole: "presentation",
+    role: "listbox"
+  }, selectedItemIndex !== undefined && {
+    scrollToIndex: selectedItemIndex
+  }));
+};
+var ElementListMultipleColumns = function ElementListMultipleColumns(props) {
+  var columnCount = props.columnCount,
+    items = props.items,
+    fullMode = props.fullMode,
+    setFocusedItemIndex = props.setFocusedItemIndex,
+    rowHeight = props.rowHeight,
+    containerWidth = props.containerWidth,
+    height = props.height,
+    onInsertItem = props.onInsertItem,
+    cache = props.cache,
+    focusedItemIndex = props.focusedItemIndex,
+    setFocusedCategoryIndex = props.setFocusedCategoryIndex,
+    selectedCategoryIndex = props.selectedCategoryIndex,
+    selectedItemIndex = props.selectedItemIndex;
+  var columnWidth = (containerWidth - ELEMENT_ITEM_PADDING * 2) / columnCount;
+  var rowCount = Math.ceil(items.length / columnCount);
+  var cellRenderer = useMemo(function () {
+    return function (_ref9) {
+      var columnIndex = _ref9.columnIndex,
+        key = _ref9.key,
+        parent = _ref9.parent,
+        rowIndex = _ref9.rowIndex,
+        style = _ref9.style;
+      var index = rowIndex * columnCount + columnIndex;
+      if (items[index] == null) {
+        return;
+      }
+      return index > items.length - 1 ? null : jsx(CellMeasurer, {
+        cache: cache,
+        key: key,
+        rowIndex: rowIndex,
+        columnIndex: columnIndex,
+        parent: parent
+      }, jsx("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        style: style,
+        key: key
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 -- Ignored via go/DSP-18766
+        ,
+        className: "element-item-wrapper",
+        css: elementItemWrapper,
+        onKeyDown: function onKeyDown(e) {
+          if (e.key === 'Tab') {
+            if (e.shiftKey && index === 0) {
+              if (setFocusedCategoryIndex) {
+                if (!!selectedCategoryIndex) {
+                  setFocusedCategoryIndex(selectedCategoryIndex);
+                } else {
+                  setFocusedCategoryIndex(0);
+                }
+                e.preventDefault();
+              }
+            }
+            // before focus jumps from elements list we need to rerender react-virtualized grid.
+            // Otherwise on the next render 'scrollToCell' will have same cached value
+            // and grid will not be scrolled to top.
+            // So Tab press on category will not work anymore due to invisible 1-t element.
+            else if (index === items.length - 2) {
+              setFocusedItemIndex(items.length - 1);
+            }
+          }
+        }
+      }, jsx(MemoizedElementItem, {
+        inlineMode: !fullMode,
+        index: index,
+        item: items[index],
+        selected: selectedItemIndex === index,
+        focus: focusedItemIndex === index,
+        setFocusedItemIndex: setFocusedItemIndex,
+        onInsertItem: onInsertItem
+      })));
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [cache, items, fullMode, selectedItemIndex, columnCount, focusedItemIndex, selectedCategoryIndex, setFocusedCategoryIndex, setFocusedItemIndex, props]);
+  return jsx(Grid, _extends({
+    cellRenderer: cellRenderer,
+    height: height,
+    width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
+    /**
+     * Refresh Grid on WidthObserver value change.
+     * Length of the items used to force re-render to solve Firefox bug with react-virtualized retaining
+     * scroll position after updating the data. If new data has different number of cells, a re-render
+     * is forced to prevent the scroll position render bug.
+     */,
+    key: containerWidth + items.length,
+    rowHeight: rowHeight,
+    rowCount: rowCount,
+    columnCount: columnCount,
+    columnWidth: columnWidth,
+    deferredMeasurementCache: cache
+  }, selectedItemIndex !== undefined && {
+    scrollToRow: Math.floor(selectedItemIndex / columnCount)
+  }));
+};
 var MemoizedElementItem = /*#__PURE__*/memo(ElementItem);
 MemoizedElementItem.displayName = 'MemoizedElementItem';
-export function ElementItem(_ref5) {
-  var inlineMode = _ref5.inlineMode,
-    selected = _ref5.selected,
-    item = _ref5.item,
-    index = _ref5.index,
-    onInsertItem = _ref5.onInsertItem,
-    focus = _ref5.focus,
-    setFocusedItemIndex = _ref5.setFocusedItemIndex;
+export function ElementItem(_ref10) {
+  var inlineMode = _ref10.inlineMode,
+    selected = _ref10.selected,
+    item = _ref10.item,
+    index = _ref10.index,
+    onInsertItem = _ref10.onInsertItem,
+    focus = _ref10.focus,
+    setFocusedItemIndex = _ref10.setFocusedItemIndex;
   var ref = useFocus(focus);
 
   /**
@@ -281,16 +567,16 @@ export function ElementItem(_ref5) {
 var itemStyleOverrides = {
   alignItems: 'flex-start'
 };
-var ElementBefore = /*#__PURE__*/memo(function (_ref6) {
-  var icon = _ref6.icon;
+var ElementBefore = /*#__PURE__*/memo(function (_ref11) {
+  var icon = _ref11.icon;
   return jsx("div", {
     css: [itemIcon, itemIconStyle]
   }, icon ? icon() : jsx(IconFallback, null));
 });
-var ItemContent = /*#__PURE__*/memo(function (_ref7) {
-  var title = _ref7.title,
-    description = _ref7.description,
-    keyshortcut = _ref7.keyshortcut;
+var ItemContent = /*#__PURE__*/memo(function (_ref12) {
+  var title = _ref12.title,
+    description = _ref12.description,
+    keyshortcut = _ref12.keyshortcut;
   if (fg('platform_editor_typography_ugc')) {
     return (
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -362,6 +648,17 @@ var elementItemsWrapper = css({
     }
   }
 });
+var elementItemWrapperSingle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  div: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    button: {
+      minHeight: '60px',
+      alignItems: 'flex-start',
+      padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-150, 12px)", " 11px")
+    }
+  }
+});
 var elementItemWrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
@@ -428,6 +725,54 @@ var itemIconStyle = css({
     objectFit: 'cover'
   }
 });
+function ElementList(_ref13) {
+  var items = _ref13.items,
+    mode = _ref13.mode,
+    selectedItemIndex = _ref13.selectedItemIndex,
+    focusedItemIndex = _ref13.focusedItemIndex,
+    columnCount = _ref13.columnCount,
+    setColumnCount = _ref13.setColumnCount,
+    createAnalyticsEvent = _ref13.createAnalyticsEvent,
+    emptyStateHandler = _ref13.emptyStateHandler,
+    selectedCategory = _ref13.selectedCategory,
+    selectedCategoryIndex = _ref13.selectedCategoryIndex,
+    searchTerm = _ref13.searchTerm,
+    setFocusedCategoryIndex = _ref13.setFocusedCategoryIndex,
+    setFocusedItemIndex = _ref13.setFocusedItemIndex,
+    props = _objectWithoutProperties(_ref13, _excluded2);
+  if (fg('platform_editor_reduce_element_browser_padding')) {
+    return jsx(ElementListNew, _extends({
+      items: items,
+      mode: mode,
+      selectedItemIndex: selectedItemIndex,
+      focusedItemIndex: focusedItemIndex,
+      columnCount: columnCount,
+      setColumnCount: setColumnCount,
+      createAnalyticsEvent: createAnalyticsEvent,
+      emptyStateHandler: emptyStateHandler,
+      selectedCategory: selectedCategory,
+      selectedCategoryIndex: selectedCategoryIndex,
+      searchTerm: searchTerm,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      setFocusedItemIndex: setFocusedItemIndex
+    }, props));
+  }
+  return jsx(ElementListOld, _extends({
+    items: items,
+    mode: mode,
+    selectedItemIndex: selectedItemIndex,
+    focusedItemIndex: focusedItemIndex,
+    columnCount: columnCount,
+    setColumnCount: setColumnCount,
+    createAnalyticsEvent: createAnalyticsEvent,
+    emptyStateHandler: emptyStateHandler,
+    selectedCategory: selectedCategory,
+    selectedCategoryIndex: selectedCategoryIndex,
+    searchTerm: searchTerm,
+    setFocusedCategoryIndex: setFocusedCategoryIndex,
+    setFocusedItemIndex: setFocusedItemIndex
+  }, props));
+}
 var MemoizedElementListWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
   component: 'ElementList'
 })(ElementList));

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -121,7 +121,8 @@ function StatelessElementBrowser(props) {
     selectedCategory = props.selectedCategory,
     onSelectCategory = props.onSelectCategory,
     searchTerm = props.searchTerm,
-    showCategories = props.showCategories;
+    showCategories = props.showCategories,
+    cache = props.cache;
   var _useContainerWidth = useContainerWidth(),
     containerWidth = _useContainerWidth.containerWidth,
     ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
@@ -230,7 +231,8 @@ function StatelessElementBrowser(props) {
     onKeyPress: onItemsEnterTabKeyPress,
     onKeyDown: onKeyDown,
     viewMoreItem: viewMoreItem,
-    focusOnViewMore: focusOnViewMore
+    focusOnViewMore: focusOnViewMore,
+    cache: cache
   })) : jsx(DesktopBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,
@@ -244,7 +246,8 @@ function StatelessElementBrowser(props) {
     focusedCategoryIndex: focusedCategoryIndex,
     setFocusedCategoryIndex: setFocusedCategoryIndex,
     selectedCategoryIndex: selectedCategoryIndex,
-    onSelectCategory: onSelectCategoryCB
+    onSelectCategory: onSelectCategoryCB,
+    cache: cache
   })));
 }
 function MobileBrowser(_ref) {
@@ -272,7 +275,8 @@ function MobileBrowser(_ref) {
     searchTerm = _ref.searchTerm,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     emptyStateHandler = _ref.emptyStateHandler,
-    viewMoreItem = _ref.viewMoreItem;
+    viewMoreItem = _ref.viewMoreItem,
+    cache = _ref.cache;
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     jsx("div", {
@@ -315,7 +319,8 @@ function MobileBrowser(_ref) {
       createAnalyticsEvent: createAnalyticsEvent,
       emptyStateHandler: emptyStateHandler,
       selectedCategory: selectedCategory,
-      searchTerm: searchTerm
+      searchTerm: searchTerm,
+      cache: cache
     })), viewMoreItem && jsx(ViewMore, {
       item: viewMoreItem,
       focus: focusOnViewMore
@@ -346,7 +351,8 @@ function DesktopBrowser(_ref2) {
     onKeyDown = _ref2.onKeyDown,
     searchTerm = _ref2.searchTerm,
     createAnalyticsEvent = _ref2.createAnalyticsEvent,
-    emptyStateHandler = _ref2.emptyStateHandler;
+    emptyStateHandler = _ref2.emptyStateHandler,
+    cache = _ref2.cache;
   return jsx("div", {
     css: elementBrowserContainer,
     "data-testid": "desktop__element-browser"
@@ -404,7 +410,8 @@ function DesktopBrowser(_ref2) {
     selectedCategory: selectedCategory,
     selectedCategoryIndex: selectedCategoryIndex,
     searchTerm: searchTerm,
-    setFocusedCategoryIndex: showCategories ? setFocusedCategoryIndex : undefined
+    setFocusedCategoryIndex: showCategories ? setFocusedCategoryIndex : undefined,
+    cache: cache
   })));
 }
 var MemoizedElementBrowser = /*#__PURE__*/memo(withAnalyticsContext({

package/dist/esm/element-browser/constants.js

@@ -16,6 +16,6 @@ export var INLINE_SIDEBAR_HEIGHT = '54px';
 export var SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 export var SCROLLBAR_WIDTH = 15;
 export var ELEMENT_LIST_PADDING = 2;
-export var ELEMENT_ITEM_HEIGHT = 75;
+export var ELEMENT_ITEM_HEIGHT = 60;
 export var ELEMENT_ITEM_PADDING = 10;
 export var ELEMENT_BROWSER_ID = 'editor-element-browser';

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

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

@@ -5,3 +5,4 @@ export { editorAnalyticsChannel, fireAnalyticsEvent } from './fire-analytics-eve
 export { getAnalyticsEventsFromTransaction } from './utils';
 export { buildEditLinkPayload, buildVisitedLinkPayload, buildOpenedSettingsPayload, unlinkPayload, } from './linking-utils';
 export type { LinkType } from './linking-utils';
+export type { RequestToEditAEP } from './types/general-events';

package/dist/types/element-browser/ElementBrowser.d.ts

@@ -1,4 +1,5 @@
 import { PureComponent } from 'react';
+import type { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import type { QuickInsertItem } from '../provider-factory';
 import type { EmptyStateHandler } from '../types';
 import type { Category, Modes } from './types';
@@ -13,6 +14,7 @@ export interface Props {
     defaultCategory?: string;
     emptyStateHandler?: EmptyStateHandler;
     viewMoreItem?: QuickInsertItem;
+    cache?: CellMeasurerCache;
 }
 export interface State {
     items: QuickInsertItem[];

package/dist/types/element-browser/components/ElementList/ElementList.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
+import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { QuickInsertItem } from '../../../provider-factory';
 import type { EmptyStateHandler } from '../../../types';
@@ -24,6 +25,7 @@ export interface Props {
     selectedCategory?: string;
     selectedCategoryIndex?: number;
     searchTerm?: string;
+    cache?: CellMeasurerCache;
 }
 type ElementItemType = {
     inlineMode: boolean;

package/dist/types/element-browser/components/StatelessElementBrowser.d.ts

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
+import type { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { QuickInsertItem } from '../../provider-factory';
 import type { EmptyStateHandler } from '../../types';
@@ -21,6 +22,7 @@ export type StatelessElementBrowserProps = {
     searchTerm?: string;
     emptyStateHandler?: EmptyStateHandler;
     viewMoreItem?: QuickInsertItem;
+    cache?: CellMeasurerCache;
 } & WithAnalyticsEventsProps;
 declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Omit<{
     categories?: Category[] | undefined;
@@ -36,5 +38,6 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
     searchTerm?: string | undefined;
     emptyStateHandler?: EmptyStateHandler | undefined;
     viewMoreItem?: QuickInsertItem | undefined;
-}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
+    cache?: CellMeasurerCache | undefined;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "cache" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
 export default MemoizedElementBrowser;

package/dist/types/element-browser/constants.d.ts

@@ -16,6 +16,6 @@ export declare const INLINE_SIDEBAR_HEIGHT = "54px";
 export declare const SEARCH_ITEM_HEIGHT_WIDTH = "20px";
 export declare const SCROLLBAR_WIDTH = 15;
 export declare const ELEMENT_LIST_PADDING = 2;
-export declare const ELEMENT_ITEM_HEIGHT = 75;
+export declare const ELEMENT_ITEM_HEIGHT = 60;
 export declare const ELEMENT_ITEM_PADDING = 10;
 export declare const ELEMENT_BROWSER_ID = "editor-element-browser";

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

@@ -2,3 +2,4 @@ export { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
 export { Extension } from './Extension';
 export { default as ExtensionNodeView, ExtensionNode } from './extensionNodeView';
 export { ExtensionComponent } from './ExtensionComponent';
+export type { MacroInteractionDesignFeatureFlags } from './types';

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

@@ -11,3 +11,4 @@ export type { QuickInsertItem, QuickInsertItemId, QuickInsertActionInsert, Quick
 export type { TypeAheadItem, TypeAheadItemRenderProps } from './types/type-ahead';
 export type { AutoformatReplacement, AutoformattingProvider, AutoformatHandler, AutoformatRuleset, } from './provider-factory/autoformatting-provider';
 export type { ContextIdentifierProvider } from './provider-factory/context-identifier-provider';
+export type { ProfilecardProvider } from './provider-factory/profile-card-provider';

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[];