@atlaskit/editor-common 131.3.0 → 131.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 131.4.0
+
+### Minor Changes
+
+- [`f93da47c0d069`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f93da47c0d069) -
+  Add shared illustrated empty states and search outcome analytics for registered slash, Plus and
+  Element Browser searches under platform_editor_slash_command. Refresh resolved registrations on
+  search edits and retain eligible Ask Rovo and host Marketplace recovery. Remove duplicate top
+  spacing in the Plus menu and show its previews only for directly hovered or keyboard-selected
+  items. Subscribe all three registered entry points to live registry updates and rebuild their
+  models on search changes, keeping selection and category state valid as items arrive or disappear.
+  Omit the Plus footer divider when only the generic empty state is shown.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 131.3.0
 
 ### Minor Changes

package/dist/cjs/analytics/types/enums.js

@@ -129,6 +129,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";
   ACTION["RESOLVED"] = "resolved";
+  ACTION["SEARCHED"] = "searched";
   ACTION["REQUEST_TO_EDIT"] = "requestToEdit";
   ACTION["SELECTED"] = "selected";
   ACTION["SHOWN"] = "shown";

package/dist/cjs/monitoring/error.js

@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "131.2.2";
+var packageVersion = "131.3.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/QuickInsertEmptyState.compiled.css

@@ -0,0 +1,11 @@
+._zulp1ejb{gap:var(--ds-space-300,24px)}
+._1rjcoahv{padding-block:var(--ds-space-600,3pc)}
+._1rjcxy5q{padding-block:var(--ds-space-400,2pc)}._1bah1h6o{justify-content:center}
+._1bsb1mcy{width:57px}
+._1bsb1osq{width:100%}
+._1bsbtudo{width:76px}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i1h39{height:63px}
+._4t3io7ol{height:84px}

package/dist/cjs/quick-insert/QuickInsertEmptyState.js

@@ -0,0 +1,61 @@
+/* QuickInsertEmptyState.tsx generated by @compiled/babel-plugin v3.0.2 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuickInsertEmptyState = void 0;
+require("./QuickInsertEmptyState.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _reactLooselyLazy = require("react-loosely-lazy");
+var _css = require("@atlaskit/css");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _text = require("@atlaskit/primitives/compiled/text");
+var _messages = require("./messages");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var NoResultsIllustration = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-quick-insert-no-results" */
+    './assets/no-results'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+var styles = {
+  base: "_zulp1ejb _4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq",
+  compact: "_1rjcxy5q",
+  spacious: "_1rjcoahv",
+  inlineIllustration: "_4t3i1h39 _1bsb1mcy",
+  fullIllustration: "_4t3io7ol _1bsbtudo"
+};
+var QuickInsertEmptyState = exports.QuickInsertEmptyState = function QuickInsertEmptyState(_ref) {
+  var mode = _ref.mode,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? mode === 'full' ? 'spacious' : 'compact' : _ref$spacing;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var illustrationSize = mode === 'full' ? {
+    width: 76,
+    height: 84
+  } : {
+    width: 57,
+    height: 63
+  };
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
+    testId: "quick-insert-empty-state",
+    xcss: (0, _css.cx)(styles.base, styles[spacing])
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
+    xcss: mode === 'full' ? styles.fullIllustration : styles.inlineIllustration
+  }, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(NoResultsIllustration, {
+    width: illustrationSize.width,
+    height: illustrationSize.height
+  }))), /*#__PURE__*/_react.default.createElement(_text.Text, {
+    align: "center"
+  }, formatMessage(_messages.messages.noSearchResults)));
+};

