@atlaskit/editor-plugin-quick-insert 13.0.1 → 13.1.0

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

@@ -5,8 +5,10 @@ import React, { useCallback } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { closeElementBrowserModal } from '../../pm-plugins/commands';
+import { closeElementBrowser, closeElementBrowserModal } from '../../pm-plugins/commands';
+import { pluginKey } from '../../pm-plugins/plugin-key';
 import ModalElementBrowser from './ModalElementBrowser';
 var Modal = function Modal(_ref) {
   var quickInsertState = _ref.quickInsertState,
@@ -15,7 +17,8 @@ var Modal = function Modal(_ref) {
     helpUrl = _ref.helpUrl,
     insertItem = _ref.insertItem,
     getSuggestions = _ref.getSuggestions,
-    api = _ref.api;
+    api = _ref.api,
+    defaultCategory = _ref.defaultCategory;
   var getItems = useCallback(function (query, category) {
     var _getSuggestions$map, _getSuggestions;
     return (_getSuggestions$map = getSuggestions === null || getSuggestions === void 0 || (_getSuggestions = getSuggestions({
@@ -40,22 +43,26 @@ var Modal = function Modal(_ref) {
   // Instead of adding the item immediately on insert item
   // We wait until modal close is complete, refocus the editor and then add the item
   var insertableItem = React.useRef(null);
+  var closeBrowser = useCallback(function () {
+    var closeCommand = isExperimentEnabled('platform_editor_slash_command') ? closeElementBrowser : closeElementBrowserModal;
+    closeCommand()(editorView.state, editorView.dispatch);
+  }, [editorView]);
   var onInsertItem = useCallback(function (item) {
-    closeElementBrowserModal()(editorView.state, editorView.dispatch);
+    closeBrowser();
     if (fg('platform_editor_ease_of_use_metrics')) {
       var _api$metrics;
       api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 ? void 0 : _api$metrics.commands.startActiveSessionTimer());
     }
     insertableItem.current = item;
-  }, [editorView, api]);
+  }, [closeBrowser, api]);
   var onClose = useCallback(function () {
-    closeElementBrowserModal()(editorView.state, editorView.dispatch);
+    closeBrowser();
     if (fg('platform_editor_ease_of_use_metrics')) {
       var _api$metrics2;
       api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$metrics2 = api.metrics) === null || _api$metrics2 === void 0 ? void 0 : _api$metrics2.commands.startActiveSessionTimer());
     }
     focusInEditor();
-  }, [editorView, focusInEditor, api]);
+  }, [closeBrowser, focusInEditor, api]);
   var onCloseComplete = useCallback(function () {
     if (!insertableItem.current) {
       focusInEditor();
@@ -67,10 +74,11 @@ var Modal = function Modal(_ref) {
     insertItem === null || insertItem === void 0 || insertItem(item, INPUT_METHOD.ELEMENT_BROWSER)(editorView.state, editorView.dispatch);
   }, [editorView, focusInEditor, insertItem]);
   return /*#__PURE__*/React.createElement(ModalElementBrowser, {
+    defaultCategory: defaultCategory,
     getItems: getItems,
     onInsertItem: onInsertItem,
     helpUrl: helpUrl,
-    isOpen: quickInsertState.isElementBrowserModalOpen || false,
+    isOpen: quickInsertState.isElementBrowserOpen || false,
     emptyStateHandler: quickInsertState.emptyStateHandler,
     onClose: onClose,
     onCloseComplete: onCloseComplete,
@@ -78,32 +86,33 @@ var Modal = function Modal(_ref) {
   });
 };
 export default (function (_ref2) {
-  var _pluginInjectionAPI$q, _pluginInjectionAPI$q2;
+  var _pluginKey$getState, _pluginInjectionAPI$q, _pluginInjectionAPI$q2;
   var editorView = _ref2.editorView,
     helpUrl = _ref2.helpUrl,
     pluginInjectionAPI = _ref2.pluginInjectionAPI;
   var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionAPI, ['quickInsert', 'connectivity'], function (state) {
-      var _state$quickInsertSta, _state$quickInsertSta2, _state$quickInsertSta3, _state$quickInsertSta4, _state$connectivitySt;
+      var _state$quickInsertSta, _state$quickInsertSta2, _state$quickInsertSta3, _state$quickInsertSta4, _state$quickInsertSta5, _state$connectivitySt;
       return {
         lazyDefaultItems: (_state$quickInsertSta = state.quickInsertState) === null || _state$quickInsertSta === void 0 ? void 0 : _state$quickInsertSta.lazyDefaultItems,
         providedItems: (_state$quickInsertSta2 = state.quickInsertState) === null || _state$quickInsertSta2 === void 0 ? void 0 : _state$quickInsertSta2.providedItems,
-        isElementBrowserModalOpen: (_state$quickInsertSta3 = state.quickInsertState) === null || _state$quickInsertSta3 === void 0 ? void 0 : _state$quickInsertSta3.isElementBrowserModalOpen,
-        emptyStateHandler: (_state$quickInsertSta4 = state.quickInsertState) === null || _state$quickInsertSta4 === void 0 ? void 0 : _state$quickInsertSta4.emptyStateHandler,
+        isElementBrowserOpen: isExperimentEnabled('platform_editor_slash_command') ? (_state$quickInsertSta3 = state.quickInsertState) === null || _state$quickInsertSta3 === void 0 ? void 0 : _state$quickInsertSta3.isElementBrowserOpen : (_state$quickInsertSta4 = state.quickInsertState) === null || _state$quickInsertSta4 === void 0 ? void 0 : _state$quickInsertSta4.isElementBrowserModalOpen,
+        emptyStateHandler: (_state$quickInsertSta5 = state.quickInsertState) === null || _state$quickInsertSta5 === void 0 ? void 0 : _state$quickInsertSta5.emptyStateHandler,
         mode: (_state$connectivitySt = state.connectivityState) === null || _state$connectivitySt === void 0 ? void 0 : _state$connectivitySt.mode
       };
     }),
     lazyDefaultItems = _useSharedPluginState.lazyDefaultItems,
     providedItems = _useSharedPluginState.providedItems,
-    isElementBrowserModalOpen = _useSharedPluginState.isElementBrowserModalOpen,
+    isElementBrowserOpen = _useSharedPluginState.isElementBrowserOpen,
     emptyStateHandler = _useSharedPluginState.emptyStateHandler,
     mode = _useSharedPluginState.mode;
-  return /*#__PURE__*/React.createElement(Modal
-  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-  , {
+  return /*#__PURE__*/React.createElement(Modal, {
+    defaultCategory: (_pluginKey$getState = pluginKey.getState(editorView.state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.elementBrowserInitialCategory
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     quickInsertState: {
       lazyDefaultItems: lazyDefaultItems,
       providedItems: providedItems,
-      isElementBrowserModalOpen: isElementBrowserModalOpen,
+      isElementBrowserOpen: isElementBrowserOpen,
       emptyStateHandler: emptyStateHandler
     },
     editorView: editorView,

package/dist/esm/ui/QuickInsertMenuFooterItem.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
+export var QuickInsertMenuFooterItem = function QuickInsertMenuFooterItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var onSelect = useCallback(function (_ref2) {
+    var _api$quickInsert$comm, _api$quickInsert;
+    var insert = _ref2.insert;
+    var tr = insert(undefined);
+    return (_api$quickInsert$comm = api === null || api === void 0 || (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowser()({
+      tr: tr
+    })) !== null && _api$quickInsert$comm !== void 0 ? _api$quickInsert$comm : tr;
+  }, [api]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    ariaLabel: formatMessage(toolbarInsertBlockMessages.viewMoreAriaLabel),
+    iconBefore: /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
+      label: ""
+    }),
+    isDisabled: !(api !== null && api !== void 0 && api.quickInsert),
+    onSelect: onSelect,
+    shouldWrapIcon: false,
+    title: formatMessage(toolbarInsertBlockMessages.viewMore)
+  });
+};

package/dist/esm/ui/QuickInsertSectionOverflowMenuItem.js

@@ -0,0 +1,29 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import AddIcon from '@atlaskit/icon/core/add';
+export var QuickInsertSectionOverflowMenuItem = function QuickInsertSectionOverflowMenuItem(_ref) {
+  var api = _ref.api,
+    category = _ref.category;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var onSelect = useCallback(function (_ref2) {
+    var _api$quickInsert$comm, _api$quickInsert;
+    var insert = _ref2.insert;
+    var tr = insert(undefined);
+    return (_api$quickInsert$comm = api === null || api === void 0 || (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowser({
+      category: category
+    })({
+      tr: tr
+    })) !== null && _api$quickInsert$comm !== void 0 ? _api$quickInsert$comm : tr;
+  }, [api, category]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(AddIcon, {
+      label: ""
+    }),
+    isDisabled: !(api !== null && api !== void 0 && api.quickInsert),
+    onSelect: onSelect,
+    title: formatMessage(toolbarInsertBlockMessages.viewMore)
+  });
+};

package/dist/esm/ui/getQuickInsertComponents.js

@@ -1,16 +1,108 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, MENU, OTHER_SECTION, RECOMMENDED_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
-import { QUICK_INSERT_MENU_RANK } from '@atlaskit/editor-common/quick-insert/rank';
-var sections = [RECOMMENDED_SECTION, STRUCTURE_SECTION, MEDIA_SECTION, EMBED_SECTION, TEXT_FORMATTING_SECTION, ROVO_SECTION, DATA_AND_CHARTS_SECTION, BLOCK_TEMPLATES_SECTION, OTHER_SECTION];
-export var getQuickInsertComponents = function getQuickInsertComponents() {
-  return [MENU].concat(_toConsumableArray(sections.map(function (section) {
-    return _objectSpread(_objectSpread({}, section), {}, {
-      parents: [_objectSpread(_objectSpread({}, MENU), {}, {
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, MENU, OTHER_SECTION, RECOMMENDED_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION, VIEW_ALL_ELEMENTS_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
+import { QuickInsertMenuRoot } from '@atlaskit/editor-common/quick-insert/menu-root';
+import { QuickInsertMenuSection } from '@atlaskit/editor-common/quick-insert/menu-section';
+import { messages } from '@atlaskit/editor-common/quick-insert/messages';
+import { CATEGORY_VIEW_MORE_RANK, QUICK_INSERT_MENU_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { getMenuFooterSectionKey } from '@atlaskit/editor-common/type-ahead-get-menu-footer-section-key';
+import { getSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-get-section-overflow-item-key';
+import { QuickInsertMenuFooterItem } from './QuickInsertMenuFooterItem';
+import { QuickInsertSectionOverflowMenuItem } from './QuickInsertSectionOverflowMenuItem';
+var categories = [{
+  message: messages.categoryRecommended,
+  section: RECOMMENDED_SECTION
+}, {
+  message: messages.categoryStructure,
+  section: STRUCTURE_SECTION
+}, {
+  message: messages.categoryMedia,
+  section: MEDIA_SECTION
+}, {
+  message: messages.categoryEmbed,
+  section: EMBED_SECTION
+}, {
+  message: messages.categoryTextFormatting,
+  section: TEXT_FORMATTING_SECTION
+}, {
+  message: messages.categoryRovo,
+  section: ROVO_SECTION
+}, {
+  message: messages.categoryDataAndCharts,
+  section: DATA_AND_CHARTS_SECTION
+}, {
+  message: messages.categoryBlockTemplates,
+  section: BLOCK_TEMPLATES_SECTION
+}, {
+  message: messages.categoryOther,
+  section: OTHER_SECTION
+}];
+var createSectionComponent = function createSectionComponent(message) {
+  var SectionComponent = function SectionComponent(_ref) {
+    var children = _ref.children;
+    var _useIntl = useIntl(),
+      formatMessage = _useIntl.formatMessage;
+    return /*#__PURE__*/React.createElement(QuickInsertMenuSection, {
+      title: formatMessage(message)
+    }, children);
+  };
+  return SectionComponent;
+};
+export var getQuickInsertComponents = function getQuickInsertComponents(_ref2) {
+  var api = _ref2.api,
+    includeElementBrowserItems = _ref2.includeElementBrowserItems;
+  return [{
+    key: MENU.key,
+    type: MENU.type,
+    component: QuickInsertMenuRoot
+  }].concat(_toConsumableArray(categories.flatMap(function (_ref3) {
+    var message = _ref3.message,
+      section = _ref3.section;
+    return [{
+      key: section.key,
+      type: section.type,
+      parents: [{
+        key: MENU.key,
+        type: MENU.type,
         rank: QUICK_INSERT_MENU_RANK[section.key]
-      })]
-    });
-  })));
+      }],
+      component: createSectionComponent(message)
+    }].concat(_toConsumableArray(includeElementBrowserItems ? [{
+      key: getSectionOverflowItemKey(section.key),
+      type: 'menu-item',
+      parents: [{
+        key: section.key,
+        type: section.type,
+        rank: CATEGORY_VIEW_MORE_RANK
+      }],
+      component: function component() {
+        return /*#__PURE__*/React.createElement(QuickInsertSectionOverflowMenuItem, {
+          api: api,
+          category: section.key
+        });
+      }
+    }] : []));
+  })), _toConsumableArray(includeElementBrowserItems ? [{
+    key: getMenuFooterSectionKey(MENU.key),
+    type: 'menu-section',
+    parents: [{
+      key: MENU.key,
+      type: MENU.type,
+      rank: Number.MAX_SAFE_INTEGER
+    }]
+  }, {
+    key: VIEW_ALL_ELEMENTS_MENU_ITEM.key,
+    type: VIEW_ALL_ELEMENTS_MENU_ITEM.type,
+    parents: [{
+      key: getMenuFooterSectionKey(MENU.key),
+      type: 'menu-section',
+      rank: 100
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(QuickInsertMenuFooterItem, {
+        api: api
+      });
+    }
+  }] : []));
 };

package/dist/types/pm-plugins/commands/index.d.ts

@@ -1,6 +1,17 @@
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
+import type { OpenElementBrowserOptions } from '../../quickInsertPluginType';
+export declare const openElementBrowser: ({ category }?: OpenElementBrowserOptions) => EditorCommand;
+export declare const closeElementBrowser: () => Command;
+/**
+ * @private
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-62138 Internal documentation for deprecation (no external access)} Tracked by EDITOR-8422. Use `openElementBrowser` instead.
+ */
 export declare const openElementBrowserModal: EditorCommand;
+/**
+ * @private
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-62138 Internal documentation for deprecation (no external access)} Tracked by EDITOR-8422. Use `closeElementBrowser` instead.
+ */
 export declare const closeElementBrowserModal: () => Command;
 export declare const createInsertItem: (onInsert?: (item: QuickInsertItem) => void) => ((item: QuickInsertItem, source?: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.ELEMENT_BROWSER) => Command);

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -1,3 +1,7 @@
-import type { QuickInsertPluginState } from '@atlaskit/editor-common/types';
+import type { QuickInsertPluginState as CommonQuickInsertPluginState } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export type QuickInsertPluginState = CommonQuickInsertPluginState & {
+    elementBrowserInitialCategory?: string;
+};
+export type QuickInsertPluginStateKeys = keyof QuickInsertPluginState;
 export declare const pluginKey: PluginKey<QuickInsertPluginState>;

package/dist/types/quickInsertPluginType.d.ts

@@ -10,6 +10,9 @@ export type QuickInsertSharedState = CommonQuickInsertSharedState & {
     typeAheadHandler: TypeAheadHandler;
 };
 export type QuickInsertPluginOptions = CommonQuickInsertPluginOptions;
+export type OpenElementBrowserOptions = {
+    category?: string;
+};
 export type QuickInsertPlugin = NextEditorPlugin<'quickInsert', {
     actions: {
         getSuggestions: (searchOptions: QuickInsertSearchOptions) => QuickInsertItem[];
@@ -18,6 +21,8 @@ export type QuickInsertPlugin = NextEditorPlugin<'quickInsert', {
     };
     commands: {
         addQuickInsertItem: (item: QuickInsertHandler) => EditorCommand;
+        openElementBrowser: (options?: OpenElementBrowserOptions) => EditorCommand;
+        /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-62138 Internal documentation for deprecation (no external access)} Tracked by EDITOR-8422. Use `openElementBrowser` instead. */
         openElementBrowserModal: EditorCommand;
         removeQuickInsertItem: (key: string) => EditorCommand;
         updateQuickInsertItem: (key: string, item: QuickInsertHandler) => EditorCommand;

package/dist/types/ui/ModalElementBrowser/ModalElementBrowser.d.ts

@@ -8,6 +8,7 @@ import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
 export declare const MODAL_WRAPPER_PADDING = 16;
 export interface Props {
+    defaultCategory?: string;
     emptyStateHandler?: EmptyStateHandler;
     getItems: (query?: string, category?: string) => QuickInsertItem[];
     helpUrl?: string | undefined;

package/dist/types/ui/QuickInsertMenuFooterItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { QuickInsertPlugin } from '../quickInsertPluginType';
+type Props = {
+    api: ExtractInjectionAPI<QuickInsertPlugin> | undefined;
+};
+export declare const QuickInsertMenuFooterItem: ({ api }: Props) => React.JSX.Element;
+export {};

package/dist/types/ui/QuickInsertSectionOverflowMenuItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { QuickInsertPlugin } from '../quickInsertPluginType';
+type Props = {
+    api: ExtractInjectionAPI<QuickInsertPlugin> | undefined;
+    category: string;
+};
+export declare const QuickInsertSectionOverflowMenuItem: ({ api, category }: Props) => React.JSX.Element;
+export {};

package/dist/types/ui/getQuickInsertComponents.d.ts

@@ -1,2 +1,9 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model/types';
-export declare const getQuickInsertComponents: () => RegisterComponent[];
+import type { QuickInsertPlugin } from '../quickInsertPluginType';
+type Params = {
+    api: ExtractInjectionAPI<QuickInsertPlugin> | undefined;
+    includeElementBrowserItems: boolean;
+};
+export declare const getQuickInsertComponents: ({ api, includeElementBrowserItems, }: Params) => RegisterComponent[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-quick-insert",
-	"version": "13.0.1",
+	"version": "13.1.0",
 	"description": "Quick insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 		"@atlaskit/editor-plugin-ui-control-registry": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-ui-control-model": "^2.4.0",
-		"@atlaskit/icon": "^37.2.0",
+		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/modal-dialog": "^16.2.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
@@ -39,7 +39,7 @@
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.0.0",
+		"@atlaskit/editor-common": "^117.2.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"