@atlaskit/editor-plugin-insert-block 30.0.5 → 31.0.1

package/dist/esm/ui/registered-insert-menu/RegisteredInsertMenu.js

@@ -1,284 +1,159 @@
 /* RegisteredInsertMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./RegisteredInsertMenu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { getDocument } from '@atlaskit/browser-apis';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
+import { insertSelectedItem } from '@atlaskit/editor-common/insert';
+import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages/insert-block';
 import { MENU } from '@atlaskit/editor-common/quick-insert/keys';
-import { getQuickInsertMenuModel, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
-import { useQuickInsertSearchAnalytics } from '@atlaskit/editor-common/quick-insert/use-search-analytics';
-import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
-import { TYPE_AHEAD_SURFACE_CONTEXT } from '@atlaskit/editor-common/type-ahead-surface-context';
-import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
+import { RegisteredMenuContext } from '@atlaskit/editor-common/registered-menu/context';
+import { createRegisteredMenuSurfaceContext } from '@atlaskit/editor-common/registered-menu/surface-context';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
 import { Box } from '@atlaskit/primitives/compiled/box';
 import Textfield from '@atlaskit/textfield/text-field';
-import { RegisteredInsertMenuList } from './RegisteredInsertMenuList';
 var DEFAULT_MENU_MAX_HEIGHT = 520;
+var SEARCH_HEIGHT = 64;
 var styles = {
   menu: "_2rko1mok _1reo15vq _18m915vq _bfhk1bhr _16qs130s _1e0c1txw _2lx21bp4 _1bsb1edt",
+  hidden: "_1e0cglyw",
   search: "_18zrutpp _1o9zidpf _1q51utpp _85i5u2gc"
 };
-export var RegisteredInsertMenu = function RegisteredInsertMenu(_ref) {
-  var components = _ref.components,
-    emptyStateHandler = _ref.emptyStateHandler,
-    fireAnalyticsEvent = _ref.fireAnalyticsEvent,
-    getItemRank = _ref.getItemRank,
-    editorView = _ref.editorView,
-    isOffline = _ref.isOffline,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? DEFAULT_MENU_MAX_HEIGHT : _ref$maxHeight,
-    onClose = _ref.onClose,
-    onSelect = _ref.onSelect;
-  var menuStyle = {
-    maxHeight: maxHeight
-  };
+export var RegisteredInsertMenu = function RegisteredInsertMenu(props) {
+  var _props$maxHeight, _interaction$expanded;
+  var components = props.components,
+    editorView = props.editorView,
+    isOffline = props.isOffline,
+    onSelect = props.onSelect;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var listId = useId();
-  var _useState = useState(function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    interaction = _useState2[0],
+    setInteraction = _useState2[1];
+  var registerInteraction = useCallback(function (next) {
+    setInteraction(next);
+    return function () {
+      return setInteraction(function (current) {
+        return current === next ? undefined : current;
+      });
+    };
+  }, []);
+  var searchRef = useRef(null);
+  var hasInteraction = Boolean(interaction);
+  useLayoutEffect(function () {
+    if (hasInteraction) {
+      var _searchRef$current;
+      (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 || _searchRef$current.focus({
+        preventScroll: true
+      });
+    }
+  }, [hasInteraction]);
+  var maxHeight = (_props$maxHeight = props.maxHeight) !== null && _props$maxHeight !== void 0 ? _props$maxHeight : DEFAULT_MENU_MAX_HEIGHT;
+  var menuStyle = useMemo(function () {
+    return {
+      maxHeight: maxHeight
+    };
+  }, [maxHeight]);
+  var _useState3 = useState(function () {
       return Symbol('registered-insert-menu-open');
     }),
-    _useState2 = _slicedToArray(_useState, 1),
-    menuOpenId = _useState2[0];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    query = _useState4[0],
-    setQuery = _useState4[1];
-  var _useState5 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 1),
+    menuOpenId = _useState4[0];
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    selectedItemIndex = _useState6[0],
-    setSelectedItemIndex = _useState6[1];
-  var selectedItemIndexRef = useRef(selectedItemIndex);
-  var _useState7 = useState({
-      startIndex: -1,
-      stopIndex: -1
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    renderedItems = _useState8[0],
-    setRenderedItems = _useState8[1];
-  var searchRef = useRef(null);
-  useLayoutEffect(function () {
-    var _searchRef$current;
-    // Popup positions on the next frame; focusing must not scroll to its initial location.
-    (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 || _searchRef$current.focus({
-      preventScroll: true
-    });
-  }, []);
+    query = _useState6[0],
+    setQuery = _useState6[1];
   var surfaceContext = useMemo(function () {
-    return createSurfaceContext(TYPE_AHEAD_SURFACE_CONTEXT, {
-      menuOpenId: menuOpenId
+    return createRegisteredMenuSurfaceContext({
+      menuOpenId: menuOpenId,
+      surface: 'toolbar'
     });
   }, [menuOpenId]);
-  var hasSectionOverflowItems = useMemo(function () {
-    return components.some(function (_ref2) {
-      var key = _ref2.key;
-      return isSectionOverflowItemKey(key);
-    });
+  var Root = useMemo(function () {
+    var _components$find;
+    return (_components$find = components.find(function (_ref) {
+      var key = _ref.key,
+        type = _ref.type,
+        parents = _ref.parents;
+      return key === MENU.key && type === MENU.type && !(parents !== null && parents !== void 0 && parents.length);
+    })) === null || _components$find === void 0 ? void 0 : _components$find.component;
   }, [components]);
-  var model = useMemo(function () {
-    return getQuickInsertMenuModel({
-      components: components,
-      formatMessage: formatMessage,
-      getItemRank: getItemRank,
-      query: query,
-      rootComponent: MENU,
-      selectCategoryItems: hasSectionOverflowItems ? selectQuickInsertCategoryItems : undefined,
-      surfaceContext: surfaceContext
-    });
-  }, [components, formatMessage, getItemRank, hasSectionOverflowItems, query, surfaceContext]);
-  var _useState9 = useState(),
-    _useState0 = _slicedToArray(_useState9, 2),
-    previewActivation = _useState0[0],
-    setPreviewActivation = _useState0[1];
-  var activePreviewItemKey = (previewActivation === null || previewActivation === void 0 ? void 0 : previewActivation.model) === model ? previewActivation.itemKey : undefined;
-  var searchResultCount = useMemo(function () {
-    return model.sections.reduce(function (count, section) {
-      return count + section.filter(function (_ref3) {
-        var key = _ref3.key,
-          type = _ref3.type;
-        return type === 'menu-item' && !isSectionOverflowItemKey(key);
-      }).length;
-    }, 0);
-  }, [model.sections]);
-  var flushSearchAnalytics = useQuickInsertSearchAnalytics({
-    fireAnalyticsEvent: fireAnalyticsEvent,
-    query: query,
-    resultCount: searchResultCount,
-    surface: 'toolbar'
-  });
-  var closeWithAnalytics = useCallback(function () {
-    flushSearchAnalytics();
-    onClose();
-  }, [flushSearchAnalytics, onClose]);
-  var selectWithAnalytics = useCallback(function () {
-    flushSearchAnalytics();
+  // Interaction updates should not recreate the registered component's own props.
+  var menu = useMemo(function () {
+    return Root && /*#__PURE__*/React.createElement(Root, null, null);
+  }, [Root]);
+  var select = useCallback(function (selection) {
     onSelect();
-  }, [flushSearchAnalytics, onSelect]);
-  var selectableItems = useMemo(function () {
-    return getQuickInsertMenuRows(model).filter(function (row) {
-      return row.type === 'menu-item';
-    });
-  }, [model]);
-  var itemCount = selectableItems.length + (model.footer ? 1 : 0);
-  var selectableItemKeys = useMemo(function () {
-    return [].concat(_toConsumableArray(selectableItems), _toConsumableArray(model.footer ? [model.footer] : [])).map(function (_ref4) {
-      var key = _ref4.key;
-      return key;
-    }).join(',');
-  }, [model.footer, selectableItems]);
-  useLayoutEffect(function () {
-    var initialItemIndex = itemCount > 0 ? 0 : -1;
-    selectedItemIndexRef.current = initialItemIndex;
-    setSelectedItemIndex(initialItemIndex);
-  }, [itemCount, query, selectableItemKeys]);
-  useLayoutEffect(function () {
-    setPreviewActivation(undefined);
-  }, [model, query]);
-  var isActiveItemMounted = selectedItemIndex >= 0 && selectedItemIndex < itemCount && (selectedItemIndex >= renderedItems.startIndex && selectedItemIndex <= renderedItems.stopIndex || Boolean(model.footer) && selectedItemIndex === itemCount - 1);
-  var activeItemId = "".concat(listId, "-").concat(selectedItemIndex);
-  var setKeyboardPreview = useCallback(function (itemIndex) {
-    var item = selectableItems[itemIndex];
-    setPreviewActivation(item ? {
-      itemKey: item.key,
-      model: model,
-      source: 'keyboard'
-    } : undefined);
-  }, [model, selectableItems]);
-  var selectNextItem = useCallback(function () {
-    var currentIndex = selectedItemIndexRef.current;
-    var nextIndex = itemCount === 0 ? -1 : currentIndex < 0 ? 0 : (currentIndex + 1) % itemCount;
-    selectedItemIndexRef.current = nextIndex;
-    setSelectedItemIndex(nextIndex);
-    setKeyboardPreview(nextIndex);
-  }, [itemCount, setKeyboardPreview]);
-  var selectPreviousItem = useCallback(function () {
-    var currentIndex = selectedItemIndexRef.current;
-    var previousIndex = itemCount === 0 ? -1 : currentIndex <= 0 ? itemCount - 1 : currentIndex - 1;
-    selectedItemIndexRef.current = previousIndex;
-    setSelectedItemIndex(previousIndex);
-    setKeyboardPreview(previousIndex);
-  }, [itemCount, setKeyboardPreview]);
-  var onItemHover = useCallback(function (itemIndex, itemKey) {
-    selectedItemIndexRef.current = itemIndex;
-    setSelectedItemIndex(itemIndex);
-    setPreviewActivation(function (current) {
-      if ((current === null || current === void 0 ? void 0 : current.itemKey) === itemKey && (current === null || current === void 0 ? void 0 : current.model) === model && (current === null || current === void 0 ? void 0 : current.source) === 'pointer') {
-        return current;
-      }
-      return itemKey ? {
-        itemKey: itemKey,
-        model: model,
-        source: 'pointer'
-      } : undefined;
-    });
-  }, [model]);
-  var onItemFocus = useCallback(function (itemIndex, itemKey) {
-    selectedItemIndexRef.current = itemIndex;
-    setSelectedItemIndex(itemIndex);
-    setPreviewActivation(function (current) {
-      if ((current === null || current === void 0 ? void 0 : current.itemKey) === itemKey && (current === null || current === void 0 ? void 0 : current.model) === model) {
-        return current;
+    queueMicrotask(function () {
+      var state = editorView.state;
+      var insert = function insert(content) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        return insertSelectedItem(content, options)(state, state.tr, state.selection.head);
+      };
+      var transaction = selection(insert);
+      if (transaction) {
+        editorView.dispatch(transaction);
       }
-      return itemKey ? {
-        itemKey: itemKey,
-        model: model,
-        source: 'keyboard'
-      } : undefined;
     });
-  }, [model]);
-  var onItemLeave = useCallback(function (itemKey) {
-    setPreviewActivation(function (current) {
-      return (current === null || current === void 0 ? void 0 : current.source) === 'pointer' && current.itemKey === itemKey ? undefined : current;
-    });
-  }, []);
-  var onItemBlur = useCallback(function (itemKey) {
-    setPreviewActivation(function (current) {
-      return (current === null || current === void 0 ? void 0 : current.itemKey) === itemKey ? undefined : current;
-    });
-  }, []);
-  var onItemVisibilityChange = useCallback(function (itemKey, isVisible) {
-    if (!isVisible) {
-      setPreviewActivation(function (current) {
-        return (current === null || current === void 0 ? void 0 : current.source) === 'pointer' && current.itemKey === itemKey ? undefined : current;
-      });
-    }
-  }, []);
-  var selectActiveItem = useCallback(function () {
-    if (isActiveItemMounted) {
-      var _getDocument;
-      (_getDocument = getDocument()) === null || _getDocument === void 0 || (_getDocument = _getDocument.getElementById(activeItemId)) === null || _getDocument === void 0 || _getDocument.click();
-    }
-  }, [activeItemId, isActiveItemMounted]);
+  }, [editorView, onSelect]);
+  var registeredMenu = useMemo(function () {
+    return {
+      components: components,
+      onClose: props.onClose,
+      maxHeight: Math.max(0, maxHeight - SEARCH_HEIGHT),
+      registerInteraction: registerInteraction,
+      editorView: editorView,
+      isOffline: isOffline,
+      menuOpenId: menuOpenId,
+      rootComponent: MENU,
+      query: query,
+      select: select,
+      surfaceContext: surfaceContext
+    };
+  }, [components, props.onClose, maxHeight, registerInteraction, editorView, isOffline, menuOpenId, query, select, surfaceContext]);
   var onQueryChange = useCallback(function (event) {
-    setQuery(event.currentTarget.value);
+    return setQuery(event.currentTarget.value);
   }, []);
   var onKeyDown = useCallback(function (event) {
     if (event.key === 'Escape') {
+      var _interaction$onClose;
       event.preventDefault();
-      closeWithAnalytics();
+      interaction === null || interaction === void 0 || (_interaction$onClose = interaction.onClose) === null || _interaction$onClose === void 0 || _interaction$onClose.call(interaction);
+      props.onClose();
       return;
     }
-
-    // The search field owns the composite's arrow-key and Enter behaviour. Other
-    // focusable controls, including consumer-provided empty-state content, need
-    // to retain their native keyboard behaviour.
-    if (event.target !== searchRef.current) {
+    // Some IME key events report 229 without setting isComposing. Let the input finish
+    // composing text before handling menu navigation or selection.
+    if (event.target !== searchRef.current || event.nativeEvent.isComposing || event.keyCode === 229) {
       return;
     }
-    switch (event.key) {
-      case 'ArrowDown':
-        event.preventDefault();
-        selectNextItem();
-        break;
-      case 'ArrowUp':
-        event.preventDefault();
-        selectPreviousItem();
-        break;
-      case 'Enter':
-        event.preventDefault();
-        selectActiveItem();
-        break;
+    if (interaction !== null && interaction !== void 0 && interaction.onKeyDown(event.nativeEvent)) {
+      event.preventDefault();
     }
-  }, [closeWithAnalytics, selectActiveItem, selectNextItem, selectPreviousItem]);
-  return /*#__PURE__*/React.createElement(Box, {
-    "data-keyboard-navigation-independent": "",
-    testId: "registered-insert-menu",
+  }, [interaction, props.onClose]);
+  return /*#__PURE__*/React.createElement(RegisteredMenuContext.Provider, {
+    value: registeredMenu
+  }, Root && /*#__PURE__*/React.createElement("div", {
+    "data-registered-insert-menu-root": "",
     onKeyDownCapture: onKeyDown,
-    xcss: styles.menu,
-    style: menuStyle
+    "data-keyboard-navigation-independent": "",
+    "data-testid": "registered-insert-menu",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- The popup supplies the available height at runtime.
+    style: menuStyle,
+    className: ax([styles.menu, !interaction && styles.hidden])
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.search
   }, /*#__PURE__*/React.createElement(Textfield, {
-    "aria-activedescendant": isActiveItemMounted ? activeItemId : undefined,
-    "aria-controls": listId,
-    "aria-expanded": "true",
-    placeholder: "Search",
+    "aria-label": (interaction === null || interaction === void 0 ? void 0 : interaction.label) || formatMessage(toolbarInsertBlockMessages.insertMenu),
+    "aria-activedescendant": interaction === null || interaction === void 0 ? void 0 : interaction.activeDescendantId,
+    "aria-controls": interaction === null || interaction === void 0 ? void 0 : interaction.listId,
+    "aria-expanded": (_interaction$expanded = interaction === null || interaction === void 0 ? void 0 : interaction.expanded) !== null && _interaction$expanded !== void 0 ? _interaction$expanded : false,
+    "aria-autocomplete": "list",
+    placeholder: formatMessage(typeAheadListMessages.quickInsertInputPlaceholderLabel),
     ref: searchRef,
     role: "combobox",
     value: query,
     onChange: onQueryChange
-  })), /*#__PURE__*/React.createElement(RegisteredInsertMenuList, {
-    editorView: editorView,
-    emptyStateHandler: emptyStateHandler,
-    isOffline: isOffline,
-    listId: listId,
-    listLabel: formatMessage(messages.insertMenu),
-    maxHeight: maxHeight,
-    menuOpenId: menuOpenId,
-    model: model,
-    onClose: selectWithAnalytics,
-    onItemFocus: onItemFocus,
-    onItemHover: onItemHover,
-    onItemBlur: onItemBlur,
-    onItemLeave: onItemLeave,
-    onItemVisibilityChange: onItemVisibilityChange,
-    onRenderedItemsChange: setRenderedItems,
-    query: query,
-    selectedItemIndex: selectedItemIndex,
-    surfaceContext: surfaceContext,
-    activePreviewItemKey: activePreviewItemKey
-  }));
+  })), menu));
 };