package/dist/cjs/quick-insert/assets/no-results.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NoResultsIllustration;
+var _react = _interopRequireDefault(require("react"));
+function NoResultsIllustration(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 57 63",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#dddee1",
+    d: "M23.5 49.223c-5.196 0-10.166-1.955-14.442-5.814a30 30 0 0 1-3.545-3.85 29.6 29.6 0 0 1-2.868-4.456c-4.56-8.775-3.179-18.124 3.79-25.647a32.6 32.6 0 0 1 3.942-3.593 32 32 0 0 1 4.287-2.81c9.017-4.89 18.424-3.869 25.803 2.8a30.3 30.3 0 0 1 3.59 3.897 29.7 29.7 0 0 1 2.837 4.396C51.5 22.96 50.12 32.324 43.106 39.83a31.5 31.5 0 0 1-3.797 3.442 33 33 0 0 1-4.468 2.912c-3.777 2.03-7.62 3.036-11.341 3.036zm2.478-44.539c-2.957 0-6.02.824-9.082 2.489a28 28 0 0 0-3.658 2.396 27.5 27.5 0 0 0-3.37 3.07C4.24 18.711 3.15 25.92 6.798 32.941a25 25 0 0 0 2.42 3.75 25 25 0 0 0 2.981 3.24c5.866 5.299 13.119 6.054 20.427 2.13a27.4 27.4 0 0 0 3.818-2.492 27.5 27.5 0 0 0 3.24-2.936c5.658-6.054 6.741-13.27 3.06-20.318a25 25 0 0 0-2.39-3.698 25.3 25.3 0 0 0-3.021-3.289c-3.418-3.086-7.288-4.645-11.348-4.645z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#dddee1",
+    d: "M42.822 42.291c-1.21-1.685-2.509-1.675-3.777-.694-1.19.92-1.507 2.164-.24 3.801l1.45 1.873 4.017-3.107z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#dddee1",
+    d: "m45.28 43.385-6.03 4.663 11.332 14.657 6.03-4.663z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#b7b9be",
+    d: "m44.31 44.134-4.091 3.163 3.843 4.97 4.091-3.163z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#dddee1",
+    d: "M26.834 30.328h-3.42v-.217c-.116-2.432 1.264-5.066 3.227-6.143l.037-.02q.08-.042.154-.093c1.071-.69 1.68-1.88 1.643-3.189-.037-1.298-.707-2.439-1.791-3.052a4.5 4.5 0 0 0-2.21-.592c-2.315 0-4.198 1.897-4.198 4.229h-3.42c0-4.23 3.417-7.672 7.618-7.672a7.9 7.9 0 0 1 3.884 1.033c2.14 1.211 3.462 3.437 3.534 5.955.073 2.53-1.125 4.84-3.203 6.18q-.211.139-.424.251c-.815.458-1.497 1.868-1.434 2.97zM24.795 32.303a3.4 3.4 0 0 1 1.096-.004c1.115.183 2.021.965 2.241 2.182l.002.01.002.009a3.4 3.4 0 0 1-.002 1.103v.004c-.216 1.23-1.136 2.009-2.247 2.19a3.417 3.417 0 0 1-1.085-.003c-1.117-.18-2.027-.961-2.249-2.179l-.002-.01-.001-.01a3.3 3.3 0 0 1 0-1.095l.002-.01.001-.01c.223-1.223 1.137-1.992 2.24-2.177z"
+  }));
+}

package/dist/cjs/quick-insert/messages.js

@@ -146,6 +146,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Search results',
     description: 'Heading shown above the matching items when searching in the Quick Insert menu.'
   },
+  noSearchResults: {
+    id: 'editor-common.quick-insert.noSearchResults',
+    defaultMessage: "We couldn't find any results.",
+    description: 'Message shown when a Quick Insert search has no matching results.'
+  },
   previewAttributionBy: {
     id: 'editor-common.quick-insert.previewAttributionBy',
     defaultMessage: 'By {name}',

package/dist/cjs/quick-insert/useQuickInsertSearchAnalytics.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQuickInsertSearchAnalytics = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _enums = require("../analytics/types/enums");
+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) { (0, _defineProperty2.default)(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; }
+var SEARCH_DEBOUNCE_MS = 1000;
+var useQuickInsertSearchAnalytics = exports.useQuickInsertSearchAnalytics = function useQuickInsertSearchAnalytics(_ref) {
+  var query = _ref.query,
+    resultCount = _ref.resultCount,
+    surface = _ref.surface,
+    category = _ref.category,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+  var latestOptions = (0, _react.useRef)({
+    query: query,
+    resultCount: resultCount,
+    surface: surface,
+    category: category,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  });
+  latestOptions.current = {
+    query: query,
+    resultCount: resultCount,
+    surface: surface,
+    category: category,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  };
+  var pendingSearch = (0, _react.useRef)(null);
+  var effectVersion = (0, _react.useRef)(0);
+  var flush = (0, _react.useCallback)(function () {
+    var pending = pendingSearch.current;
+    if (!pending) {
+      return;
+    }
+    clearTimeout(pending.timer);
+    pendingSearch.current = null;
+    var current = latestOptions.current;
+    if (current.query.trim() !== pending.query || !current.fireAnalyticsEvent) {
+      return;
+    }
+    var attributes = _objectSpread(_objectSpread({}, current.surface === 'element-browser' && current.category !== undefined ? {
+      category: current.category
+    } : {}), {}, {
+      isEmpty: current.resultCount === 0,
+      queryLength: current.query.trim().length,
+      resultCount: current.resultCount,
+      surface: current.surface
+    });
+    var payload = {
+      action: _enums.ACTION.SEARCHED,
+      actionSubject: _enums.ACTION_SUBJECT.QUICK_INSERT,
+      eventType: _enums.EVENT_TYPE.TRACK,
+      attributes: attributes
+    };
+    current.fireAnalyticsEvent(payload);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var currentVersion = ++effectVersion.current;
+    if (!isOpen) {
+      flush();
+      return;
+    }
+    var trimmedQuery = query.trim();
+    if (!trimmedQuery) {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+        pendingSearch.current = null;
+      }
+      return;
+    }
+    if (pendingSearch.current) {
+      clearTimeout(pendingSearch.current.timer);
+    }
+    var timer = setTimeout(flush, SEARCH_DEBOUNCE_MS);
+    pendingSearch.current = {
+      query: trimmedQuery,
+      timer: timer
+    };
+    return function () {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+      }
+      Promise.resolve().then(function () {
+        // oxlint-disable-next-line react-hooks/exhaustive-deps -- The live effect version distinguishes dependency cleanup from a real unmount.
+        if (effectVersion.current === currentVersion) {
+          flush();
+        }
+      });
+    };
+  }, [query, surface, category, isOpen, flush]);
+  return flush;
+};

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "131.2.2";
+var packageVersion = "131.3.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/analytics/types/enums.js

