@atlaskit/editor-plugin-type-ahead 12.0.6 → 12.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 12.1.0
+
+### Minor Changes
+
+- [`dbf22f118dd9e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbf22f118dd9e) -
+  Rewrite Rovo Chat @-mention provider on a single Relay-native RovoChatMentionResource that fires
+  people + agents in parallel via Promise. People render as soon as URS resolves and agents pop in
+  below when ready. New aliased agentStudio_getAgents query consolidates 3 prefetch round trips into
+  1, drops over-fetched fields, and uses real abort plumbing. Adds opt-in subscribeToItemsUpdates
+  multi-emit contract to the editor mention typeahead so progressive emissions are no longer dropped
+  after the first frame.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.0.7
+
+### Patch Changes
+
+- [`cf7797df5ff1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf7797df5ff1e) -
+  [ux] Add a Labs lozenge to the agent mention typeahead section.
+- Updated dependencies
+
 ## 12.0.6
 
 ### Patch Changes

package/dist/cjs/ui/TypeAheadList.js

@@ -377,6 +377,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
     });
   }, [items]);
   var config = triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getMo = triggerHandler.getMoreOptionsButtonConfig) === null || _triggerHandler$getMo === void 0 ? void 0 : _triggerHandler$getMo.call(triggerHandler, intl);
