@atlaskit/editor-plugin-type-ahead 1.13.2 → 1.13.5

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 1.13.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.13.4
+
+### Patch Changes
+
+- [#115416](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115416)
+  [`7be1394d86a9c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7be1394d86a9c) -
+  Fixes undeclared dependency on @atlaskit/icon in package.json dependencies from version 1.13.3.
+
+## 1.13.3
+
+### Patch Changes
+
+- [#114119](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114119)
+  [`32771ea219498`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32771ea219498) -
+  [ux] Opens right rail from the QuickInsert menu via context panel plugin's action
+- Updated dependencies
+
 ## 1.13.2
 
 ### Patch Changes

package/dist/cjs/ui/modern/TypeAheadPopup.js

@@ -14,10 +14,10 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorElementBrowser = require("@atlaskit/editor-element-browser");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../pm-plugins/constants");
 var _TypeAheadErrorFallback = require("../TypeAheadErrorFallback");
+var _ViewAllButton = require("./ViewAllButton");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -46,21 +46,6 @@ var typeAheadContent = (0, _react2.css)({
 // 	maxHeight: `${DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW}px`,
 // });
 
-var viewAllButtonStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-input-pressed, #FFFFFF)",
-  position: 'sticky',
-  bottom: '-4px',
-  width: '100%',
-  height: '40px',
-  color: 'color.text.subtle',
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  ':hover': {
-    textDecoration: 'underline'
-  },
-  ':active': {
-    color: 'color.text'
-  }
-});
 var OFFSET = [0, 8];
 var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
   var triggerHandler = props.triggerHandler,
@@ -250,6 +235,13 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       element === null || element === void 0 || element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
+  var handlePanelOpen = (0, _react.useCallback)(function () {
+    return cancel({
+      addPrefixTrigger: true,
+      setSelectionAt: _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED,
+      forceFocusOnEditor: true
+    });
+  }, [cancel]);
   return (0, _react2.jsx)(_ui.Popup, {
     zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
     target: anchorElement,
@@ -274,9 +266,11 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     items: items,
     onItemInsert: onItemInsert,
     query: query
-  }), (0, _react2.jsx)(_primitives.Pressable, {
-    xcss: viewAllButtonStyles
-    // onClick={() => api?.contextPanel?.actions.showPanel()}
-  }, "View all inserts"))));
+  }), (api === null || api === void 0 ? void 0 : api.contextPanel) && (0, _react2.jsx)(_ViewAllButton.ViewAllButton, {
+    items: items,
+    editorApi: api,
+    onItemInsert: onItemInsert,
+    onPanelOpen: handlePanelOpen
+  }))));
 });
 TypeAheadPopup.displayName = 'TypeAheadPopup';

package/dist/cjs/ui/modern/ViewAllButton.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewAllButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
+var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _editorElementBrowser = require("@atlaskit/editor-element-browser");
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
+var _primitives = require("@atlaskit/primitives");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var viewAllButtonStyles = (0, _primitives.xcss)({
+  background: "var(--ds-background-input-pressed, #FFFFFF)",
+  position: 'sticky',
+  bottom: '-4px',
+  width: '100%',
+  height: '40px',
+  color: 'color.text.subtle',
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  ':hover': {
+    textDecoration: 'underline'
+  },
+  ':active': {
+    color: 'color.text'
+  }
+});
+var INSERT_PANEL_WIDTH = 320;
+var ViewAllButton = exports.ViewAllButton = function ViewAllButton(_ref) {
+  var items = _ref.items,
+    editorApi = _ref.editorApi,
+    onItemInsert = _ref.onItemInsert,
+    onPanelOpen = _ref.onPanelOpen;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var handleClick = (0, _react.useCallback)(function () {
+    var _editorApi$contextPan;
+    var showContextPanel = editorApi === null || editorApi === void 0 || (_editorApi$contextPan = editorApi.contextPanel) === null || _editorApi$contextPan === void 0 || (_editorApi$contextPan = _editorApi$contextPan.actions) === null || _editorApi$contextPan === void 0 ? void 0 : _editorApi$contextPan.showPanel;
+    if (!showContextPanel || !items) {
+      return;
+    }
+
+    // Opens main editor controls side panel
+    showContextPanel({
+      id: 'editor-element-insert-sidebar-panel',
+      headerComponentElements: {
+        headerLabel: _messages.elementInsertSidePanel.title,
+        HeaderIcon: function HeaderIcon() {
+          return /*#__PURE__*/_react.default.createElement(_add.default, {
+            label: formatMessage(_messages.elementInsertSidePanel.title)
+          });
+        }
+      },
+      BodyComponent: function BodyComponent() {
+        return /*#__PURE__*/_react.default.createElement(_editorElementBrowser.SideInsertPanel, {
+          items: items,
+          onItemInsert: onItemInsert
+        });
+      }
+    }, 'push', INSERT_PANEL_WIDTH);
+
+    // Closes typeahead
+    if (onPanelOpen) {
+      onPanelOpen();
+    }
+  }, [editorApi, formatMessage, items, onItemInsert, onPanelOpen]);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    xcss: viewAllButtonStyles,
+    onClick: handleClick
+  }, formatMessage(_typeAhead.typeAheadListMessages.viewAllInserts));
+};

package/dist/es2019/ui/modern/TypeAheadPopup.js

@@ -11,10 +11,10 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { QuickInsertPanel } from '@atlaskit/editor-element-browser';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { Pressable, xcss } from '@atlaskit/primitives';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../../pm-plugins/constants';
 import { TypeAheadErrorFallback } from '../TypeAheadErrorFallback';
+import { ViewAllButton } from './ViewAllButton';
 const DEFAULT_TYPEAHEAD_MENU_HEIGHT = 520;
 // const DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;
 
@@ -34,21 +34,6 @@ const typeAheadContent = css({
 // 	maxHeight: `${DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW}px`,
 // });
 
-const viewAllButtonStyles = xcss({
-  background: "var(--ds-background-input-pressed, #FFFFFF)",
-  position: 'sticky',
-  bottom: '-4px',
-  width: '100%',
-  height: '40px',
-  color: 'color.text.subtle',
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  ':hover': {
-    textDecoration: 'underline'
-  },
-  ':active': {
-    color: 'color.text'
-  }
-});
 const OFFSET = [0, 8];
 export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
   const {
@@ -243,6 +228,11 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
+  const handlePanelOpen = useCallback(() => cancel({
+    addPrefixTrigger: true,
+    setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
+    forceFocusOnEditor: true
+  }), [cancel]);
   return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
@@ -267,9 +257,11 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     items: items,
     onItemInsert: onItemInsert,
     query: query
-  }), jsx(Pressable, {
-    xcss: viewAllButtonStyles
-    // onClick={() => api?.contextPanel?.actions.showPanel()}
-  }, "View all inserts"))));
+  }), (api === null || api === void 0 ? void 0 : api.contextPanel) && jsx(ViewAllButton, {
+    items: items,
+    editorApi: api,
+    onItemInsert: onItemInsert,
+    onPanelOpen: handlePanelOpen
+  }))));
 });
 TypeAheadPopup.displayName = 'TypeAheadPopup';

package/dist/es2019/ui/modern/ViewAllButton.js

@@ -0,0 +1,66 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl-next';
+import { elementInsertSidePanel } from '@atlaskit/editor-common/messages';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { SideInsertPanel } from '@atlaskit/editor-element-browser';
+import AddIcon from '@atlaskit/icon/core/add';
+import { Pressable, xcss } from '@atlaskit/primitives';
+const viewAllButtonStyles = xcss({
+  background: "var(--ds-background-input-pressed, #FFFFFF)",
+  position: 'sticky',
+  bottom: '-4px',
+  width: '100%',
+  height: '40px',
+  color: 'color.text.subtle',
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  ':hover': {
+    textDecoration: 'underline'
+  },
+  ':active': {
+    color: 'color.text'
+  }
+});
+const INSERT_PANEL_WIDTH = 320;
+export const ViewAllButton = ({
+  items,
+  editorApi,
+  onItemInsert,
+  onPanelOpen
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const handleClick = useCallback(() => {
+    var _editorApi$contextPan, _editorApi$contextPan2;
+    const showContextPanel = editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$contextPan = editorApi.contextPanel) === null || _editorApi$contextPan === void 0 ? void 0 : (_editorApi$contextPan2 = _editorApi$contextPan.actions) === null || _editorApi$contextPan2 === void 0 ? void 0 : _editorApi$contextPan2.showPanel;
+    if (!showContextPanel || !items) {
+      return;
+    }
+
+    // Opens main editor controls side panel
+    showContextPanel({
+      id: 'editor-element-insert-sidebar-panel',
+      headerComponentElements: {
+        headerLabel: elementInsertSidePanel.title,
+        HeaderIcon: () => /*#__PURE__*/React.createElement(AddIcon, {
+          label: formatMessage(elementInsertSidePanel.title)
+        })
+      },
+      BodyComponent: () => {
+        return /*#__PURE__*/React.createElement(SideInsertPanel, {
+          items: items,
+          onItemInsert: onItemInsert
+        });
+      }
+    }, 'push', INSERT_PANEL_WIDTH);
+
+    // Closes typeahead
+    if (onPanelOpen) {
+      onPanelOpen();
+    }
+  }, [editorApi, formatMessage, items, onItemInsert, onPanelOpen]);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    xcss: viewAllButtonStyles,
+    onClick: handleClick
+  }, formatMessage(typeAheadListMessages.viewAllInserts));
+};

package/dist/esm/ui/modern/TypeAheadPopup.js

@@ -12,10 +12,10 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { QuickInsertPanel } from '@atlaskit/editor-element-browser';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { Pressable, xcss } from '@atlaskit/primitives';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../../pm-plugins/constants';
 import { TypeAheadErrorFallback } from '../TypeAheadErrorFallback';
+import { ViewAllButton } from './ViewAllButton';
 var DEFAULT_TYPEAHEAD_MENU_HEIGHT = 520;
 // const DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;
 
@@ -35,21 +35,6 @@ var typeAheadContent = css({
 // 	maxHeight: `${DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW}px`,
 // });
 
-var viewAllButtonStyles = xcss({
-  background: "var(--ds-background-input-pressed, #FFFFFF)",
-  position: 'sticky',
-  bottom: '-4px',
-  width: '100%',
-  height: '40px',
-  color: 'color.text.subtle',
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  ':hover': {
-    textDecoration: 'underline'
-  },
-  ':active': {
-    color: 'color.text'
-  }
-});
 var OFFSET = [0, 8];
 export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
   var triggerHandler = props.triggerHandler,
@@ -239,6 +224,13 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       element === null || element === void 0 || element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
+  var handlePanelOpen = useCallback(function () {
+    return cancel({
+      addPrefixTrigger: true,
+      setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
+      forceFocusOnEditor: true
+    });
+  }, [cancel]);
   return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
@@ -263,9 +255,11 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     items: items,
     onItemInsert: onItemInsert,
     query: query
-  }), jsx(Pressable, {
-    xcss: viewAllButtonStyles
-    // onClick={() => api?.contextPanel?.actions.showPanel()}
-  }, "View all inserts"))));
+  }), (api === null || api === void 0 ? void 0 : api.contextPanel) && jsx(ViewAllButton, {
+    items: items,
+    editorApi: api,
+    onItemInsert: onItemInsert,
+    onPanelOpen: handlePanelOpen
+  }))));
 });
 TypeAheadPopup.displayName = 'TypeAheadPopup';

package/dist/esm/ui/modern/ViewAllButton.js

@@ -0,0 +1,66 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl-next';
+import { elementInsertSidePanel } from '@atlaskit/editor-common/messages';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { SideInsertPanel } from '@atlaskit/editor-element-browser';
+import AddIcon from '@atlaskit/icon/core/add';
+import { Pressable, xcss } from '@atlaskit/primitives';
+var viewAllButtonStyles = xcss({
+  background: "var(--ds-background-input-pressed, #FFFFFF)",
+  position: 'sticky',
+  bottom: '-4px',
+  width: '100%',
+  height: '40px',
+  color: 'color.text.subtle',
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  ':hover': {
+    textDecoration: 'underline'
+  },
+  ':active': {
+    color: 'color.text'
+  }
+});
+var INSERT_PANEL_WIDTH = 320;
+export var ViewAllButton = function ViewAllButton(_ref) {
+  var items = _ref.items,
+    editorApi = _ref.editorApi,
+    onItemInsert = _ref.onItemInsert,
+    onPanelOpen = _ref.onPanelOpen;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var handleClick = useCallback(function () {
+    var _editorApi$contextPan;
+    var showContextPanel = editorApi === null || editorApi === void 0 || (_editorApi$contextPan = editorApi.contextPanel) === null || _editorApi$contextPan === void 0 || (_editorApi$contextPan = _editorApi$contextPan.actions) === null || _editorApi$contextPan === void 0 ? void 0 : _editorApi$contextPan.showPanel;
+    if (!showContextPanel || !items) {
+      return;
+    }
+
+    // Opens main editor controls side panel
+    showContextPanel({
+      id: 'editor-element-insert-sidebar-panel',
+      headerComponentElements: {
+        headerLabel: elementInsertSidePanel.title,
+        HeaderIcon: function HeaderIcon() {
+          return /*#__PURE__*/React.createElement(AddIcon, {
+            label: formatMessage(elementInsertSidePanel.title)
+          });
+        }
+      },
+      BodyComponent: function BodyComponent() {
+        return /*#__PURE__*/React.createElement(SideInsertPanel, {
+          items: items,
+          onItemInsert: onItemInsert
+        });
+      }
+    }, 'push', INSERT_PANEL_WIDTH);
+
+    // Closes typeahead
+    if (onPanelOpen) {
+      onPanelOpen();
+    }
+  }, [editorApi, formatMessage, items, onItemInsert, onPanelOpen]);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    xcss: viewAllButtonStyles,
+    onClick: handleClick
+  }, formatMessage(typeAheadListMessages.viewAllInserts));
+};

package/dist/types/typeAheadPluginType.d.ts

@@ -2,6 +2,7 @@ import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { Command, NextEditorPlugin, OptionalPlugin, TypeAheadHandler, TypeAheadItem } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type TypeAheadInputMethod, type TypeAheadPluginOptions, type TypeAheadPluginSharedState } from './types';
@@ -30,7 +31,8 @@ export type TypeAheadPlugin = NextEditorPlugin<'typeAhead', {
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<FeatureFlagsPlugin>,
-        OptionalPlugin<ConnectivityPlugin>
+        OptionalPlugin<ConnectivityPlugin>,
+        OptionalPlugin<ContextPanelPlugin>
     ];
     sharedState: TypeAheadPluginSharedState;
     actions: {

package/dist/types/ui/modern/ViewAllButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { SideInsertPanelItem } from '@atlaskit/editor-element-browser';
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+type ViewAllButtonProps = {
+    items: SideInsertPanelItem[];
+    onItemInsert: (mode: SelectItemMode, index: number) => void;
+    onPanelOpen?: () => void;
+    editorApi?: PublicPluginAPI<ContextPanelPlugin>;
+};
+export declare const ViewAllButton: ({ items, editorApi, onItemInsert, onPanelOpen, }: ViewAllButtonProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/typeAheadPluginType.d.ts

@@ -2,6 +2,7 @@ import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { Command, NextEditorPlugin, OptionalPlugin, TypeAheadHandler, TypeAheadItem } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type TypeAheadInputMethod, type TypeAheadPluginOptions, type TypeAheadPluginSharedState } from './types';
@@ -30,7 +31,8 @@ export type TypeAheadPlugin = NextEditorPlugin<'typeAhead', {
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<FeatureFlagsPlugin>,
-        OptionalPlugin<ConnectivityPlugin>
+        OptionalPlugin<ConnectivityPlugin>,
+        OptionalPlugin<ContextPanelPlugin>
     ];
     sharedState: TypeAheadPluginSharedState;
     actions: {

package/dist/types-ts4.5/ui/modern/ViewAllButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { SideInsertPanelItem } from '@atlaskit/editor-element-browser';
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+type ViewAllButtonProps = {
+    items: SideInsertPanelItem[];
+    onItemInsert: (mode: SelectItemMode, index: number) => void;
+    onPanelOpen?: () => void;
+    editorApi?: PublicPluginAPI<ContextPanelPlugin>;
+};
+export declare const ViewAllButton: ({ items, editorApi, onItemInsert, onPanelOpen, }: ViewAllButtonProps) => React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "1.13.2",
+	"version": "1.13.5",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,18 +32,20 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.2.1",
-		"@atlaskit/editor-common": "^99.14.0",
-		"@atlaskit/editor-element-browser": "^0.0.1",
+		"@atlaskit/editor-common": "^99.17.0",
+		"@atlaskit/editor-element-browser": "^0.0.2",
 		"@atlaskit/editor-plugin-analytics": "^1.12.0",
 		"@atlaskit/editor-plugin-connectivity": "^1.3.0",
+		"@atlaskit/editor-plugin-context-panel": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.2.0",
+		"@atlaskit/editor-shared-styles": "^3.3.0",
 		"@atlaskit/heading": "^4.1.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/menu": "^2.14.0",
-		"@atlaskit/platform-feature-flags": "^1.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
-		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/theme": "^16.0.0",
 		"@atlaskit/tmp-editor-statsig": "^2.46.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",