@@ -125,6 +125,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";
   ACTION["RESOLVED"] = "resolved";
+  ACTION["SEARCHED"] = "searched";
   ACTION["REQUEST_TO_EDIT"] = "requestToEdit";
   ACTION["SELECTED"] = "selected";
   ACTION["SHOWN"] = "shown";

package/dist/es2019/monitoring/error.js

@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "131.2.2";
+const packageVersion = "131.3.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/quick-insert/QuickInsertEmptyState.compiled.css

@@ -0,0 +1,11 @@
+._zulp1ejb{gap:var(--ds-space-300,24px)}
+._1rjcoahv{padding-block:var(--ds-space-600,3pc)}
+._1rjcxy5q{padding-block:var(--ds-space-400,2pc)}._1bah1h6o{justify-content:center}
+._1bsb1mcy{width:57px}
+._1bsb1osq{width:100%}
+._1bsbtudo{width:76px}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i1h39{height:63px}
+._4t3io7ol{height:84px}

package/dist/es2019/quick-insert/QuickInsertEmptyState.js

@@ -0,0 +1,47 @@
+/* QuickInsertEmptyState.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./QuickInsertEmptyState.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { lazy, LazySuspense } from 'react-loosely-lazy';
+import { cx } from '@atlaskit/css';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
+import { messages } from './messages';
+const NoResultsIllustration = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-quick-insert-no-results" */
+'./assets/no-results').then(module => module.default));
+const styles = {
+  base: "_zulp1ejb _4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq",
+  compact: "_1rjcxy5q",
+  spacious: "_1rjcoahv",
+  inlineIllustration: "_4t3i1h39 _1bsb1mcy",
+  fullIllustration: "_4t3io7ol _1bsbtudo"
+};
+export const QuickInsertEmptyState = ({
+  mode,
+  spacing = mode === 'full' ? 'spacious' : 'compact'
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const illustrationSize = mode === 'full' ? {
+    width: 76,
+    height: 84
+  } : {
+    width: 57,
+    height: 63
+  };
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "quick-insert-empty-state",
+    xcss: cx(styles.base, styles[spacing])
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: mode === 'full' ? styles.fullIllustration : styles.inlineIllustration
+  }, /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(NoResultsIllustration, {
+    width: illustrationSize.width,
+    height: illustrationSize.height
+  }))), /*#__PURE__*/React.createElement(Text, {
+    align: "center"
+  }, formatMessage(messages.noSearchResults)));
+};

package/dist/es2019/quick-insert/assets/no-results.js

