@diplodoc/components 5.16.2 → 5.17.2

package/build/esm/components/SearchPage/SearchPage.js

@@ -16,13 +16,14 @@ var __spreadValues = (a, b2) => {
 };
 
 // src/components/SearchPage/SearchPage.tsx
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Button, Loader, TextInput } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import { useTranslation } from "../../hooks";
 import { Paginator } from "../Paginator";
 import { SearchItem } from "../SearchItem";
 import "./SearchPage.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-search-page");
 var FoundBlock = ({
   items,
@@ -37,67 +38,77 @@ var FoundBlock = ({
   isMobile
 }) => {
   const { t } = useTranslation("search");
-  return /* @__PURE__ */ React.createElement("div", { className: b("search-result") }, /* @__PURE__ */ React.createElement("h3", { className: b("subtitle") }, t("search_request-query")), /* @__PURE__ */ React.createElement("div", { className: b("search-list") }, items.map((item) => /* @__PURE__ */ React.createElement(
-    SearchItem,
-    {
-      key: item.url,
-      item,
-      className: b("search-item"),
-      itemOnClick,
-      irrelevantOnClick,
-      relevantOnClick
-    }
-  ))), /* @__PURE__ */ React.createElement("div", { className: b("paginator") }, /* @__PURE__ */ React.createElement(
-    Paginator,
-    {
-      page,
-      totalItems,
-      maxPages,
-      onPageChange,
-      itemsPerPage,
-      isMobile
-    }
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: b("search-result"), children: [
+    /* @__PURE__ */ jsx("h3", { className: b("subtitle"), children: t("search_request-query") }),
+    /* @__PURE__ */ jsx("div", { className: b("search-list"), children: items.map((item) => /* @__PURE__ */ jsx(
+      SearchItem,
+      {
+        item,
+        className: b("search-item"),
+        itemOnClick,
+        irrelevantOnClick,
+        relevantOnClick
+      },
+      item.url
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: b("paginator"), children: /* @__PURE__ */ jsx(
+      Paginator,
+      {
+        page,
+        totalItems,
+        maxPages,
+        onPageChange,
+        itemsPerPage,
+        isMobile
+      }
+    ) })
+  ] });
 };
 var WithoutContentBlock = ({ loading }) => {
   const { t } = useTranslation("search");
-  return loading ? /* @__PURE__ */ React.createElement(Loader, null) : /* @__PURE__ */ React.createElement("div", { className: b("search-empty") }, /* @__PURE__ */ React.createElement("h3", null, t("search_not-found-title")), /* @__PURE__ */ React.createElement("div", null, t("search_not-found-text")));
+  return loading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs("div", { className: b("search-empty"), children: [
+    /* @__PURE__ */ jsx("h3", { children: t("search_not-found-title") }),
+    /* @__PURE__ */ jsx("div", { children: t("search_not-found-text") })
+  ] });
 };
 var InputBlock = ({ query, onQueryUpdate, onSubmit, inputRef }) => {
   const { t } = useTranslation("search");
-  return /* @__PURE__ */ React.createElement("div", { className: b("search-field") }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: b("search-field"), children: /* @__PURE__ */ jsx(
     "form",
     {
       onSubmit: (event) => {
         event.preventDefault();
         onSubmit(query);
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: b("search-field-wrapper") }, /* @__PURE__ */ React.createElement(
-      TextInput,
-      {
-        controlRef: inputRef,
-        size: "l",
-        value: query,
-        autoFocus: true,
-        placeholder: t("search_placeholder"),
-        onUpdate: onQueryUpdate,
-        hasClear: true
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: b("search-button"),
-        view: "action",
-        size: "l",
-        onClick: (event) => {
-          event.preventDefault();
-          onSubmit(query);
-        }
       },
-      t("search_action")
-    ))
-  ));
+      children: /* @__PURE__ */ jsxs("div", { className: b("search-field-wrapper"), children: [
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            controlRef: inputRef,
+            size: "l",
+            value: query,
+            autoFocus: true,
+            placeholder: t("search_placeholder"),
+            onUpdate: onQueryUpdate,
+            hasClear: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: b("search-button"),
+            view: "action",
+            size: "l",
+            onClick: (event) => {
+              event.preventDefault();
+              onSubmit(query);
+            },
+            children: t("search_action")
+          }
+        )
+      ] })
+    }
+  ) });
 };
 var SearchPage = ({
   query = "",
@@ -119,29 +130,32 @@ var SearchPage = ({
   useEffect(() => {
     setCurrentQuery(query);
   }, [query]);
-  return /* @__PURE__ */ React.createElement("div", { className: b("layout") }, /* @__PURE__ */ React.createElement("div", { className: b("search-input") }, /* @__PURE__ */ React.createElement(
-    InputBlock,
-    __spreadValues({}, {
-      query: currentQuery,
-      onQueryUpdate: setCurrentQuery,
-      onSubmit,
-      inputRef
-    })
-  )), /* @__PURE__ */ React.createElement("div", { className: b("content") }, (items == null ? void 0 : items.length) && query ? /* @__PURE__ */ React.createElement(
-    FoundBlock,
-    __spreadValues({}, {
-      items,
-      page,
-      isMobile,
-      totalItems,
-      maxPages,
-      itemsPerPage,
-      itemOnClick,
-      onPageChange,
-      irrelevantOnClick,
-      relevantOnClick
-    })
-  ) : /* @__PURE__ */ React.createElement(WithoutContentBlock, { loading })));
+  return /* @__PURE__ */ jsxs("div", { className: b("layout"), children: [
+    /* @__PURE__ */ jsx("div", { className: b("search-input"), children: /* @__PURE__ */ jsx(
+      InputBlock,
+      __spreadValues({}, {
+        query: currentQuery,
+        onQueryUpdate: setCurrentQuery,
+        onSubmit,
+        inputRef
+      })
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: b("content"), children: (items == null ? void 0 : items.length) && query ? /* @__PURE__ */ jsx(
+      FoundBlock,
+      __spreadValues({}, {
+        items,
+        page,
+        isMobile,
+        totalItems,
+        maxPages,
+        itemsPerPage,
+        itemOnClick,
+        onPageChange,
+        irrelevantOnClick,
+        relevantOnClick
+      })
+    ) : /* @__PURE__ */ jsx(WithoutContentBlock, { loading }) })
+  ] });
 };
 var SearchPage_default = SearchPage;
 export {

package/build/esm/components/SearchPage/SearchPage.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/SearchPage/SearchPage.tsx"],
   "sourcesContent": ["import type {PaginatorProps} from '../Paginator';\nimport type {ISearchItem, SearchOnClickProps} from '../SearchItem';\n\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Button, Loader, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {Paginator} from '../Paginator';\nimport {SearchItem} from '../SearchItem';\n\nimport './SearchPage.scss';\n\nconst b = block('dc-search-page');\n\ninterface Loading {\n    loading?: boolean;\n}\n\ninterface InputProps {\n    query: string;\n    onSubmit: (query: string) => void;\n}\n\ntype RenderInput = {\n    inputRef: React.MutableRefObject<null>;\n    onQueryUpdate: (arg: string) => void;\n} & InputProps;\n\ntype RenderNoContent = Loading;\n\ninterface SearchPageProps extends Loading {\n    items: ISearchItem[];\n    page: number;\n    isMobile?: boolean;\n    loading?: boolean;\n}\n\ntype RenderFoundProps = SearchPageProps & SearchOnClickProps & PaginatorProps;\n\ntype SearchPageInnerProps = SearchPageProps & SearchOnClickProps & InputProps & PaginatorProps;\n\nconst FoundBlock: React.FC<RenderFoundProps> = ({\n    items,\n    itemOnClick,\n    irrelevantOnClick,\n    relevantOnClick,\n    page,\n    totalItems = 0,\n    maxPages,\n    onPageChange,\n    itemsPerPage,\n    isMobile,\n}) => {\n    const {t} = useTranslation('search');\n\n    return (\n        <div className={b('search-result')}>\n            <h3 className={b('subtitle')}>{t('search_request-query')}</h3>\n            <div className={b('search-list')}>\n                {items.map((item: ISearchItem) => (\n                    <SearchItem\n                        key={item.url}\n                        item={item}\n                        className={b('search-item')}\n                        itemOnClick={itemOnClick}\n                        irrelevantOnClick={irrelevantOnClick}\n                        relevantOnClick={relevantOnClick}\n                    />\n                ))}\n            </div>\n            <div className={b('paginator')}>\n                <Paginator\n                    page={page}\n                    totalItems={totalItems}\n                    maxPages={maxPages}\n                    onPageChange={onPageChange}\n                    itemsPerPage={itemsPerPage}\n                    isMobile={isMobile}\n                />\n            </div>\n        </div>\n    );\n};\n\nconst WithoutContentBlock: React.FC<RenderNoContent> = ({loading}) => {\n    const {t} = useTranslation('search');\n\n    return loading ? (\n        <Loader />\n    ) : (\n        <div className={b('search-empty')}>\n            <h3>{t('search_not-found-title')}</h3>\n            <div>{t('search_not-found-text')}</div>\n        </div>\n    );\n};\n\nconst InputBlock: React.FC<RenderInput> = ({query, onQueryUpdate, onSubmit, inputRef}) => {\n    const {t} = useTranslation('search');\n\n    return (\n        <div className={b('search-field')}>\n            <form\n                onSubmit={(event) => {\n                    event.preventDefault();\n                    onSubmit(query);\n                }}\n            >\n                <div className={b('search-field-wrapper')}>\n                    <TextInput\n                        controlRef={inputRef}\n                        size=\"l\"\n                        value={query}\n                        autoFocus={true}\n                        placeholder={t('search_placeholder')}\n                        onUpdate={onQueryUpdate}\n                        hasClear={true}\n                    />\n                    <Button\n                        className={b('search-button')}\n                        view=\"action\"\n                        size=\"l\"\n                        onClick={(event) => {\n                            event.preventDefault();\n                            onSubmit(query);\n                        }}\n                    >\n                        {t('search_action')}\n                    </Button>\n                </div>\n            </form>\n        </div>\n    );\n};\n\nconst SearchPage = ({\n    query = '',\n    items = [],\n    page = 1,\n    isMobile,\n    totalItems,\n    maxPages,\n    itemsPerPage,\n    onPageChange,\n    onSubmit,\n    itemOnClick,\n    irrelevantOnClick,\n    relevantOnClick,\n    loading,\n}: SearchPageInnerProps) => {\n    const inputRef = useRef(null);\n    const [currentQuery, setCurrentQuery] = useState(query);\n\n    useEffect(() => {\n        setCurrentQuery(query);\n    }, [query]);\n\n    return (\n        <div className={b('layout')}>\n            <div className={b('search-input')}>\n                <InputBlock\n                    {...{\n                        query: currentQuery,\n                        onQueryUpdate: setCurrentQuery,\n                        onSubmit,\n                        inputRef,\n                    }}\n                />\n            </div>\n            <div className={b('content')}>\n                {items?.length && query ? (\n                    <FoundBlock\n                        {...{\n                            items,\n                            page,\n                            isMobile,\n                            totalItems,\n                            maxPages,\n                            itemsPerPage,\n                            itemOnClick,\n                            onPageChange,\n                            irrelevantOnClick,\n                            relevantOnClick,\n                        }}\n                    />\n                ) : (\n                    <WithoutContentBlock loading={loading} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default SearchPage;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/build/esm/components/SearchSuggest/AiIcon.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const AiIcon: () => React.JSX.Element;
+export declare const AiIcon: () => import("react").JSX.Element;

package/build/esm/components/SearchSuggest/AiIcon.js

@@ -1,11 +1,11 @@
 // src/components/SearchSuggest/AiIcon.tsx
-import React from "react";
 import { SparklesFill } from "@gravity-ui/icons";
 import { Icon } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
+import { jsx } from "react/jsx-runtime";
 var b = block("dc-search-suggest");
 var AiIcon = () => {
-  return /* @__PURE__ */ React.createElement("span", { className: b("ai-icon") }, /* @__PURE__ */ React.createElement(Icon, { data: SparklesFill, size: 16 }));
+  return /* @__PURE__ */ jsx("span", { className: b("ai-icon"), children: /* @__PURE__ */ jsx(Icon, { data: SparklesFill, size: 16 }) });
 };
 export {
   AiIcon

package/build/esm/components/SearchSuggest/AiIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SearchSuggest/AiIcon.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {SparklesFill} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nconst b = block('dc-search-suggest');\n\nexport const AiIcon = () => {\n    return (\n        <span className={b('ai-icon')}>\n            <Icon data={SparklesFill} size={16} />\n        </span>\n    );\n};\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,SAAQ,oBAAmB;AAC3B,SAAQ,YAAW;AACnB,OAAO,WAAW;AAElB,IAAM,IAAI,MAAM,mBAAmB;AAE5B,IAAM,SAAS,MAAM;AACxB,SACI,oCAAC,UAAK,WAAW,EAAE,SAAS,KACxB,oCAAC,QAAK,MAAM,cAAc,MAAM,IAAI,CACxC;AAER;",
+  "sourcesContent": ["import {SparklesFill} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nconst b = block('dc-search-suggest');\n\nexport const AiIcon = () => {\n    return (\n        <span className={b('ai-icon')}>\n            <Icon data={SparklesFill} size={16} />\n        </span>\n    );\n};\n"],
+  "mappings": ";AAAA,SAAQ,oBAAmB;AAC3B,SAAQ,YAAW;AACnB,OAAO,WAAW;AAON;AALZ,IAAM,IAAI,MAAM,mBAAmB;AAE5B,IAAM,SAAS,MAAM;AACxB,SACI,oBAAC,UAAK,WAAW,EAAE,SAAS,GACxB,8BAAC,QAAK,MAAM,cAAc,MAAM,IAAI,GACxC;AAER;",
   "names": []
 }

package/build/esm/components/SearchSuggest/SearchInput.d.ts

@@ -17,5 +17,5 @@ type SuggestInputProps = {
     controlProps?: React.InputHTMLAttributes<HTMLInputElement>;
     hasClear?: boolean;
 };
-export declare const SearchInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<SuggestInputProps & React.RefAttributes<HTMLElement>>>;
+export declare const SearchInput: React.NamedExoticComponent<SuggestInputProps & React.RefAttributes<HTMLElement>>;
 export {};

package/build/esm/components/SearchSuggest/SearchInput.js

@@ -16,9 +16,10 @@ var __spreadValues = (a, b2) => {
 };
 
 // src/components/SearchSuggest/SearchInput.tsx
-import React, { forwardRef, memo } from "react";
+import { forwardRef, memo } from "react";
 import { TextInput } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
+import { jsx } from "react/jsx-runtime";
 var b = block("dc-search-input");
 var SearchInput = memo(
   forwardRef((props, ref) => {
@@ -38,7 +39,7 @@ var SearchInput = memo(
       controlProps,
       hasClear = false
     } = props;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       TextInput,
       {
         ref,

package/build/esm/components/SearchSuggest/SearchInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/SearchSuggest/SearchInput.tsx"],
   "sourcesContent": ["import type {KeyboardEvent, SyntheticEvent} from 'react';\nimport type {TextInputSize} from '@gravity-ui/uikit';\n\nimport React, {forwardRef, memo} from 'react';\nimport {TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\ntype SuggestInputProps = {\n    id: string;\n    text: string;\n    size?: TextInputSize;\n    autoFocus?: boolean;\n    placeholder?: string;\n    startContent?: React.ReactNode;\n    endContent?: React.ReactNode;\n    onUpdate?: (item: string) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onFocus?: (event: SyntheticEvent) => void;\n    onBlur?: (event: SyntheticEvent) => void;\n    className?: string;\n    controlProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    hasClear?: boolean;\n};\n\nconst b = block('dc-search-input');\n\nexport const SearchInput = memo(\n    forwardRef<HTMLElement, SuggestInputProps>((props, ref) => {\n        const {\n            id,\n            text,\n            size,\n            autoFocus,\n            placeholder,\n            startContent,\n            endContent,\n            onBlur,\n            onFocus,\n            onUpdate,\n            onKeyDown,\n            className,\n            controlProps,\n            hasClear = false,\n        } = props;\n\n        return (\n            <TextInput\n                ref={ref}\n                size={size}\n                value={text}\n                placeholder={placeholder}\n                startContent={startContent}\n                endContent={endContent}\n                autoComplete={false}\n                autoFocus={autoFocus}\n                hasClear={hasClear}\n                onBlur={onBlur}\n                onUpdate={onUpdate}\n                onFocus={onFocus}\n                onKeyDown={onKeyDown}\n                className={b('input', className)}\n                id={id}\n                controlProps={{\n                    role: 'combobox',\n                    'aria-autocomplete': 'list',\n                    ...(controlProps || {}),\n                }}\n            />\n        );\n    }),\n);\n\nSearchInput.displayName = 'SuggestInput';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAGA,OAAO,SAAQ,YAAY,YAAW;AACtC,SAAQ,iBAAgB;AACxB,OAAO,WAAW;AAmBlB,IAAM,IAAI,MAAM,iBAAiB;AAE1B,IAAM,cAAc;AAAA,EACvB,WAA2C,CAAC,OAAO,QAAQ;AACvD,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,IACf,IAAI;AAEJ,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,EAAE,SAAS,SAAS;AAAA,QAC/B;AAAA,QACA,cAAc;AAAA,UACV,MAAM;AAAA,UACN,qBAAqB;AAAA,WACjB,gBAAgB,CAAC;AAAA;AAAA,IAE7B;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAGA,SAAe,YAAY,YAAW;AACtC,SAAQ,iBAAgB;AACxB,OAAO,WAAW;AAyCN;AAtBZ,IAAM,IAAI,MAAM,iBAAiB;AAE1B,IAAM,cAAc;AAAA,EACvB,WAA2C,CAAC,OAAO,QAAQ;AACvD,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,IACf,IAAI;AAEJ,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,EAAE,SAAS,SAAS;AAAA,QAC/B;AAAA,QACA,cAAc;AAAA,UACV,MAAM;AAAA,UACN,qBAAqB;AAAA,WACjB,gBAAgB,CAAC;AAAA;AAAA,IAE7B;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;",
   "names": []
 }

package/build/esm/components/SearchSuggest/Suggest.d.ts

@@ -2,7 +2,6 @@ import type { ReactNode } from 'react';
 import type { ISearchProvider } from '../../models';
 import type { SearchSuggestActionItem, SearchSuggestItem } from './types';
 import type { ListItemData } from '@gravity-ui/uikit';
-import React from 'react';
 import { List } from '@gravity-ui/uikit';
 import './index.scss';
 type SuggestListProps = {
@@ -13,12 +12,12 @@ type SuggestListProps = {
     onChangeActive: (index?: number) => void;
     activeItemIndex?: number;
 };
-export declare const Suggest: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+export declare const Suggest: import("react").NamedExoticComponent<{
     id: string;
     query: string;
     provider: ISearchProvider;
     withAllResults?: boolean;
     emptyState?: ReactNode;
     prependItems?: SearchSuggestActionItem[];
-} & Omit<SuggestListProps, "items"> & React.RefAttributes<List<SearchSuggestItem>>>>;
+} & Omit<SuggestListProps, "items"> & import("react").RefAttributes<List<SearchSuggestItem>>>;
 export {};

package/build/esm/components/SearchSuggest/Suggest.js

@@ -16,27 +16,28 @@ var __spreadValues = (a, b2) => {
 };
 
 // src/components/SearchSuggest/Suggest.tsx
-import React, { forwardRef, memo, useEffect } from "react";
+import { forwardRef, memo, useEffect } from "react";
 import { List, Loader } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import pick from "lodash/pick";
 import { useTranslation } from "../../hooks";
 import { useProvider } from "./useProvider";
 import "./index.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-search-suggest");
 var SuggestLoader = memo(() => {
-  return /* @__PURE__ */ React.createElement("div", { className: b("loader") }, /* @__PURE__ */ React.createElement(Loader, null));
+  return /* @__PURE__ */ jsx("div", { className: b("loader"), children: /* @__PURE__ */ jsx(Loader, {}) });
 });
 SuggestLoader.displayName = "SuggestLoader";
 var SuggestEmpty = memo(({ query, emptyState }) => {
   const { t } = useTranslation("search-suggest");
-  return /* @__PURE__ */ React.createElement("div", { className: b("list", { empty: true }) }, emptyState === void 0 ? t("search-suggest_not-found", { query }) : emptyState);
+  return /* @__PURE__ */ jsx("div", { className: b("list", { empty: true }), children: emptyState === void 0 ? t("search-suggest_not-found", { query }) : emptyState });
 });
 SuggestEmpty.displayName = "SuggestEmpty";
 var SuggestList = memo(
   forwardRef((props, ref) => {
     const { id, items, renderItem, onItemClick, onChangeActive, activeItemIndex } = props;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       List,
       {
         ref,
@@ -64,7 +65,7 @@ var Suggest = memo(
       return null;
     }
     if (items instanceof Promise) {
-      return /* @__PURE__ */ React.createElement(SuggestLoader, null);
+      return /* @__PURE__ */ jsx(SuggestLoader, {});
     }
     const listProps = pick(props, [
       "id",
@@ -74,10 +75,13 @@ var Suggest = memo(
       "activeItemIndex"
     ]);
     if (Array.isArray(items) && !items.length) {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, prependItems && /* @__PURE__ */ React.createElement(SuggestList, __spreadValues({ ref, items: prependItems }, listProps)), /* @__PURE__ */ React.createElement(SuggestEmpty, { query, emptyState }));
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        prependItems && /* @__PURE__ */ jsx(SuggestList, __spreadValues({ ref, items: prependItems }, listProps)),
+        /* @__PURE__ */ jsx(SuggestEmpty, { query, emptyState })
+      ] });
     }
     const allItems = (prependItems == null ? void 0 : prependItems.length) ? [...prependItems, ...items] : items;
-    return /* @__PURE__ */ React.createElement(SuggestList, __spreadValues({ ref, items: allItems }, listProps));
+    return /* @__PURE__ */ jsx(SuggestList, __spreadValues({ ref, items: allItems }, listProps));
   })
 );
 Suggest.displayName = "Suggest";

package/build/esm/components/SearchSuggest/Suggest.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SearchSuggest/Suggest.tsx"],
-  "sourcesContent": ["import type {ReactNode} from 'react';\nimport type {ISearchProvider} from '../../models';\nimport type {SearchSuggestActionItem, SearchSuggestItem} from './types';\nimport type {ListItemData} from '@gravity-ui/uikit';\n\nimport React, {forwardRef, memo, useEffect} from 'react';\nimport {List, Loader} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport pick from 'lodash/pick';\n\nimport {useTranslation} from '../../hooks';\n\nimport {useProvider} from './useProvider';\nimport './index.scss';\n\nconst b = block('dc-search-suggest');\n\nconst SuggestLoader = memo(() => {\n    return (\n        <div className={b('loader')}>\n            <Loader />\n        </div>\n    );\n});\n\nSuggestLoader.displayName = 'SuggestLoader';\n\nconst SuggestEmpty = memo<{query: string; emptyState?: ReactNode}>(({query, emptyState}) => {\n    const {t} = useTranslation('search-suggest');\n\n    return (\n        <div className={b('list', {empty: true})}>\n            {emptyState === undefined ? t('search-suggest_not-found', {query}) : emptyState}\n        </div>\n    );\n});\n\nSuggestEmpty.displayName = 'SuggestEmpty';\n\ntype SuggestListProps = {\n    id: string;\n    items: SearchSuggestItem[];\n    renderItem: (item: SearchSuggestItem) => ReactNode;\n    onItemClick: (\n        item: ListItemData<SearchSuggestItem>,\n        index?: number,\n        fromKeyboard?: boolean,\n    ) => boolean | void;\n    onChangeActive: (index?: number) => void;\n    activeItemIndex?: number;\n};\n\nconst SuggestList = memo(\n    forwardRef<List<SearchSuggestItem>, SuggestListProps>((props, ref) => {\n        const {id, items, renderItem, onItemClick, onChangeActive, activeItemIndex} = props;\n\n        return (\n            <List\n                ref={ref}\n                id={id}\n                className={b('list')}\n                role={'listbox'}\n                filterable={false}\n                virtualized={false}\n                items={items}\n                renderItem={renderItem}\n                onItemClick={onItemClick}\n                onChangeActive={onChangeActive}\n                activeItemIndex={activeItemIndex}\n            />\n        );\n    }),\n);\n\nSuggestList.displayName = 'SuggestList';\n\ntype SuggestProps = {\n    id: string;\n    query: string;\n    provider: ISearchProvider;\n    withAllResults?: boolean;\n    emptyState?: ReactNode;\n    prependItems?: SearchSuggestActionItem[];\n} & Omit<SuggestListProps, 'items'>;\n\nexport const Suggest = memo(\n    forwardRef<List<SearchSuggestItem>, SuggestProps>((props, ref) => {\n        const {query, provider, withAllResults = true, emptyState, prependItems} = props;\n        const [items, suggest] = useProvider(provider, {withAllResults});\n\n        useEffect(() => suggest(query), [query, suggest]);\n\n        if (!items) {\n            return null;\n        }\n\n        if (items instanceof Promise) {\n            return <SuggestLoader />;\n        }\n\n        const listProps = pick(props, [\n            'id',\n            'renderItem',\n            'onItemClick',\n            'onChangeActive',\n            'activeItemIndex',\n        ]);\n\n        if (Array.isArray(items) && !items.length) {\n            return (\n                <>\n                    {prependItems && <SuggestList ref={ref} items={prependItems} {...listProps} />}\n                    <SuggestEmpty query={query} emptyState={emptyState} />\n                </>\n            );\n        }\n\n        const allItems = prependItems?.length ? [...prependItems, ...items] : items;\n\n        return <SuggestList ref={ref} items={allItems} {...listProps} />;\n    }),\n);\n\nSuggest.displayName = 'Suggest';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAKA,OAAO,SAAQ,YAAY,MAAM,iBAAgB;AACjD,SAAQ,MAAM,cAAa;AAC3B,OAAO,WAAW;AAClB,OAAO,UAAU;AAEjB,SAAQ,sBAAqB;AAE7B,SAAQ,mBAAkB;AAC1B,OAAO;AAEP,IAAM,IAAI,MAAM,mBAAmB;AAEnC,IAAM,gBAAgB,KAAK,MAAM;AAC7B,SACI,oCAAC,SAAI,WAAW,EAAE,QAAQ,KACtB,oCAAC,YAAO,CACZ;AAER,CAAC;AAED,cAAc,cAAc;AAE5B,IAAM,eAAe,KAA8C,CAAC,EAAC,OAAO,WAAU,MAAM;AACxF,QAAM,EAAC,EAAC,IAAI,eAAe,gBAAgB;AAE3C,SACI,oCAAC,SAAI,WAAW,EAAE,QAAQ,EAAC,OAAO,KAAI,CAAC,KAClC,eAAe,SAAY,EAAE,4BAA4B,EAAC,MAAK,CAAC,IAAI,UACzE;AAER,CAAC;AAED,aAAa,cAAc;AAe3B,IAAM,cAAc;AAAA,EAChB,WAAsD,CAAC,OAAO,QAAQ;AAClE,UAAM,EAAC,IAAI,OAAO,YAAY,aAAa,gBAAgB,gBAAe,IAAI;AAE9E,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,QACnB,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAWnB,IAAM,UAAU;AAAA,EACnB,WAAkD,CAAC,OAAO,QAAQ;AAC9D,UAAM,EAAC,OAAO,UAAU,iBAAiB,MAAM,YAAY,aAAY,IAAI;AAC3E,UAAM,CAAC,OAAO,OAAO,IAAI,YAAY,UAAU,EAAC,eAAc,CAAC;AAE/D,cAAU,MAAM,QAAQ,KAAK,GAAG,CAAC,OAAO,OAAO,CAAC;AAEhD,QAAI,CAAC,OAAO;AACR,aAAO;AAAA,IACX;AAEA,QAAI,iBAAiB,SAAS;AAC1B,aAAO,oCAAC,mBAAc;AAAA,IAC1B;AAEA,UAAM,YAAY,KAAK,OAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AAED,QAAI,MAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,QAAQ;AACvC,aACI,0DACK,gBAAgB,oCAAC,8BAAY,KAAU,OAAO,gBAAkB,UAAW,GAC5E,oCAAC,gBAAa,OAAc,YAAwB,CACxD;AAAA,IAER;AAEA,UAAM,YAAW,6CAAc,UAAS,CAAC,GAAG,cAAc,GAAG,KAAK,IAAI;AAEtE,WAAO,oCAAC,8BAAY,KAAU,OAAO,YAAc,UAAW;AAAA,EAClE,CAAC;AACL;AAEA,QAAQ,cAAc;",
+  "sourcesContent": ["import type {ReactNode} from 'react';\nimport type {ISearchProvider} from '../../models';\nimport type {SearchSuggestActionItem, SearchSuggestItem} from './types';\nimport type {ListItemData} from '@gravity-ui/uikit';\n\nimport {forwardRef, memo, useEffect} from 'react';\nimport {List, Loader} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport pick from 'lodash/pick';\n\nimport {useTranslation} from '../../hooks';\n\nimport {useProvider} from './useProvider';\nimport './index.scss';\n\nconst b = block('dc-search-suggest');\n\nconst SuggestLoader = memo(() => {\n    return (\n        <div className={b('loader')}>\n            <Loader />\n        </div>\n    );\n});\n\nSuggestLoader.displayName = 'SuggestLoader';\n\nconst SuggestEmpty = memo<{query: string; emptyState?: ReactNode}>(({query, emptyState}) => {\n    const {t} = useTranslation('search-suggest');\n\n    return (\n        <div className={b('list', {empty: true})}>\n            {emptyState === undefined ? t('search-suggest_not-found', {query}) : emptyState}\n        </div>\n    );\n});\n\nSuggestEmpty.displayName = 'SuggestEmpty';\n\ntype SuggestListProps = {\n    id: string;\n    items: SearchSuggestItem[];\n    renderItem: (item: SearchSuggestItem) => ReactNode;\n    onItemClick: (\n        item: ListItemData<SearchSuggestItem>,\n        index?: number,\n        fromKeyboard?: boolean,\n    ) => boolean | void;\n    onChangeActive: (index?: number) => void;\n    activeItemIndex?: number;\n};\n\nconst SuggestList = memo(\n    forwardRef<List<SearchSuggestItem>, SuggestListProps>((props, ref) => {\n        const {id, items, renderItem, onItemClick, onChangeActive, activeItemIndex} = props;\n\n        return (\n            <List\n                ref={ref}\n                id={id}\n                className={b('list')}\n                role={'listbox'}\n                filterable={false}\n                virtualized={false}\n                items={items}\n                renderItem={renderItem}\n                onItemClick={onItemClick}\n                onChangeActive={onChangeActive}\n                activeItemIndex={activeItemIndex}\n            />\n        );\n    }),\n);\n\nSuggestList.displayName = 'SuggestList';\n\ntype SuggestProps = {\n    id: string;\n    query: string;\n    provider: ISearchProvider;\n    withAllResults?: boolean;\n    emptyState?: ReactNode;\n    prependItems?: SearchSuggestActionItem[];\n} & Omit<SuggestListProps, 'items'>;\n\nexport const Suggest = memo(\n    forwardRef<List<SearchSuggestItem>, SuggestProps>((props, ref) => {\n        const {query, provider, withAllResults = true, emptyState, prependItems} = props;\n        const [items, suggest] = useProvider(provider, {withAllResults});\n\n        useEffect(() => suggest(query), [query, suggest]);\n\n        if (!items) {\n            return null;\n        }\n\n        if (items instanceof Promise) {\n            return <SuggestLoader />;\n        }\n\n        const listProps = pick(props, [\n            'id',\n            'renderItem',\n            'onItemClick',\n            'onChangeActive',\n            'activeItemIndex',\n        ]);\n\n        if (Array.isArray(items) && !items.length) {\n            return (\n                <>\n                    {prependItems && <SuggestList ref={ref} items={prependItems} {...listProps} />}\n                    <SuggestEmpty query={query} emptyState={emptyState} />\n                </>\n            );\n        }\n\n        const allItems = prependItems?.length ? [...prependItems, ...items] : items;\n\n        return <SuggestList ref={ref} items={allItems} {...listProps} />;\n    }),\n);\n\nSuggest.displayName = 'Suggest';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAKA,SAAQ,YAAY,MAAM,iBAAgB;AAC1C,SAAQ,MAAM,cAAa;AAC3B,OAAO,WAAW;AAClB,OAAO,UAAU;AAEjB,SAAQ,sBAAqB;AAE7B,SAAQ,mBAAkB;AAC1B,OAAO;AAOK,SA0FI,UA1FJ,KA0FI,YA1FJ;AALZ,IAAM,IAAI,MAAM,mBAAmB;AAEnC,IAAM,gBAAgB,KAAK,MAAM;AAC7B,SACI,oBAAC,SAAI,WAAW,EAAE,QAAQ,GACtB,8BAAC,UAAO,GACZ;AAER,CAAC;AAED,cAAc,cAAc;AAE5B,IAAM,eAAe,KAA8C,CAAC,EAAC,OAAO,WAAU,MAAM;AACxF,QAAM,EAAC,EAAC,IAAI,eAAe,gBAAgB;AAE3C,SACI,oBAAC,SAAI,WAAW,EAAE,QAAQ,EAAC,OAAO,KAAI,CAAC,GAClC,yBAAe,SAAY,EAAE,4BAA4B,EAAC,MAAK,CAAC,IAAI,YACzE;AAER,CAAC;AAED,aAAa,cAAc;AAe3B,IAAM,cAAc;AAAA,EAChB,WAAsD,CAAC,OAAO,QAAQ;AAClE,UAAM,EAAC,IAAI,OAAO,YAAY,aAAa,gBAAgB,gBAAe,IAAI;AAE9E,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,QACnB,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAWnB,IAAM,UAAU;AAAA,EACnB,WAAkD,CAAC,OAAO,QAAQ;AAC9D,UAAM,EAAC,OAAO,UAAU,iBAAiB,MAAM,YAAY,aAAY,IAAI;AAC3E,UAAM,CAAC,OAAO,OAAO,IAAI,YAAY,UAAU,EAAC,eAAc,CAAC;AAE/D,cAAU,MAAM,QAAQ,KAAK,GAAG,CAAC,OAAO,OAAO,CAAC;AAEhD,QAAI,CAAC,OAAO;AACR,aAAO;AAAA,IACX;AAEA,QAAI,iBAAiB,SAAS;AAC1B,aAAO,oBAAC,iBAAc;AAAA,IAC1B;AAEA,UAAM,YAAY,KAAK,OAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AAED,QAAI,MAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,QAAQ;AACvC,aACI,iCACK;AAAA,wBAAgB,oBAAC,8BAAY,KAAU,OAAO,gBAAkB,UAAW;AAAA,QAC5E,oBAAC,gBAAa,OAAc,YAAwB;AAAA,SACxD;AAAA,IAER;AAEA,UAAM,YAAW,6CAAc,UAAS,CAAC,GAAG,cAAc,GAAG,KAAK,IAAI;AAEtE,WAAO,oBAAC,8BAAY,KAAU,OAAO,YAAc,UAAW;AAAA,EAClE,CAAC;AACL;AAEA,QAAQ,cAAc;",
   "names": []
 }

package/build/esm/components/SearchSuggest/SuggestItem.js

@@ -1,19 +1,23 @@
 // src/components/SearchSuggest/SuggestItem.tsx
-import React from "react";
 import { ChevronRight } from "@gravity-ui/icons";
 import { Link } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import { HTML } from "../HTML";
 import { SuggestItemType } from "./types";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-search-suggest");
 var BasicSuggestItem = ({ item, children }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: b("item", { type: item.type }) }, children);
+  return /* @__PURE__ */ jsx("div", { className: b("item", { type: item.type }), children });
 };
 var SuggestItemContentWrapper = ({ item, children }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: b("item-content") }, item.icon, /* @__PURE__ */ React.createElement("div", { className: b("item-main") }, children), !item.disabled && item.hint ? /* @__PURE__ */ React.createElement("span", { className: b("item-hint") }, item.hint) : void 0);
+  return /* @__PURE__ */ jsxs("div", { className: b("item-content"), children: [
+    item.icon,
+    /* @__PURE__ */ jsx("div", { className: b("item-main"), children }),
+    !item.disabled && item.hint ? /* @__PURE__ */ jsx("span", { className: b("item-hint"), children: item.hint }) : void 0
+  ] });
 };
 var Action = ({ item }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Link,
     {
       className: b("item", { type: item.type }),
@@ -22,25 +26,34 @@ var Action = ({ item }) => {
       onClick: (event) => {
         event.preventDefault();
         item.onClick();
-      }
-    },
-    /* @__PURE__ */ React.createElement(SuggestItemContentWrapper, { item }, /* @__PURE__ */ React.createElement("span", { className: b("item-title") }, item.title), /* @__PURE__ */ React.createElement("span", { className: b("item-description") }, item.description))
+      },
+      children: /* @__PURE__ */ jsxs(SuggestItemContentWrapper, { item, children: [
+        /* @__PURE__ */ jsx("span", { className: b("item-title"), children: item.title }),
+        /* @__PURE__ */ jsx("span", { className: b("item-description"), children: item.description })
+      ] })
+    }
   );
 };
 var SuggestItem = (item) => {
   switch (item.type) {
     case SuggestItemType.Delimiter:
-      return /* @__PURE__ */ React.createElement(BasicSuggestItem, { item }, null);
+      return /* @__PURE__ */ jsx(BasicSuggestItem, { item, children: null });
     case SuggestItemType.Action:
-      return /* @__PURE__ */ React.createElement(Action, { item });
+      return /* @__PURE__ */ jsx(Action, { item });
     case SuggestItemType.Link:
-      return /* @__PURE__ */ React.createElement(Link, { className: b("item", { type: item.type }), view: "primary", href: item.link }, /* @__PURE__ */ React.createElement(SuggestItemContentWrapper, { item }, /* @__PURE__ */ React.createElement("span", null, item.title), /* @__PURE__ */ React.createElement(ChevronRight, { width: 13, height: 13, viewBox: "0 0 13 13" })));
+      return /* @__PURE__ */ jsx(Link, { className: b("item", { type: item.type }), view: "primary", href: item.link, children: /* @__PURE__ */ jsxs(SuggestItemContentWrapper, { item, children: [
+        /* @__PURE__ */ jsx("span", { children: item.title }),
+        /* @__PURE__ */ jsx(ChevronRight, { width: 13, height: 13, viewBox: "0 0 13 13" })
+      ] }) });
     case SuggestItemType.Page:
-      return /* @__PURE__ */ React.createElement(Link, { className: b("item", { type: item.type }), view: "primary", href: item.link }, /* @__PURE__ */ React.createElement(SuggestItemContentWrapper, { item }, /* @__PURE__ */ React.createElement(HTML, { className: b("item-title") }, item.title), /* @__PURE__ */ React.createElement(HTML, { className: b("item-description") }, item.description)));
+      return /* @__PURE__ */ jsx(Link, { className: b("item", { type: item.type }), view: "primary", href: item.link, children: /* @__PURE__ */ jsxs(SuggestItemContentWrapper, { item, children: [
+        /* @__PURE__ */ jsx(HTML, { className: b("item-title"), children: item.title }),
+        /* @__PURE__ */ jsx(HTML, { className: b("item-description"), children: item.description })
+      ] }) });
     case SuggestItemType.Group:
-      return /* @__PURE__ */ React.createElement(BasicSuggestItem, { item }, /* @__PURE__ */ React.createElement("h5", null, /* @__PURE__ */ React.createElement(HTML, null, item.title)));
+      return /* @__PURE__ */ jsx(BasicSuggestItem, { item, children: /* @__PURE__ */ jsx("h5", { children: /* @__PURE__ */ jsx(HTML, { children: item.title }) }) });
     default:
-      return /* @__PURE__ */ React.createElement(BasicSuggestItem, { item }, /* @__PURE__ */ React.createElement(HTML, null, item.title));
+      return /* @__PURE__ */ jsx(BasicSuggestItem, { item, children: /* @__PURE__ */ jsx(HTML, { children: item.title }) });
   }
 };
 export {

package/build/esm/components/SearchSuggest/SuggestItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/SearchSuggest/SuggestItem.tsx"],
   "sourcesContent": ["import type {SearchSuggestActionItem, SearchSuggestItem} from './types';\nimport type {FC, PropsWithChildren} from 'react';\n\nimport React from 'react';\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {HTML} from '../HTML';\n\nimport {SuggestItemType} from './types';\n\nconst b = block('dc-search-suggest');\n\nconst BasicSuggestItem: FC<PropsWithChildren<{item: SearchSuggestItem}>> = ({item, children}) => {\n    return <div className={b('item', {type: item.type})}>{children}</div>;\n};\n\ntype SuggestItemContentWrapperProps = PropsWithChildren<{\n    item: SearchSuggestItem;\n}>;\n\nconst SuggestItemContentWrapper: FC<SuggestItemContentWrapperProps> = ({item, children}) => {\n    return (\n        <div className={b('item-content')}>\n            {item.icon}\n            <div className={b('item-main')}>{children}</div>\n            {!item.disabled && item.hint ? (\n                <span className={b('item-hint')}>{item.hint}</span>\n            ) : undefined}\n        </div>\n    );\n};\n\ntype ActionProps = {\n    item: SearchSuggestActionItem;\n};\n\nexport const Action: React.FC<ActionProps> = ({item}) => {\n    return (\n        <Link\n            className={b('item', {type: item.type})}\n            view={'primary'}\n            href=\"#\"\n            onClick={(event) => {\n                event.preventDefault();\n                item.onClick();\n            }}\n        >\n            <SuggestItemContentWrapper item={item}>\n                <span className={b('item-title')}>{item.title}</span>\n                <span className={b('item-description')}>{item.description}</span>\n            </SuggestItemContentWrapper>\n        </Link>\n    );\n};\n\nexport const SuggestItem = (item: SearchSuggestItem) => {\n    switch (item.type) {\n        case SuggestItemType.Delimiter:\n            return <BasicSuggestItem item={item}>{null}</BasicSuggestItem>;\n        case SuggestItemType.Action:\n            return <Action item={item} />;\n        case SuggestItemType.Link:\n            return (\n                <Link className={b('item', {type: item.type})} view={'primary'} href={item.link}>\n                    <SuggestItemContentWrapper item={item}>\n                        <span>{item.title}</span>\n                        <ChevronRight width={13} height={13} viewBox={'0 0 13 13'} />\n                    </SuggestItemContentWrapper>\n                </Link>\n            );\n        case SuggestItemType.Page:\n            return (\n                <Link className={b('item', {type: item.type})} view={'primary'} href={item.link}>\n                    <SuggestItemContentWrapper item={item}>\n                        <HTML className={b('item-title')}>{item.title}</HTML>\n                        <HTML className={b('item-description')}>{item.description}</HTML>\n                    </SuggestItemContentWrapper>\n                </Link>\n            );\n        case SuggestItemType.Group:\n            return (\n                <BasicSuggestItem item={item}>\n                    <h5>\n                        <HTML>{item.title}</HTML>\n                    </h5>\n                </BasicSuggestItem>\n            );\n        default:\n            return (\n                <BasicSuggestItem item={item}>\n                    <HTML>{item.title}</HTML>\n                </BasicSuggestItem>\n            );\n    }\n};\n"],
-  "mappings": ";AAGA,OAAO,WAAW;AAClB,SAAQ,oBAAmB;AAC3B,SAAQ,YAAW;AACnB,OAAO,WAAW;AAElB,SAAQ,YAAW;AAEnB,SAAQ,uBAAsB;AAE9B,IAAM,IAAI,MAAM,mBAAmB;AAEnC,IAAM,mBAAqE,CAAC,EAAC,MAAM,SAAQ,MAAM;AAC7F,SAAO,oCAAC,SAAI,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC,KAAI,QAAS;AACnE;AAMA,IAAM,4BAAgE,CAAC,EAAC,MAAM,SAAQ,MAAM;AACxF,SACI,oCAAC,SAAI,WAAW,EAAE,cAAc,KAC3B,KAAK,MACN,oCAAC,SAAI,WAAW,EAAE,WAAW,KAAI,QAAS,GACzC,CAAC,KAAK,YAAY,KAAK,OACpB,oCAAC,UAAK,WAAW,EAAE,WAAW,KAAI,KAAK,IAAK,IAC5C,MACR;AAER;AAMO,IAAM,SAAgC,CAAC,EAAC,KAAI,MAAM;AACrD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC;AAAA,MACtC,MAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,UAAU;AAChB,cAAM,eAAe;AACrB,aAAK,QAAQ;AAAA,MACjB;AAAA;AAAA,IAEA,oCAAC,6BAA0B,QACvB,oCAAC,UAAK,WAAW,EAAE,YAAY,KAAI,KAAK,KAAM,GAC9C,oCAAC,UAAK,WAAW,EAAE,kBAAkB,KAAI,KAAK,WAAY,CAC9D;AAAA,EACJ;AAER;AAEO,IAAM,cAAc,CAAC,SAA4B;AACpD,UAAQ,KAAK,MAAM;AAAA,IACf,KAAK,gBAAgB;AACjB,aAAO,oCAAC,oBAAiB,QAAa,IAAK;AAAA,IAC/C,KAAK,gBAAgB;AACjB,aAAO,oCAAC,UAAO,MAAY;AAAA,IAC/B,KAAK,gBAAgB;AACjB,aACI,oCAAC,QAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC,GAAG,MAAM,WAAW,MAAM,KAAK,QACvE,oCAAC,6BAA0B,QACvB,oCAAC,cAAM,KAAK,KAAM,GAClB,oCAAC,gBAAa,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,CAC/D,CACJ;AAAA,IAER,KAAK,gBAAgB;AACjB,aACI,oCAAC,QAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC,GAAG,MAAM,WAAW,MAAM,KAAK,QACvE,oCAAC,6BAA0B,QACvB,oCAAC,QAAK,WAAW,EAAE,YAAY,KAAI,KAAK,KAAM,GAC9C,oCAAC,QAAK,WAAW,EAAE,kBAAkB,KAAI,KAAK,WAAY,CAC9D,CACJ;AAAA,IAER,KAAK,gBAAgB;AACjB,aACI,oCAAC,oBAAiB,QACd,oCAAC,YACG,oCAAC,YAAM,KAAK,KAAM,CACtB,CACJ;AAAA,IAER;AACI,aACI,oCAAC,oBAAiB,QACd,oCAAC,YAAM,KAAK,KAAM,CACtB;AAAA,EAEZ;AACJ;",
+  "mappings": ";AAIA,SAAQ,oBAAmB;AAC3B,SAAQ,YAAW;AACnB,OAAO,WAAW;AAElB,SAAQ,YAAW;AAEnB,SAAQ,uBAAsB;AAKnB,cASH,YATG;AAHX,IAAM,IAAI,MAAM,mBAAmB;AAEnC,IAAM,mBAAqE,CAAC,EAAC,MAAM,SAAQ,MAAM;AAC7F,SAAO,oBAAC,SAAI,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC,GAAI,UAAS;AACnE;AAMA,IAAM,4BAAgE,CAAC,EAAC,MAAM,SAAQ,MAAM;AACxF,SACI,qBAAC,SAAI,WAAW,EAAE,cAAc,GAC3B;AAAA,SAAK;AAAA,IACN,oBAAC,SAAI,WAAW,EAAE,WAAW,GAAI,UAAS;AAAA,IACzC,CAAC,KAAK,YAAY,KAAK,OACpB,oBAAC,UAAK,WAAW,EAAE,WAAW,GAAI,eAAK,MAAK,IAC5C;AAAA,KACR;AAER;AAMO,IAAM,SAAgC,CAAC,EAAC,KAAI,MAAM;AACrD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC;AAAA,MACtC,MAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,UAAU;AAChB,cAAM,eAAe;AACrB,aAAK,QAAQ;AAAA,MACjB;AAAA,MAEA,+BAAC,6BAA0B,MACvB;AAAA,4BAAC,UAAK,WAAW,EAAE,YAAY,GAAI,eAAK,OAAM;AAAA,QAC9C,oBAAC,UAAK,WAAW,EAAE,kBAAkB,GAAI,eAAK,aAAY;AAAA,SAC9D;AAAA;AAAA,EACJ;AAER;AAEO,IAAM,cAAc,CAAC,SAA4B;AACpD,UAAQ,KAAK,MAAM;AAAA,IACf,KAAK,gBAAgB;AACjB,aAAO,oBAAC,oBAAiB,MAAa,gBAAK;AAAA,IAC/C,KAAK,gBAAgB;AACjB,aAAO,oBAAC,UAAO,MAAY;AAAA,IAC/B,KAAK,gBAAgB;AACjB,aACI,oBAAC,QAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC,GAAG,MAAM,WAAW,MAAM,KAAK,MACvE,+BAAC,6BAA0B,MACvB;AAAA,4BAAC,UAAM,eAAK,OAAM;AAAA,QAClB,oBAAC,gBAAa,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa;AAAA,SAC/D,GACJ;AAAA,IAER,KAAK,gBAAgB;AACjB,aACI,oBAAC,QAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,KAAK,KAAI,CAAC,GAAG,MAAM,WAAW,MAAM,KAAK,MACvE,+BAAC,6BAA0B,MACvB;AAAA,4BAAC,QAAK,WAAW,EAAE,YAAY,GAAI,eAAK,OAAM;AAAA,QAC9C,oBAAC,QAAK,WAAW,EAAE,kBAAkB,GAAI,eAAK,aAAY;AAAA,SAC9D,GACJ;AAAA,IAER,KAAK,gBAAgB;AACjB,aACI,oBAAC,oBAAiB,MACd,8BAAC,QACG,8BAAC,QAAM,eAAK,OAAM,GACtB,GACJ;AAAA,IAER;AACI,aACI,oBAAC,oBAAiB,MACd,8BAAC,QAAM,eAAK,OAAM,GACtB;AAAA,EAEZ;AACJ;",
   "names": []
 }