@atlaskit/editor-plugin-type-ahead 2.0.4 → 2.0.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 2.0.5
+
+### Patch Changes
+
+- [#121049](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121049)
+  [`0c8ca53dace33`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c8ca53dace33) -
+  [ux] Uses ViewAllButtonItem from the editor-element-browser package instead of custom Pressable
+  button
+
 ## 2.0.4
 
 ### Patch Changes

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

@@ -10,17 +10,20 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorElementBrowser = require("@atlaskit/editor-element-browser");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -32,6 +35,7 @@ var DEFAULT_TYPEAHEAD_MENU_HEIGHT = 520;
 // const DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;
 
 var ITEM_PADDING = 12;
+var INSERT_PANEL_WIDTH = 320;
 var typeAheadContent = (0, _react2.css)({
   background: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
@@ -63,6 +67,8 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     query = props.query,
     setSelectedItem = props.setSelectedItem;
   var ref = (0, _react.useRef)(null);
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var defaultMenuHeight = DEFAULT_TYPEAHEAD_MENU_HEIGHT;
   var startTime = (0, _react.useMemo)(function () {
     return performance.now();
@@ -264,13 +270,39 @@ 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({
+  var handleViewAllItemsClick = (0, _react.useCallback)(function () {
+    var _api$contextPanel;
+    var showContextPanel = api === null || api === void 0 || (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 || (_api$contextPanel = _api$contextPanel.actions) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.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 (0, _react2.jsx)(_add.default, {
+            label: formatMessage(_messages.elementInsertSidePanel.title)
+          });
+        }
+      },
+      BodyComponent: function BodyComponent() {
+        return (0, _react2.jsx)(_editorElementBrowser.SideInsertPanel, {
+          items: items,
+          onItemInsert: onItemInsert
+        });
+      }
+    }, 'push', INSERT_PANEL_WIDTH);
+
+    // Closes typeahead
+    cancel({
       addPrefixTrigger: true,
       setSelectionAt: _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED,
       forceFocusOnEditor: true
     });
-  }, [cancel]);
+  }, [api, cancel, formatMessage, items, onItemInsert]);
   return (0, _react2.jsx)(_ui.Popup, {
     zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
     target: anchorElement,
@@ -295,12 +327,8 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     items: items,
     onItemInsert: onItemInsert,
     query: query,
-    setSelectedItem: setSelectedItem
-  }), (api === null || api === void 0 ? void 0 : api.contextPanel) && (0, _react2.jsx)(_ViewAllButton.ViewAllButton, {
-    items: items,
-    editorApi: api,
-    onItemInsert: onItemInsert,
-    onPanelOpen: handlePanelOpen
+    setSelectedItem: setSelectedItem,
+    onViewAllItemsClick: Boolean(api === null || api === void 0 ? void 0 : api.contextPanel) ? handleViewAllItemsClick : undefined
   }))));
 });
 TypeAheadPopup.displayName = 'TypeAheadPopup';

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

@@ -1,25 +1,30 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
+import { useIntl } from 'react-intl-next';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { elementInsertSidePanel } from '@atlaskit/editor-common/messages';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { QuickInsertPanel } from '@atlaskit/editor-element-browser';
+import { SideInsertPanel, QuickInsertPanel } from '@atlaskit/editor-element-browser';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
+import AddIcon from '@atlaskit/icon/core/add';
 import { fg } from '@atlaskit/platform-feature-flags';
 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;
 
 const ITEM_PADDING = 12;