+  var shouldRenderSectionLozenge = (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false);
   var handleClick = function handleClick() {
     if (onMoreOptionsClicked) {
       onMoreOptionsClicked();
@@ -401,6 +402,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
     if (!currentRow) {
       return null;
     }
+    var sectionLozenge = currentRow.type === 'section' && shouldRenderSectionLozenge ? currentRow.section.lozenge : null;
     return (0, _react2.jsx)(_CellMeasurer.CellMeasurer, {
       key: key,
       cache: cache,
@@ -425,11 +427,20 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
       }, currentRow.type === 'section' ? (0, _react2.jsx)(_compiled.Box, {
         paddingInline: "space.150",
         paddingBlock: "space.050"
+      }, sectionLozenge ? (0, _react2.jsx)(_compiled.Inline, {
+        as: "span",
+        space: "space.075",
+        alignBlock: "center"
       }, (0, _react2.jsx)(_compiled.Text, {
         as: "span",
         size: "small",
         color: "color.text.subtle",
         weight: "medium"
+      }, currentRow.section.title), sectionLozenge) : (0, _react2.jsx)(_compiled.Text, {
+        as: "span",
+        size: "small",
+        color: "color.text.subtle",
+        weight: "medium"
       }, currentRow.section.title)) : (0, _react2.jsx)(_TypeAheadListItem.TypeAheadListItem, {
         key: items[currentRow.itemIndex].title,
         item: items[currentRow.itemIndex],

package/dist/cjs/ui/hooks/build-sectioned-result.js

@@ -111,6 +111,9 @@ var buildSectionedResult = exports.buildSectionedResult = function buildSectione
         startIndex: startIndex,
         title: _section.title
       };
+      if (_section.lozenge !== undefined) {
+        resolvedSection.lozenge = _section.lozenge;
+      }
       if (_section.sectionTitleDisplay) {
         resolvedSection.sectionTitleDisplay = _section.sectionTitleDisplay;
       }

package/dist/cjs/ui/hooks/use-load-items.js

@@ -21,14 +21,15 @@ var useLoadItems = exports.useLoadItems = function useLoadItems(triggerHandler,
     setItems = _useState2[1];
   var componentIsMounted = (0, _react.useRef)(true);
   var editorViewRef = (0, _react.useRef)(editorView);
+  var latestQueryRef = (0, _react.useRef)(query);
+  latestQueryRef.current = query;
   (0, _react.useEffect)(function () {
-    var getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
-    if (!getItems) {
-      setItems(EMPTY_LIST_ITEM);
-      return;
-    }
+    var requestQuery = query;
+    var isStaleRequest = function isStaleRequest() {
+      return latestQueryRef.current !== requestQuery;
+    };
     var options = {
-      query: query || '',
+      query: requestQuery || '',
       editorState: editorView.state
     };
     var view = editorViewRef.current;
@@ -38,10 +39,19 @@ var useLoadItems = exports.useLoadItems = function useLoadItems(triggerHandler,
         api === null || api === void 0 || api.core.actions.execute((0, _clearListError.clearListError)());
       });
     }
-    getItems(options).then(function (result) {
+
+    /**
+     * Shared render pipeline used by both the single-shot `getItems`
+     * Promise path and the opt-in multi-emit `subscribeToItemsUpdates`
+     * path. Renders the dropdown with whatever items it is given.
+     *
+     * Both paths share the empty-state injection, section-building
+     * and "View more" placeholder logic — extracting this helper
+     * avoids any chance the two paths drift in subtle rendering
+     * behaviour.
+     */
+    var renderResult = function renderResult(result) {
       var _triggerHandler$getEm;
-      // Inject empty list item here so it flows through the normal list rendering and keyboard
-      // navigation paths
       var emptyItem = result.length === 0 && (0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
         editorState: editorView.state
       }) : undefined;
@@ -56,15 +66,18 @@ var useLoadItems = exports.useLoadItems = function useLoadItems(triggerHandler,
       if (componentIsMounted.current) {
         setItems(list);
       }
-
-      // Add a placeholder item for view more button so that it can be traversed with arrow keys
       var viewMoreItem = {
         title: 'View more'
       };
       queueMicrotask(function () {
         (0, _updateListItems.updateListItem)(showViewMore ? list.concat(viewMoreItem) : list, sections)(view.state, view.dispatch);
       });
-    }).catch(function (e) {
+    };
+
+    // Matches the pre-refactor implicit-any contract for the original
+    // `.catch((e) => updateListError(e)(...))` path.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var handleError = function handleError(e) {
       if ((0, _experiments.editorExperiment)('platform_editor_offline_editing_web', true)) {
         if (e) {
           if (componentIsMounted.current) {
@@ -75,7 +88,42 @@ var useLoadItems = exports.useLoadItems = function useLoadItems(triggerHandler,
           });
         }
       }
-    });
+    };
+
+    // Multi-emit path: handler opts in by implementing
+    // `subscribeToItemsUpdates`. The handler controls when to push
+    // updates; we re-render on every push for the lifetime of this
+    // effect.
+    var subscribeToItemsUpdates = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.subscribeToItemsUpdates;
+    if (subscribeToItemsUpdates) {
+      var stale = false;
+      var _subscribeToItemsUpda = subscribeToItemsUpdates(options),
+        initial = _subscribeToItemsUpda.initial,
+        subscribe = _subscribeToItemsUpda.subscribe;
+      initial.then(function (result) {
+        if (!stale && !isStaleRequest()) {
+          renderResult(result);
+        }
+      }).catch(handleError);
+      var unsubscribe = subscribe(function (items) {
+        if (stale || isStaleRequest() || !componentIsMounted.current) {
+          return;
+        }
+        renderResult(items);
+      });
+      return function () {
+        stale = true;
+        unsubscribe();
+      };
+    }
+
+    // Existing single-shot path. Unchanged in behaviour.
+    var getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
+    if (!getItems) {
+      setItems(EMPTY_LIST_ITEM);
+      return;
+    }
+    getItems(options).then(renderResult).catch(handleError);
 
     // ignore because EditorView is mutable but we don't want to
     // call loadItems when it changes, only when the query changes

package/dist/es2019/ui/TypeAheadList.js

@@ -15,7 +15,7 @@ import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
-import { Text, Box } from '@atlaskit/primitives/compiled';
+import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
@@ -350,6 +350,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     return items.findIndex(item => item.isDisabledOffline !== true);
   }, [items]);
   const config = triggerHandler === null || triggerHandler === void 0 ? void 0 : (_triggerHandler$getMo = triggerHandler.getMoreOptionsButtonConfig) === null || _triggerHandler$getMo === void 0 ? void 0 : _triggerHandler$getMo.call(triggerHandler, intl);
+  const shouldRenderSectionLozenge = expVal('platform_editor_agent_mentions', 'isEnabled', false);
   const handleClick = () => {
     if (onMoreOptionsClicked) {
       onMoreOptionsClicked();
@@ -376,6 +377,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     if (!currentRow) {
       return null;
     }
+    const sectionLozenge = currentRow.type === 'section' && shouldRenderSectionLozenge ? currentRow.section.lozenge : null;
     return jsx(CellMeasurer, {
       key: key,
       cache: cache,
@@ -398,11 +400,20 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     }, currentRow.type === 'section' ? jsx(Box, {
       paddingInline: "space.150",
       paddingBlock: "space.050"
+    }, sectionLozenge ? jsx(Inline, {
+      as: "span",
+      space: "space.075",
+      alignBlock: "center"
     }, jsx(Text, {
       as: "span",
       size: "small",
       color: "color.text.subtle",
       weight: "medium"
+    }, currentRow.section.title), sectionLozenge) : jsx(Text, {
+      as: "span",
+      size: "small",
+      color: "color.text.subtle",
+      weight: "medium"
     }, currentRow.section.title)) : jsx(TypeAheadListItem, {
       key: items[currentRow.itemIndex].title,
       item: items[currentRow.itemIndex],

package/dist/es2019/ui/hooks/build-sectioned-result.js

@@ -68,6 +68,9 @@ export const buildSectionedResult = ({
       startIndex,
       title: section.title
     };
+    if (section.lozenge !== undefined) {
+      resolvedSection.lozenge = section.lozenge;
+    }
     if (section.sectionTitleDisplay) {
       resolvedSection.sectionTitleDisplay = section.sectionTitleDisplay;
     }

package/dist/es2019/ui/hooks/use-load-items.js

@@ -10,14 +10,13 @@ export const useLoadItems = (triggerHandler, editorView, query, showViewMore, ap
   const [items, setItems] = useState(EMPTY_LIST_ITEM);
   const componentIsMounted = useRef(true);
   const editorViewRef = useRef(editorView);
+  const latestQueryRef = useRef(query);
+  latestQueryRef.current = query;
   useEffect(() => {
-    const getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
-    if (!getItems) {
-      setItems(EMPTY_LIST_ITEM);
-      return;
-    }
+    const requestQuery = query;
+    const isStaleRequest = () => latestQueryRef.current !== requestQuery;
     const options = {
-      query: query || '',
+      query: requestQuery || '',
       editorState: editorView.state
     };
     const {
@@ -29,10 +28,19 @@ export const useLoadItems = (triggerHandler, editorView, query, showViewMore, ap
         api === null || api === void 0 ? void 0 : api.core.actions.execute(clearListError());
       });
     }
-    getItems(options).then(result => {
+
+    /**
+     * Shared render pipeline used by both the single-shot `getItems`
+     * Promise path and the opt-in multi-emit `subscribeToItemsUpdates`
+     * path. Renders the dropdown with whatever items it is given.
+     *
+     * Both paths share the empty-state injection, section-building
+     * and "View more" placeholder logic — extracting this helper
+     * avoids any chance the two paths drift in subtle rendering
+     * behaviour.
+     */
+    const renderResult = result => {
       var _triggerHandler$getEm;
-      // Inject empty list item here so it flows through the normal list rendering and keyboard
-      // navigation paths
       const emptyItem = result.length === 0 && expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
         editorState: editorView.state
       }) : undefined;
@@ -48,15 +56,18 @@ export const useLoadItems = (triggerHandler, editorView, query, showViewMore, ap
       if (componentIsMounted.current) {
         setItems(list);
       }
-
-      // Add a placeholder item for view more button so that it can be traversed with arrow keys
       const viewMoreItem = {
         title: 'View more'
       };
       queueMicrotask(() => {
         updateListItem(showViewMore ? list.concat(viewMoreItem) : list, sections)(view.state, view.dispatch);
       });
-    }).catch(e => {
+    };
+
+    // Matches the pre-refactor implicit-any contract for the original
+    // `.catch((e) => updateListError(e)(...))` path.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const handleError = e => {
       if (editorExperiment('platform_editor_offline_editing_web', true)) {
         if (e) {
           if (componentIsMounted.current) {
@@ -67,7 +78,43 @@ export const useLoadItems = (triggerHandler, editorView, query, showViewMore, ap
           });
         }
       }
-    });
+    };
+
+    // Multi-emit path: handler opts in by implementing
+    // `subscribeToItemsUpdates`. The handler controls when to push
+    // updates; we re-render on every push for the lifetime of this
+    // effect.
+    const subscribeToItemsUpdates = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.subscribeToItemsUpdates;
+    if (subscribeToItemsUpdates) {
+      let stale = false;
+      const {
+        initial,
+        subscribe
+      } = subscribeToItemsUpdates(options);
+      initial.then(result => {
+        if (!stale && !isStaleRequest()) {
+          renderResult(result);
+        }
+      }).catch(handleError);
+      const unsubscribe = subscribe(items => {
+        if (stale || isStaleRequest() || !componentIsMounted.current) {
+          return;
+        }
+        renderResult(items);
+      });
+      return () => {
+        stale = true;
+        unsubscribe();
+      };
+    }
+
+    // Existing single-shot path. Unchanged in behaviour.
+    const getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
+    if (!getItems) {
+      setItems(EMPTY_LIST_ITEM);
+      return;
+    }
+    getItems(options).then(renderResult).catch(handleError);
 
     // ignore because EditorView is mutable but we don't want to
     // call loadItems when it changes, only when the query changes

package/dist/esm/ui/TypeAheadList.js

@@ -17,7 +17,7 @@ import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
-import { Text, Box } from '@atlaskit/primitives/compiled';
+import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
@@ -368,6 +368,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
     });
   }, [items]);
   var config = triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getMo = triggerHandler.getMoreOptionsButtonConfig) === null || _triggerHandler$getMo === void 0 ? void 0 : _triggerHandler$getMo.call(triggerHandler, intl);
+  var shouldRenderSectionLozenge = expVal('platform_editor_agent_mentions', 'isEnabled', false);
   var handleClick = function handleClick() {
     if (onMoreOptionsClicked) {
       onMoreOptionsClicked();
@@ -392,6 +393,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
     if (!currentRow) {
       return null;
     }
+    var sectionLozenge = currentRow.type === 'section' && shouldRenderSectionLozenge ? currentRow.section.lozenge : null;
     return jsx(CellMeasurer, {
       key: key,
       cache: cache,
@@ -416,11 +418,20 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
       }, currentRow.type === 'section' ? jsx(Box, {
         paddingInline: "space.150",
         paddingBlock: "space.050"
+      }, sectionLozenge ? jsx(Inline, {
+        as: "span",
+        space: "space.075",
+        alignBlock: "center"
       }, jsx(Text, {
         as: "span",
         size: "small",
         color: "color.text.subtle",
         weight: "medium"
+      }, currentRow.section.title), sectionLozenge) : jsx(Text, {
+        as: "span",
+        size: "small",
+        color: "color.text.subtle",
+        weight: "medium"
       }, currentRow.section.title)) : jsx(TypeAheadListItem, {
         key: items[currentRow.itemIndex].title,
         item: items[currentRow.itemIndex],

package/dist/esm/ui/hooks/build-sectioned-result.js

@@ -104,6 +104,9 @@ export var buildSectionedResult = function buildSectionedResult(_ref) {
         startIndex: startIndex,
         title: _section.title
       };
+      if (_section.lozenge !== undefined) {
+        resolvedSection.lozenge = _section.lozenge;
+      }
       if (_section.sectionTitleDisplay) {
         resolvedSection.sectionTitleDisplay = _section.sectionTitleDisplay;
       }

package/dist/esm/ui/hooks/use-load-items.js

@@ -14,14 +14,15 @@ export var useLoadItems = function useLoadItems(triggerHandler, editorView, quer
     setItems = _useState2[1];
   var componentIsMounted = useRef(true);
   var editorViewRef = useRef(editorView);
+  var latestQueryRef = useRef(query);
+  latestQueryRef.current = query;
   useEffect(function () {
-    var getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
-    if (!getItems) {
-      setItems(EMPTY_LIST_ITEM);
-      return;
-    }
+    var requestQuery = query;
+    var isStaleRequest = function isStaleRequest() {
+      return latestQueryRef.current !== requestQuery;
+    };
     var options = {
-      query: query || '',
+      query: requestQuery || '',
       editorState: editorView.state
     };
     var view = editorViewRef.current;
@@ -31,10 +32,19 @@ export var useLoadItems = function useLoadItems(triggerHandler, editorView, quer
         api === null || api === void 0 || api.core.actions.execute(clearListError());
       });
     }
-    getItems(options).then(function (result) {
+
+    /**
+     * Shared render pipeline used by both the single-shot `getItems`
+     * Promise path and the opt-in multi-emit `subscribeToItemsUpdates`
+     * path. Renders the dropdown with whatever items it is given.
+     *
+     * Both paths share the empty-state injection, section-building
+     * and "View more" placeholder logic — extracting this helper
+     * avoids any chance the two paths drift in subtle rendering
+     * behaviour.
+     */
+    var renderResult = function renderResult(result) {
       var _triggerHandler$getEm;
-      // Inject empty list item here so it flows through the normal list rendering and keyboard
-      // navigation paths
       var emptyItem = result.length === 0 && expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
         editorState: editorView.state
       }) : undefined;
@@ -49,15 +59,18 @@ export var useLoadItems = function useLoadItems(triggerHandler, editorView, quer
       if (componentIsMounted.current) {
         setItems(list);
       }
-
-      // Add a placeholder item for view more button so that it can be traversed with arrow keys
       var viewMoreItem = {
         title: 'View more'
       };
       queueMicrotask(function () {
         updateListItem(showViewMore ? list.concat(viewMoreItem) : list, sections)(view.state, view.dispatch);
       });
-    }).catch(function (e) {
+    };
+
+    // Matches the pre-refactor implicit-any contract for the original
+    // `.catch((e) => updateListError(e)(...))` path.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var handleError = function handleError(e) {
       if (editorExperiment('platform_editor_offline_editing_web', true)) {
         if (e) {
           if (componentIsMounted.current) {
@@ -68,7 +81,42 @@ export var useLoadItems = function useLoadItems(triggerHandler, editorView, quer
           });
         }
       }
-    });
+    };
+
+    // Multi-emit path: handler opts in by implementing
+    // `subscribeToItemsUpdates`. The handler controls when to push
+    // updates; we re-render on every push for the lifetime of this
+    // effect.
+    var subscribeToItemsUpdates = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.subscribeToItemsUpdates;
+    if (subscribeToItemsUpdates) {
+      var stale = false;
+      var _subscribeToItemsUpda = subscribeToItemsUpdates(options),
+        initial = _subscribeToItemsUpda.initial,
+        subscribe = _subscribeToItemsUpda.subscribe;
+      initial.then(function (result) {
+        if (!stale && !isStaleRequest()) {
+          renderResult(result);
+        }
+      }).catch(handleError);
+      var unsubscribe = subscribe(function (items) {
+        if (stale || isStaleRequest() || !componentIsMounted.current) {
+          return;
+        }
+        renderResult(items);
+      });
+      return function () {
+        stale = true;
+        unsubscribe();
+      };
+    }
+
+    // Existing single-shot path. Unchanged in behaviour.
+    var getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
+    if (!getItems) {
+      setItems(EMPTY_LIST_ITEM);
+      return;
+    }
+    getItems(options).then(renderResult).catch(handleError);
 
     // ignore because EditorView is mutable but we don't want to
     // call loadItems when it changes, only when the query changes

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

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadHandler, TypeAheadItem, TypeAheadStats, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
@@ -47,6 +48,7 @@ export type TypeAheadPluginState = {
 export type TypeAheadResolvedSection = {
     endIndex: number;
     id: string;
+    lozenge?: ReactNode;
     /**
      * Section title display rules copied from the section definition and optional runtime updates.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "12.0.6",
+	"version": "12.1.0",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,8 +36,8 @@
 		"@atlaskit/primitives": "^20.0.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/prosemirror-input-rules": "^4.0.0",
-		"@atlaskit/tmp-editor-statsig": "^109.0.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tmp-editor-statsig": "^110.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/visually-hidden": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -48,7 +48,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.6.0",
+		"@atlaskit/editor-common": "^116.11.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -58,7 +58,7 @@
 		"@types/react-virtualized": "^9.18.12",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl": "^6.6.2",
+		"react-intl": "^7.0.0",
 		"wait-for-expect": "^1.2.0"
 	},
 	"techstack": {