@@ -0,0 +1,30 @@
+import React from 'react';
+export default function NoResultsIllustration({
+  height,
+  width
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 57 63",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M23.5 49.223c-5.196 0-10.166-1.955-14.442-5.814a30 30 0 0 1-3.545-3.85 29.6 29.6 0 0 1-2.868-4.456c-4.56-8.775-3.179-18.124 3.79-25.647a32.6 32.6 0 0 1 3.942-3.593 32 32 0 0 1 4.287-2.81c9.017-4.89 18.424-3.869 25.803 2.8a30.3 30.3 0 0 1 3.59 3.897 29.7 29.7 0 0 1 2.837 4.396C51.5 22.96 50.12 32.324 43.106 39.83a31.5 31.5 0 0 1-3.797 3.442 33 33 0 0 1-4.468 2.912c-3.777 2.03-7.62 3.036-11.341 3.036zm2.478-44.539c-2.957 0-6.02.824-9.082 2.489a28 28 0 0 0-3.658 2.396 27.5 27.5 0 0 0-3.37 3.07C4.24 18.711 3.15 25.92 6.798 32.941a25 25 0 0 0 2.42 3.75 25 25 0 0 0 2.981 3.24c5.866 5.299 13.119 6.054 20.427 2.13a27.4 27.4 0 0 0 3.818-2.492 27.5 27.5 0 0 0 3.24-2.936c5.658-6.054 6.741-13.27 3.06-20.318a25 25 0 0 0-2.39-3.698 25.3 25.3 0 0 0-3.021-3.289c-3.418-3.086-7.288-4.645-11.348-4.645z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M42.822 42.291c-1.21-1.685-2.509-1.675-3.777-.694-1.19.92-1.507 2.164-.24 3.801l1.45 1.873 4.017-3.107z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "m45.28 43.385-6.03 4.663 11.332 14.657 6.03-4.663z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#b7b9be",
+    d: "m44.31 44.134-4.091 3.163 3.843 4.97 4.091-3.163z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M26.834 30.328h-3.42v-.217c-.116-2.432 1.264-5.066 3.227-6.143l.037-.02q.08-.042.154-.093c1.071-.69 1.68-1.88 1.643-3.189-.037-1.298-.707-2.439-1.791-3.052a4.5 4.5 0 0 0-2.21-.592c-2.315 0-4.198 1.897-4.198 4.229h-3.42c0-4.23 3.417-7.672 7.618-7.672a7.9 7.9 0 0 1 3.884 1.033c2.14 1.211 3.462 3.437 3.534 5.955.073 2.53-1.125 4.84-3.203 6.18q-.211.139-.424.251c-.815.458-1.497 1.868-1.434 2.97zM24.795 32.303a3.4 3.4 0 0 1 1.096-.004c1.115.183 2.021.965 2.241 2.182l.002.01.002.009a3.4 3.4 0 0 1-.002 1.103v.004c-.216 1.23-1.136 2.009-2.247 2.19a3.417 3.417 0 0 1-1.085-.003c-1.117-.18-2.027-.961-2.249-2.179l-.002-.01-.001-.01a3.3 3.3 0 0 1 0-1.095l.002-.01.001-.01c.223-1.223 1.137-1.992 2.24-2.177z"
+  }));
+}

package/dist/es2019/quick-insert/messages.js

@@ -140,6 +140,11 @@ export const messages = defineMessages({
     defaultMessage: 'Search results',
     description: 'Heading shown above the matching items when searching in the Quick Insert menu.'
   },
+  noSearchResults: {
+    id: 'editor-common.quick-insert.noSearchResults',
+    defaultMessage: "We couldn't find any results.",
+    description: 'Message shown when a Quick Insert search has no matching results.'
+  },
   previewAttributionBy: {
     id: 'editor-common.quick-insert.previewAttributionBy',
     defaultMessage: 'By {name}',

package/dist/es2019/quick-insert/useQuickInsertSearchAnalytics.js

@@ -0,0 +1,91 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics/types/enums';
+const SEARCH_DEBOUNCE_MS = 1000;
+export const useQuickInsertSearchAnalytics = ({
+  query,
+  resultCount,
+  surface,
+  category,
+  isOpen = true,
+  fireAnalyticsEvent
+}) => {
+  const latestOptions = useRef({
+    query,
+    resultCount,
+    surface,
+    category,
+    fireAnalyticsEvent
+  });
+  latestOptions.current = {
+    query,
+    resultCount,
+    surface,
+    category,
+    fireAnalyticsEvent
+  };
+  const pendingSearch = useRef(null);
+  const effectVersion = useRef(0);
+  const flush = useCallback(() => {
+    const pending = pendingSearch.current;
+    if (!pending) {
+      return;
+    }
+    clearTimeout(pending.timer);
+    pendingSearch.current = null;
+    const current = latestOptions.current;
+    if (current.query.trim() !== pending.query || !current.fireAnalyticsEvent) {
+      return;
+    }
+    const attributes = {
+      ...(current.surface === 'element-browser' && current.category !== undefined ? {
+        category: current.category
+      } : {}),
+      isEmpty: current.resultCount === 0,
+      queryLength: current.query.trim().length,
+      resultCount: current.resultCount,
+      surface: current.surface
+    };
+    const payload = {
+      action: ACTION.SEARCHED,
+      actionSubject: ACTION_SUBJECT.QUICK_INSERT,
+      eventType: EVENT_TYPE.TRACK,
+      attributes
+    };
+    current.fireAnalyticsEvent(payload);
+  }, []);
+  useEffect(() => {
+    const currentVersion = ++effectVersion.current;
+    if (!isOpen) {
+      flush();
+      return;
+    }
+    const trimmedQuery = query.trim();
+    if (!trimmedQuery) {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+        pendingSearch.current = null;
+      }
+      return;
+    }
+    if (pendingSearch.current) {
+      clearTimeout(pendingSearch.current.timer);
+    }
+    const timer = setTimeout(flush, SEARCH_DEBOUNCE_MS);
+    pendingSearch.current = {
+      query: trimmedQuery,
+      timer
+    };
+    return () => {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+      }
+      Promise.resolve().then(() => {
+        // oxlint-disable-next-line react-hooks/exhaustive-deps -- The live effect version distinguishes dependency cleanup from a real unmount.
+        if (effectVersion.current === currentVersion) {
+          flush();
+        }
+      });
+    };
+  }, [query, surface, category, isOpen, flush]);
+  return flush;
+};

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "131.2.2";
+const packageVersion = "131.3.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/analytics/types/enums.js