+const INSERT_PANEL_WIDTH = 320;
 const typeAheadContent = css({
   background: `var(--ds-surface-overlay, ${N0})`,
   borderRadius: "var(--ds-border-radius, 3px)",
@@ -53,6 +58,9 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     setSelectedItem
   } = props;
   const ref = useRef(null);
+  const {
+    formatMessage
+  } = useIntl();
   const defaultMenuHeight = DEFAULT_TYPEAHEAD_MENU_HEIGHT;
   const startTime = useMemo(() => performance.now(),
   // In case those props changes
@@ -257,11 +265,37 @@ 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]);
+  const handleViewAllItemsClick = useCallback(() => {
+    var _api$contextPanel, _api$contextPanel$act;
+    const showContextPanel = api === null || api === void 0 ? void 0 : (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 ? void 0 : (_api$contextPanel$act = _api$contextPanel.actions) === null || _api$contextPanel$act === void 0 ? void 0 : _api$contextPanel$act.showPanel;
+    if (!showContextPanel || !items) {
+      return;
+    }
+
+    // Opens main editor controls side panel
+    showContextPanel({
+      id: 'editor-element-insert-sidebar-panel',
+      headerComponentElements: {
+        headerLabel: elementInsertSidePanel.title,
+        HeaderIcon: () => jsx(AddIcon, {
+          label: formatMessage(elementInsertSidePanel.title)
+        })
+      },
+      BodyComponent: () => {
+        return jsx(SideInsertPanel, {
+          items: items,
+          onItemInsert: onItemInsert
+        });
+      }
+    }, 'push', INSERT_PANEL_WIDTH);
+
+    // Closes typeahead
+    cancel({
+      addPrefixTrigger: true,
+      setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
+      forceFocusOnEditor: true
+    });
+  }, [api, cancel, formatMessage, items, onItemInsert]);
   return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
@@ -286,12 +320,8 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     items: items,
     onItemInsert: onItemInsert,
     query: query,
-    setSelectedItem: setSelectedItem
-  }), (api === null || api === void 0 ? void 0 : api.contextPanel) && jsx(ViewAllButton, {
-    items: items,
-    editorApi: api,
-    onItemInsert: onItemInsert,
-    onPanelOpen: handlePanelOpen
+    setSelectedItem: setSelectedItem,
+    onViewAllItemsClick: Boolean(api === null || api === void 0 ? void 0 : api.contextPanel) ? handleViewAllItemsClick : undefined
   }))));
 });
 TypeAheadPopup.displayName = 'TypeAheadPopup';

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

@@ -1,26 +1,31 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
+import { useIntl } from 'react-intl-next';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { elementInsertSidePanel } from '@atlaskit/editor-common/messages';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { QuickInsertPanel } from '@atlaskit/editor-element-browser';
+import { SideInsertPanel, QuickInsertPanel } from '@atlaskit/editor-element-browser';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
+import AddIcon from '@atlaskit/icon/core/add';
 import { fg } from '@atlaskit/platform-feature-flags';
 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;
 
 var ITEM_PADDING = 12;
+var INSERT_PANEL_WIDTH = 320;
 var typeAheadContent = css({
   background: "var(--ds-surface-overlay, ".concat(N0, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
@@ -52,6 +57,8 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     query = props.query,
     setSelectedItem = props.setSelectedItem;
   var ref = useRef(null);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var defaultMenuHeight = DEFAULT_TYPEAHEAD_MENU_HEIGHT;
   var startTime = useMemo(function () {
     return performance.now();
@@ -253,13 +260,39 @@ 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({
+  var handleViewAllItemsClick = useCallback(function () {
+    var _api$contextPanel;
+    var showContextPanel = api === null || api === void 0 || (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 || (_api$contextPanel = _api$contextPanel.actions) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.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 jsx(AddIcon, {
+            label: formatMessage(elementInsertSidePanel.title)
+          });
+        }
+      },
+      BodyComponent: function BodyComponent() {
+        return jsx(SideInsertPanel, {
+          items: items,
+          onItemInsert: onItemInsert
+        });
+      }
+    }, 'push', INSERT_PANEL_WIDTH);
+
+    // Closes typeahead
+    cancel({
       addPrefixTrigger: true,
       setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
       forceFocusOnEditor: true
     });
-  }, [cancel]);
+  }, [api, cancel, formatMessage, items, onItemInsert]);
   return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
@@ -284,12 +317,8 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     items: items,
     onItemInsert: onItemInsert,
     query: query,
-    setSelectedItem: setSelectedItem
-  }), (api === null || api === void 0 ? void 0 : api.contextPanel) && jsx(ViewAllButton, {
-    items: items,
-    editorApi: api,
-    onItemInsert: onItemInsert,
-    onPanelOpen: handlePanelOpen
+    setSelectedItem: setSelectedItem,
+    onViewAllItemsClick: Boolean(api === null || api === void 0 ? void 0 : api.contextPanel) ? handleViewAllItemsClick : undefined
   }))));
 });
 TypeAheadPopup.displayName = 'TypeAheadPopup';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "2.0.4",
+	"version": "2.0.5",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
 		"@atlaskit/theme": "^17.0.0",
 		"@atlaskit/tmp-editor-statsig": "^3.3.0",
-		"@atlaskit/tokens": "^4.2.0",
+		"@atlaskit/tokens": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",

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

@@ -1,76 +0,0 @@
-"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/ViewAllButton.js

@@ -1,66 +0,0 @@
-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/ViewAllButton.js

@@ -1,66 +0,0 @@
-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/ui/modern/ViewAllButton.d.ts

@@ -1,13 +0,0 @@
-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/ui/modern/ViewAllButton.d.ts

@@ -1,13 +0,0 @@
-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 {};