package/dist/esm/ui/registered-insert-menu/RegisteredInsertMenuContent.js

@@ -16,7 +16,7 @@ var RegisteredInsertMenuContainer = function RegisteredInsertMenuContainer(_ref)
 };
 var RegisteredInsertMenuWithListeners = withOuterListeners(RegisteredInsertMenuContainer);
 export var RegisteredInsertMenuContent = function RegisteredInsertMenuContent(_ref2) {
-  var _api$uiControlRegistr2, _api$uiControlRegistr3, _api$quickInsert, _api$analytics, _api$quickInsert2;
+  var _api$uiControlRegistr2, _api$uiControlRegistr3;
   var api = _ref2.api,
     editorView = _ref2.editorView,
     isOffline = _ref2.isOffline,
@@ -42,9 +42,6 @@ export var RegisteredInsertMenuContent = function RegisteredInsertMenuContent(_r
   }, /*#__PURE__*/React.createElement(RegisteredInsertMenu, {
     components: components,
     editorView: editorView,
-    emptyStateHandler: api === null || api === void 0 || (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 || (_api$quickInsert = _api$quickInsert.sharedState.currentState()) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.emptyStateHandler,
-    fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
-    getItemRank: api === null || api === void 0 || (_api$quickInsert2 = api.quickInsert) === null || _api$quickInsert2 === void 0 || (_api$quickInsert2 = _api$quickInsert2.sharedState.currentState()) === null || _api$quickInsert2 === void 0 ? void 0 : _api$quickInsert2.getItemRank,
     isOffline: isOffline,
     maxHeight: maxHeight,
     onClose: onClose,

package/dist/types/ui/registered-insert-menu/RegisteredInsertMenu.d.ts

@@ -1,19 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics/api';
-import type { RegisteredItemRankResolver } from '@atlaskit/editor-common/type-ahead/item-rank';
-import type { EmptyStateHandler } from '@atlaskit/editor-common/types/empty-state-handler';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model/types';
 type Props = {
     components: RegisterComponent[];
     editorView: EditorView;
-    emptyStateHandler?: EmptyStateHandler;
-    fireAnalyticsEvent?: EditorAnalyticsAPI['fireAnalyticsEvent'];
-    getItemRank?: RegisteredItemRankResolver;
     isOffline: boolean;
     maxHeight?: number;
     onClose: () => void;
     onSelect: () => void;
 };
-export declare const RegisteredInsertMenu: ({ components, emptyStateHandler, fireAnalyticsEvent, getItemRank, editorView, isOffline, maxHeight, onClose, onSelect, }: Props) => React.JSX.Element;
+export declare const RegisteredInsertMenu: (props: Props) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "30.0.5",
+	"version": "31.0.1",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -23,38 +23,38 @@
 	"dependencies": {
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/css": "^1.1.0",
-		"@atlaskit/editor-plugin-analytics": "^29.0.0",
-		"@atlaskit/editor-plugin-block-type": "^33.0.0",
-		"@atlaskit/editor-plugin-code-block": "^31.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^29.0.0",
-		"@atlaskit/editor-plugin-date": "^31.0.0",
-		"@atlaskit/editor-plugin-emoji": "^30.0.0",
-		"@atlaskit/editor-plugin-expand": "^30.0.0",
-		"@atlaskit/editor-plugin-extension": "^32.0.0",
-		"@atlaskit/editor-plugin-feature-flags": "^28.0.0",
-		"@atlaskit/editor-plugin-hyperlink": "^31.0.0",
-		"@atlaskit/editor-plugin-image-upload": "^29.0.0",
-		"@atlaskit/editor-plugin-layout": "^30.0.0",
-		"@atlaskit/editor-plugin-media": "^31.0.0",
-		"@atlaskit/editor-plugin-media-insert": "^47.0.0",
-		"@atlaskit/editor-plugin-mentions": "^31.0.0",
-		"@atlaskit/editor-plugin-metrics": "^30.0.0",
-		"@atlaskit/editor-plugin-panel": "^31.0.0",
-		"@atlaskit/editor-plugin-placeholder-text": "^30.0.0",
-		"@atlaskit/editor-plugin-primary-toolbar": "^30.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^29.0.0",
-		"@atlaskit/editor-plugin-rule": "^29.0.0",
-		"@atlaskit/editor-plugin-status": "^30.0.0",
-		"@atlaskit/editor-plugin-table": "^41.0.0",
-		"@atlaskit/editor-plugin-tasks-and-decisions": "^32.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^26.0.0",
-		"@atlaskit/editor-plugin-type-ahead": "^30.0.0",
-		"@atlaskit/editor-plugin-ui-control-registry": "^23.0.0",
+		"@atlaskit/editor-plugin-analytics": "^30.0.0",
+		"@atlaskit/editor-plugin-block-type": "^34.0.0",
+		"@atlaskit/editor-plugin-code-block": "^32.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^30.0.0",
+		"@atlaskit/editor-plugin-date": "^32.0.0",
+		"@atlaskit/editor-plugin-emoji": "^31.0.0",
+		"@atlaskit/editor-plugin-expand": "^31.0.0",
+		"@atlaskit/editor-plugin-extension": "^33.0.0",
+		"@atlaskit/editor-plugin-feature-flags": "^29.0.0",
+		"@atlaskit/editor-plugin-hyperlink": "^32.0.0",
+		"@atlaskit/editor-plugin-image-upload": "^30.0.0",
+		"@atlaskit/editor-plugin-layout": "^31.0.0",
+		"@atlaskit/editor-plugin-media": "^32.0.0",
+		"@atlaskit/editor-plugin-media-insert": "^48.0.0",
+		"@atlaskit/editor-plugin-mentions": "^32.0.0",
+		"@atlaskit/editor-plugin-metrics": "^31.0.0",
+		"@atlaskit/editor-plugin-panel": "^32.0.0",
+		"@atlaskit/editor-plugin-placeholder-text": "^31.0.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^31.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^30.0.0",
+		"@atlaskit/editor-plugin-rule": "^30.0.0",
+		"@atlaskit/editor-plugin-status": "^31.0.0",
+		"@atlaskit/editor-plugin-table": "^42.0.0",
+		"@atlaskit/editor-plugin-tasks-and-decisions": "^33.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^27.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^31.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^24.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
 		"@atlaskit/editor-shared-styles": "^4.6.0",
 		"@atlaskit/editor-toolbar": "^2.8.0",
 		"@atlaskit/editor-toolbar-model": "^1.2.0",
-		"@atlaskit/editor-ui-control-model": "^2.10.0",
+		"@atlaskit/editor-ui-control-model": "^3.0.0",
 		"@atlaskit/emoji": "^73.1.0",
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/icon-lab": "^7.11.0",
@@ -62,8 +62,8 @@
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^246.0.0",
-		"@atlaskit/tokens": "^20.7.0",
+		"@atlaskit/tmp-editor-statsig": "^247.0.0",
+		"@atlaskit/tokens": "^20.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -72,7 +72,7 @@
 		"react-virtualized": "^9.22.6"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^133.6.0",
+		"@atlaskit/editor-common": "^134.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"

package/dist/cjs/ui/registered-insert-menu/RegisteredInsertMenuItem.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RegisteredInsertMenuPreviewContext = exports.RegisteredInsertMenuItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _enums = require("@atlaskit/editor-common/analytics/types/enums");
-var _insert = require("@atlaskit/editor-common/insert");
-var _provider = require("@atlaskit/editor-common/quick-insert/provider");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// Preview updates must remain live while react-virtualized caches row elements during scrolling.
-var RegisteredInsertMenuPreviewContext = exports.RegisteredInsertMenuPreviewContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var RegisteredInsertMenuItem = exports.RegisteredInsertMenuItem = function RegisteredInsertMenuItem(_ref) {
-  var _registration$compone;
-  var editorView = _ref.editorView,
-    id = _ref.id,
-    isOffline = _ref.isOffline,
-    isSelected = _ref.isSelected,
-    menuOpenId = _ref.menuOpenId,
-    onClose = _ref.onClose,
-    registration = _ref.registration,
-    surfaceContext = _ref.surfaceContext;
-  var Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : _react.default.Fragment;
-  var activePreviewItemKey = (0, _react.useContext)(RegisteredInsertMenuPreviewContext);
-  var isPreviewActive = activePreviewItemKey === registration.key;
-  var select = (0, _react.useCallback)(function (selectionHandler) {
-    // Close first so a registered item may safely focus the editor or open its picker.
-    onClose();
-    queueMicrotask(function () {
-      var state = editorView.state;
-      var insert = function insert(content) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return (0, _insert.insertSelectedItem)(content, options)(state, state.tr, state.selection.head);
-      };
-      var transaction = selectionHandler({
-        insert: insert,
-        source: _enums.INPUT_METHOD.INSERT_MENU
-      });
-      if (transaction) {
-        editorView.dispatch(transaction);
-      }
-    });
-  }, [editorView, onClose]);
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      editorView: editorView,
-      isOffline: isOffline,
-      item: {
-        id: id,
-        isPreviewActive: isPreviewActive,
-        isSelected: isSelected
-      },
-      menuOpenId: menuOpenId,
-      select: select,
-      surface: 'toolbar',
-      surfaceContext: surfaceContext
-    };
-  }, [editorView, id, isOffline, isPreviewActive, isSelected, menuOpenId, select, surfaceContext]);
-  return /*#__PURE__*/_react.default.createElement(_provider.QuickInsertProvider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(Component, null, null));
-};

package/dist/cjs/ui/registered-insert-menu/RegisteredInsertMenuList.compiled.css

@@ -1,11 +0,0 @@
-._15a5nqa1{border-top-style:solid}
-._16jlkb7n{flex-grow:1}
-._18m91wug{overflow-y:auto}
-._1e0c1txw{display:flex}
-._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
-._1o9zidpf{flex-shrink:0}
-._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
-._1tkeidpf{min-height:0}
-._2lx21bp4{flex-direction:column}
-._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
-._uwhke4h9{border-top-width:var(--ds-border-width,1px)}