@@ -125,6 +125,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";
   ACTION["RESOLVED"] = "resolved";
+  ACTION["SEARCHED"] = "searched";
   ACTION["REQUEST_TO_EDIT"] = "requestToEdit";
   ACTION["SELECTED"] = "selected";
   ACTION["SHOWN"] = "shown";

package/dist/esm/monitoring/error.js

@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "131.2.2";
+var packageVersion = "131.3.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/quick-insert/QuickInsertEmptyState.compiled.css

@@ -0,0 +1,11 @@
+._zulp1ejb{gap:var(--ds-space-300,24px)}
+._1rjcoahv{padding-block:var(--ds-space-600,3pc)}
+._1rjcxy5q{padding-block:var(--ds-space-400,2pc)}._1bah1h6o{justify-content:center}
+._1bsb1mcy{width:57px}
+._1bsb1osq{width:100%}
+._1bsbtudo{width:76px}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i1h39{height:63px}
+._4t3io7ol{height:84px}

package/dist/esm/quick-insert/QuickInsertEmptyState.js

@@ -0,0 +1,50 @@
+/* QuickInsertEmptyState.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./QuickInsertEmptyState.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { lazy, LazySuspense } from 'react-loosely-lazy';
+import { cx } from '@atlaskit/css';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
+import { messages } from './messages';
+var NoResultsIllustration = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-quick-insert-no-results" */
+  './assets/no-results').then(function (module) {
+    return module.default;
+  });
+});
+var styles = {
+  base: "_zulp1ejb _4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq",
+  compact: "_1rjcxy5q",
+  spacious: "_1rjcoahv",
+  inlineIllustration: "_4t3i1h39 _1bsb1mcy",
+  fullIllustration: "_4t3io7ol _1bsbtudo"
+};
+export var QuickInsertEmptyState = function QuickInsertEmptyState(_ref) {
+  var mode = _ref.mode,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? mode === 'full' ? 'spacious' : 'compact' : _ref$spacing;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var illustrationSize = mode === 'full' ? {
+    width: 76,
+    height: 84
+  } : {
+    width: 57,
+    height: 63
+  };
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "quick-insert-empty-state",
+    xcss: cx(styles.base, styles[spacing])
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: mode === 'full' ? styles.fullIllustration : styles.inlineIllustration
+  }, /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(NoResultsIllustration, {
+    width: illustrationSize.width,
+    height: illustrationSize.height
+  }))), /*#__PURE__*/React.createElement(Text, {
+    align: "center"
+  }, formatMessage(messages.noSearchResults)));
+};

package/dist/esm/quick-insert/assets/no-results.js

@@ -0,0 +1,29 @@
+import React from 'react';
+export default function NoResultsIllustration(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 57 63",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M23.5 49.223c-5.196 0-10.166-1.955-14.442-5.814a30 30 0 0 1-3.545-3.85 29.6 29.6 0 0 1-2.868-4.456c-4.56-8.775-3.179-18.124 3.79-25.647a32.6 32.6 0 0 1 3.942-3.593 32 32 0 0 1 4.287-2.81c9.017-4.89 18.424-3.869 25.803 2.8a30.3 30.3 0 0 1 3.59 3.897 29.7 29.7 0 0 1 2.837 4.396C51.5 22.96 50.12 32.324 43.106 39.83a31.5 31.5 0 0 1-3.797 3.442 33 33 0 0 1-4.468 2.912c-3.777 2.03-7.62 3.036-11.341 3.036zm2.478-44.539c-2.957 0-6.02.824-9.082 2.489a28 28 0 0 0-3.658 2.396 27.5 27.5 0 0 0-3.37 3.07C4.24 18.711 3.15 25.92 6.798 32.941a25 25 0 0 0 2.42 3.75 25 25 0 0 0 2.981 3.24c5.866 5.299 13.119 6.054 20.427 2.13a27.4 27.4 0 0 0 3.818-2.492 27.5 27.5 0 0 0 3.24-2.936c5.658-6.054 6.741-13.27 3.06-20.318a25 25 0 0 0-2.39-3.698 25.3 25.3 0 0 0-3.021-3.289c-3.418-3.086-7.288-4.645-11.348-4.645z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M42.822 42.291c-1.21-1.685-2.509-1.675-3.777-.694-1.19.92-1.507 2.164-.24 3.801l1.45 1.873 4.017-3.107z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "m45.28 43.385-6.03 4.663 11.332 14.657 6.03-4.663z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#b7b9be",
+    d: "m44.31 44.134-4.091 3.163 3.843 4.97 4.091-3.163z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M26.834 30.328h-3.42v-.217c-.116-2.432 1.264-5.066 3.227-6.143l.037-.02q.08-.042.154-.093c1.071-.69 1.68-1.88 1.643-3.189-.037-1.298-.707-2.439-1.791-3.052a4.5 4.5 0 0 0-2.21-.592c-2.315 0-4.198 1.897-4.198 4.229h-3.42c0-4.23 3.417-7.672 7.618-7.672a7.9 7.9 0 0 1 3.884 1.033c2.14 1.211 3.462 3.437 3.534 5.955.073 2.53-1.125 4.84-3.203 6.18q-.211.139-.424.251c-.815.458-1.497 1.868-1.434 2.97zM24.795 32.303a3.4 3.4 0 0 1 1.096-.004c1.115.183 2.021.965 2.241 2.182l.002.01.002.009a3.4 3.4 0 0 1-.002 1.103v.004c-.216 1.23-1.136 2.009-2.247 2.19a3.417 3.417 0 0 1-1.085-.003c-1.117-.18-2.027-.961-2.249-2.179l-.002-.01-.001-.01a3.3 3.3 0 0 1 0-1.095l.002-.01.001-.01c.223-1.223 1.137-1.992 2.24-2.177z"
+  }));
+}

package/dist/esm/quick-insert/messages.js

@@ -140,6 +140,11 @@ export var messages = defineMessages({
     defaultMessage: 'Search results',
     description: 'Heading shown above the matching items when searching in the Quick Insert menu.'
   },
+  noSearchResults: {
+    id: 'editor-common.quick-insert.noSearchResults',
+    defaultMessage: "We couldn't find any results.",
+    description: 'Message shown when a Quick Insert search has no matching results.'
+  },
   previewAttributionBy: {
     id: 'editor-common.quick-insert.previewAttributionBy',
     defaultMessage: 'By {name}',

package/dist/esm/quick-insert/useQuickInsertSearchAnalytics.js

@@ -0,0 +1,93 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { useCallback, useEffect, useRef } from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics/types/enums';
+var SEARCH_DEBOUNCE_MS = 1000;
+export var useQuickInsertSearchAnalytics = function useQuickInsertSearchAnalytics(_ref) {
+  var query = _ref.query,
+    resultCount = _ref.resultCount,
+    surface = _ref.surface,
+    category = _ref.category,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+  var latestOptions = useRef({
+    query: query,
+    resultCount: resultCount,
+    surface: surface,
+    category: category,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  });
+  latestOptions.current = {
+    query: query,
+    resultCount: resultCount,
+    surface: surface,
+    category: category,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  };
+  var pendingSearch = useRef(null);
+  var effectVersion = useRef(0);
+  var flush = useCallback(function () {
+    var pending = pendingSearch.current;
+    if (!pending) {
+      return;
+    }
+    clearTimeout(pending.timer);
+    pendingSearch.current = null;
+    var current = latestOptions.current;
+    if (current.query.trim() !== pending.query || !current.fireAnalyticsEvent) {
+      return;
+    }
+    var attributes = _objectSpread(_objectSpread({}, current.surface === 'element-browser' && current.category !== undefined ? {
+      category: current.category
+    } : {}), {}, {
+      isEmpty: current.resultCount === 0,
+      queryLength: current.query.trim().length,
+      resultCount: current.resultCount,
+      surface: current.surface
+    });
+    var payload = {
+      action: ACTION.SEARCHED,
+      actionSubject: ACTION_SUBJECT.QUICK_INSERT,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: attributes
+    };
+    current.fireAnalyticsEvent(payload);
+  }, []);
+  useEffect(function () {
+    var currentVersion = ++effectVersion.current;
+    if (!isOpen) {
+      flush();
+      return;
+    }
+    var trimmedQuery = query.trim();
+    if (!trimmedQuery) {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+        pendingSearch.current = null;
+      }
+      return;
+    }
+    if (pendingSearch.current) {
+      clearTimeout(pendingSearch.current.timer);
+    }
+    var timer = setTimeout(flush, SEARCH_DEBOUNCE_MS);
+    pendingSearch.current = {
+      query: trimmedQuery,
+      timer: timer
+    };
+    return function () {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+      }
+      Promise.resolve().then(function () {
+        // oxlint-disable-next-line react-hooks/exhaustive-deps -- The live effect version distinguishes dependency cleanup from a real unmount.
+        if (effectVersion.current === currentVersion) {
+          flush();
+        }
+      });
+    };
+  }, [query, surface, category, isOpen, flush]);
+  return flush;
+};

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "131.2.2";
+var packageVersion = "131.3.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/enums.d.ts

@@ -122,6 +122,7 @@ export declare enum ACTION {
     REPLACED_ALL = "replacedAll",
     REPLACED_ONE = "replacedOne",
     RESOLVED = "resolved",
+    SEARCHED = "searched",
     REQUEST_TO_EDIT = "requestToEdit",
     SELECTED = "selected",
     SHOWN = "shown",

package/dist/types/analytics/types/events.d.ts

@@ -52,7 +52,7 @@ import type { NestedTableActionsEventPayload } from './nested-table-events';
 import type { NodeEventPayload } from './node-events';
 import type { OfflineEditingEventPayload } from './offline-editing-event';
 import type { PasteActionsMenuEventPayload, PasteEventPayload } from './paste-events';
-import type { QuickInsertInformationEventPayload } from './quick-insert-events';
+import type { QuickInsertInformationEventPayload, QuickInsertSearchOutcomeEventPayload } from './quick-insert-events';
 import type { ReferentialityEventPayload } from './referentiality-events';
 import type { SelectionEventPayload } from './selection-events';
 import type { SelectionExtensionEventPayload } from './selection-extension-events';
@@ -73,7 +73,7 @@ export type SimplifiedNode = {
     pos: number;
     type: string;
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | PasteActionsMenuEventPayload | QuickInsertInformationEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | ContainerNodeActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AiAutocompleteEventPayload | AiSuggestionsEventPayload | ContextualTypeaheadEventPayload | AIQuickPromptEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | ExperienceEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | AgentEditShimmerNotShownAEP | FloatingToolbarOverflowEventPayload | SyncBlockEventPayload | FloatingToolbarEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | PasteActionsMenuEventPayload | QuickInsertInformationEventPayload | QuickInsertSearchOutcomeEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | ContainerNodeActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AiAutocompleteEventPayload | AiSuggestionsEventPayload | ContextualTypeaheadEventPayload | AIQuickPromptEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | ExperienceEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | AgentEditShimmerNotShownAEP | FloatingToolbarOverflowEventPayload | SyncBlockEventPayload | FloatingToolbarEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     newColor: string;
     previousColor: string;

package/dist/types/analytics/types/quick-insert-events.d.ts

@@ -1,5 +1,5 @@
 import type { ACTION, ACTION_SUBJECT } from './enums';
-import type { OperationalAEP } from './utils';
+import type { OperationalAEP, TrackAEP } from './utils';
 export type CategoryInformation = {
     allAppCount: number;
     allAppMacroMax: number;
@@ -20,3 +20,13 @@ export type QuickInsertInformationAttributes = {
 };
 export type QuickInsertInformationAEP = OperationalAEP<ACTION.QUICK_INSERT_INFORMATION, ACTION_SUBJECT.QUICK_INSERT, undefined, QuickInsertInformationAttributes>;
 export type QuickInsertInformationEventPayload = QuickInsertInformationAEP;
+export type QuickInsertSearchSurface = 'typeahead' | 'toolbar' | 'element-browser';
+export type QuickInsertSearchOutcomeAttributes = {
+    category?: string;
+    isEmpty: boolean;
+    queryLength: number;
+    resultCount: number;
+    surface: QuickInsertSearchSurface;
+};
+export type QuickInsertSearchOutcomeAEP = TrackAEP<ACTION.SEARCHED, ACTION_SUBJECT.QUICK_INSERT, undefined, QuickInsertSearchOutcomeAttributes, undefined>;
+export type QuickInsertSearchOutcomeEventPayload = QuickInsertSearchOutcomeAEP;

package/dist/types/quick-insert/QuickInsertEmptyState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    mode: 'inline' | 'full';
+    spacing?: 'compact' | 'spacious';
+};
+export declare const QuickInsertEmptyState: ({ mode, spacing, }: Props) => React.JSX.Element;
+export {};

package/dist/types/quick-insert/assets/no-results.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    height: number;
+    width: number;
+};
+export default function NoResultsIllustration({ height, width }: Props): React.JSX.Element;
+export {};

package/dist/types/quick-insert/messages.d.ts

@@ -3,5 +3,5 @@ type Messages<Keys extends string> = Record<Keys, MessageDescriptor & {
     defaultMessage: string;
     id: string;
 }>;
-export declare const messages: Messages<'admin' | 'AI' | 'all' | 'browse' | 'categoryBlockTemplates' | 'categoryCreate' | 'categoryDataAndCharts' | 'categoryEmbed' | 'categoryMedia' | 'categoryOther' | 'categoryRecommended' | 'categoryRovo' | 'categoryStructure' | 'categoryTextFormatting' | 'searchResults' | 'previewAttributionBy' | 'previewAttributionAtlassian' | 'previewAttributionAssets' | 'previewAttributionConfluence' | 'previewAttributionFeedback' | 'previewAttributionFocus' | 'previewAttributionJira' | 'previewAttributionJiraServiceManagement' | 'previewAttributionMicrosoft' | 'previewAttributionStudio' | 'previewAttributionTalent' | 'previewAttributionTrello' | 'close' | 'communication' | 'confluence-content' | 'development' | 'external-content' | 'featuredWhiteboardDescription' | 'formatting' | 'help' | 'insert' | 'media' | 'navigation' | 'reporting' | 'visuals'>;
+export declare const messages: Messages<'admin' | 'AI' | 'all' | 'browse' | 'categoryBlockTemplates' | 'categoryCreate' | 'categoryDataAndCharts' | 'categoryEmbed' | 'categoryMedia' | 'categoryOther' | 'categoryRecommended' | 'categoryRovo' | 'categoryStructure' | 'categoryTextFormatting' | 'searchResults' | 'noSearchResults' | 'previewAttributionBy' | 'previewAttributionAtlassian' | 'previewAttributionAssets' | 'previewAttributionConfluence' | 'previewAttributionFeedback' | 'previewAttributionFocus' | 'previewAttributionJira' | 'previewAttributionJiraServiceManagement' | 'previewAttributionMicrosoft' | 'previewAttributionStudio' | 'previewAttributionTalent' | 'previewAttributionTrello' | 'close' | 'communication' | 'confluence-content' | 'development' | 'external-content' | 'featuredWhiteboardDescription' | 'formatting' | 'help' | 'insert' | 'media' | 'navigation' | 'reporting' | 'visuals'>;
 export {};

package/dist/types/quick-insert/useQuickInsertSearchAnalytics.d.ts

@@ -0,0 +1,12 @@
+import type { EditorAnalyticsAPI } from '../analytics/api';
+import type { QuickInsertSearchSurface } from '../analytics/types/quick-insert-events';
+type Options = {
+    category?: string;
+    fireAnalyticsEvent?: EditorAnalyticsAPI['fireAnalyticsEvent'];
+    isOpen?: boolean;
+    query: string;
+    resultCount: number;
+    surface: QuickInsertSearchSurface;
+};
+export declare const useQuickInsertSearchAnalytics: ({ query, resultCount, surface, category, isOpen, fireAnalyticsEvent, }: Options) => (() => void);
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "131.3.0",
+	"version": "131.4.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -62,7 +62,7 @@
 		"@atlaskit/media-client-react": "^7.0.0",
 		"@atlaskit/media-common": "^14.7.0",
 		"@atlaskit/media-file-preview": "^2.0.0",
-		"@atlaskit/media-picker": "^73.1.0",
+		"@atlaskit/media-picker": "^73.2.0",
 		"@atlaskit/media-ui": "^31.3.0",
 		"@atlaskit/media-viewer": "^54.11.0",
 		"@atlaskit/mention": "^30.2.0",
@@ -73,7 +73,7 @@
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/popper": "^9.4.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/profilecard": "^27.1.0",
 		"@atlaskit/prosemirror-history": "^1.3.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",

package/quick-insert/empty-state/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/editor-common/quick-insert/empty-state",
+  "main": "../../dist/cjs/quick-insert/QuickInsertEmptyState.js",
+  "module": "../../dist/esm/quick-insert/QuickInsertEmptyState.js",
+  "module:es2019": "../../dist/es2019/quick-insert/QuickInsertEmptyState.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../../dist/types/quick-insert/QuickInsertEmptyState.d.ts"
+}

package/quick-insert/use-search-analytics/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/editor-common/quick-insert/use-search-analytics",
+  "main": "../../dist/cjs/quick-insert/useQuickInsertSearchAnalytics.js",
+  "module": "../../dist/esm/quick-insert/useQuickInsertSearchAnalytics.js",
+  "module:es2019": "../../dist/es2019/quick-insert/useQuickInsertSearchAnalytics.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../../dist/types/quick-insert/useQuickInsertSearchAnalytics.d.ts"
+}