@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -1,105 +1,118 @@
-import { jsxs as c, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { useRef as S, useCallback as n } from "react";
-import { useSuggestContext as I } from "./SuggestContext.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef, useCallback } from "react";
+import { useSuggestContext } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-Db1_Qf-T.js";
+import "../../chunks/DropdownListItem-Bar1VVOv.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as O } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as L } from "../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as R } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as _ } from "../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as v } from "../Dropdown/mobile/DropdownMobileLoader.js";
+import { DropdownMobileInput } from "../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader } from "../Dropdown/mobile/DropdownMobileLoader.js";
 import "../Dropdown/Dropdown.js";
-import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
+import { ETextSize, EFontType } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as j } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__c4eb2de3", z = "suggestDropdownMobileNoOptionsText__36952ea3", g = {
-  suggestDropdownMobileBody: k,
-  suggestDropdownMobileNoOptionsText: z
-}, A = () => {
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__16f4196f";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__713c25ab";
+const styles = {
+  suggestDropdownMobileBody,
+  suggestDropdownMobileNoOptionsText
+};
+const SuggestMobileDropdownContent = () => {
   const {
-    value: r,
-    options: s,
-    inputValue: i,
-    placeholder: a,
-    noOptionsText: u,
-    loading: w,
-    clearInputOnFocus: p,
-    dropdownListLoading: b,
-    onSelect: h,
-    onFilter: t,
-    onScrollEnd: l,
-    closeDropdown: d
-  } = I(), f = S(null), D = n(
-    (o) => {
-      if (l === void 0)
+    value,
+    options,
+    inputValue,
+    placeholder,
+    noOptionsText,
+    loading,
+    clearInputOnFocus,
+    dropdownListLoading,
+    onSelect,
+    onFilter,
+    onScrollEnd,
+    closeDropdown
+  } = useSuggestContext();
+  const listRef = useRef(null);
+  const handleDropdownScroll = useCallback(
+    (event) => {
+      if (onScrollEnd === void 0) {
         return;
-      const { scrollHeight: y, scrollTop: C, clientHeight: N } = o.currentTarget;
-      y - C - N < 1 && l();
+      }
+      const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;
+      if (scrollHeight - scrollTop - clientHeight < 1) {
+        onScrollEnd();
+      }
     },
-    [l]
-  ), M = n(() => d(), [d]), x = n(
-    (o) => {
-      t(o.target.value);
+    [onScrollEnd]
+  );
+  const handleMobileDropdownClose = useCallback(() => closeDropdown(), [closeDropdown]);
+  const handleInputChange = useCallback(
+    (event) => {
+      onFilter(event.target.value);
     },
-    [t]
-  ), T = n(() => {
-    i.length !== 0 && p === !0 && t("");
-  }, [i.length, p, t]);
-  return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ e(
-      O,
+    [onFilter]
+  );
+  const handleInputFocus = useCallback(() => {
+    if (inputValue.length !== 0 && clearInputOnFocus === true) {
+      onFilter("");
+    }
+  }, [inputValue.length, clearInputOnFocus, onFilter]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DropdownMobileHeader,
       {
-        controlButtons: /* @__PURE__ */ c(m, { children: [
-          w && /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(F, { onClick: M })
+        controlButtons: /* @__PURE__ */ jsxs(Fragment, { children: [
+          loading && /* @__PURE__ */ jsx(DropdownMobileLoader, {}),
+          /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: handleMobileDropdownClose })
         ] }),
-        children: /* @__PURE__ */ e(
-          L,
+        children: /* @__PURE__ */ jsx(
+          DropdownMobileInput,
           {
-            value: i,
-            placeholder: a,
-            autoFocus: !0,
-            onFocus: T,
-            onChange: x
+            value: inputValue,
+            placeholder,
+            autoFocus: true,
+            onFocus: handleInputFocus,
+            onChange: handleInputChange
           }
         )
       }
     ),
-    /* @__PURE__ */ e(B, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
-      j,
+    /* @__PURE__ */ jsx(DropdownMobileBody, { className: styles.suggestDropdownMobileBody, onScroll: handleDropdownScroll, children: options.length === 0 ? /* @__PURE__ */ jsx(
+      Text,
       {
-        className: g.suggestDropdownMobileNoOptionsText,
-        type: H.PRIMARY,
-        size: E.B2,
+        className: styles.suggestDropdownMobileNoOptionsText,
+        type: EFontType.PRIMARY,
+        size: ETextSize.B2,
         tag: "div",
-        children: u
+        children: noOptionsText
       }
-    ) : /* @__PURE__ */ e(R, { loading: b, ref: f, children: s.map((o) => /* @__PURE__ */ e(
-      _,
+    ) : /* @__PURE__ */ jsx(DropdownMobileList, { loading: dropdownListLoading, ref: listRef, children: options.map((option) => /* @__PURE__ */ jsx(
+      DropdownMobileListItem,
       {
-        id: o.id,
-        selected: o.id === (r == null ? void 0 : r.id),
-        showNotificationIcon: o.showNotificationIcon,
+        id: option.id,
+        selected: option.id === (value == null ? void 0 : value.id),
+        showNotificationIcon: option.showNotificationIcon,
         onSelect: () => {
-          h(o);
+          onSelect(option);
         },
-        children: o.content || o.label
+        children: option.content || option.label
       },
-      o.id
+      option.id
     )) }) })
   ] });
 };
-A.displayName = "SuggestMobileDropdownContent";
+SuggestMobileDropdownContent.displayName = "SuggestMobileDropdownContent";
 export {
-  A as SuggestMobileDropdownContent
+  SuggestMobileDropdownContent
 };
 //# sourceMappingURL=SuggestMobileDropdownContent.js.map

package/components/Suggest/SuggestMobileDropdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestMobileDropdownContent.js","sources":["../../../src/components/Suggest/SuggestMobileDropdownContent.tsx"],"sourcesContent":["import React, { useRef, useCallback } from \"react\";\nimport { ISuggestOption } from \"./types\";\nimport { useSuggestContext } from \"./SuggestContext\";\nimport {\n    DropdownMobileHeader,\n    DropdownMobileInput,\n    DropdownMobileLoader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"../Dropdown\";\nimport { Text, EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"./styles/SuggestDropdown.module.less\";\n\nexport const SuggestMobileDropdownContent = <T extends ISuggestOption>() => {\n    const {\n        value,\n        options,\n        inputValue,\n        placeholder,\n        noOptionsText,\n        loading,\n        clearInputOnFocus,\n        dropdownListLoading,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n        closeDropdown,\n    } = useSuggestContext<T>();\n    const listRef = useRef(null);\n\n    const handleDropdownScroll = useCallback<React.UIEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (onScrollEnd === undefined) {\n                return;\n            }\n\n            const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n\n            if (scrollHeight - scrollTop - clientHeight < 1) {\n                onScrollEnd();\n            }\n        },\n        [onScrollEnd],\n    );\n\n    const handleMobileDropdownClose = useCallback(() => closeDropdown(), [closeDropdown]);\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onFilter(event.target.value);\n        },\n        [onFilter],\n    );\n\n    const handleInputFocus = useCallback(() => {\n        if (inputValue.length !== 0 && clearInputOnFocus === true) {\n            onFilter(\"\");\n        }\n    }, [inputValue.length, clearInputOnFocus, onFilter]);\n\n    return (\n        <>\n            <DropdownMobileHeader\n                controlButtons={\n                    <>\n                        {loading && <DropdownMobileLoader />}\n                        <DropdownMobileClose onClick={handleMobileDropdownClose} />\n                    </>\n                }\n            >\n                <DropdownMobileInput\n                    value={inputValue}\n                    placeholder={placeholder}\n                    autoFocus={true}\n                    onFocus={handleInputFocus}\n                    onChange={handleInputChange}\n                />\n            </DropdownMobileHeader>\n\n            <DropdownMobileBody className={styles.suggestDropdownMobileBody} onScroll={handleDropdownScroll}>\n                {options.length === 0 ? (\n                    <Text\n                        className={styles.suggestDropdownMobileNoOptionsText}\n                        type={EFontType.PRIMARY}\n                        size={ETextSize.B2}\n                        tag=\"div\"\n                    >\n                        {noOptionsText}\n                    </Text>\n                ) : (\n                    <DropdownMobileList loading={dropdownListLoading} ref={listRef}>\n                        {options.map((option) => (\n                            <DropdownMobileListItem\n                                key={option.id}\n                                id={option.id}\n                                selected={option.id === value?.id}\n                                showNotificationIcon={option.showNotificationIcon}\n                                onSelect={() => {\n                                    onSelect(option);\n                                }}\n                            >\n                                {option.content || option.label}\n                            </DropdownMobileListItem>\n                        ))}\n                    </DropdownMobileList>\n                )}\n            </DropdownMobileBody>\n        </>\n    );\n};\n\nSuggestMobileDropdownContent.displayName = \"SuggestMobileDropdownContent\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,+BAA+B,MAAgC;AACxE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AACJ,QAAM,UAAU,OAAO,IAAI;AAE3B,QAAM,uBAAuB;AAAA,IACzB,CAAC,UAAU;AACP,UAAI,gBAAgB,QAAW;AAC3B;AAAA,MACJ;AAEA,YAAM,EAAE,cAAc,WAAW,aAAA,IAAiB,MAAM;AAExD,UAAI,eAAe,YAAY,eAAe,GAAG;AAC7C,oBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGhB,QAAM,4BAA4B,YAAY,MAAM,iBAAiB,CAAC,aAAa,CAAC;AAEpF,QAAM,oBAAoB;AAAA,IACtB,CAAC,UAA+C;AAC5C,eAAS,MAAM,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,mBAAmB,YAAY,MAAM;AACvC,QAAI,WAAW,WAAW,KAAK,sBAAsB,MAAM;AACvD,eAAS,EAAE;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,mBAAmB,QAAQ,CAAC;AAEnD,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBACI,qBAAA,UAAA,EACK,UAAA;AAAA,UAAA,+BAAY,sBAAA,EAAqB;AAAA,UAClC,oBAAC,qBAAA,EAAoB,SAAS,0BAAA,CAA2B;AAAA,QAAA,GAC7D;AAAA,QAGJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,YACP;AAAA,YACA,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAGJ,oBAAC,sBAAmB,WAAW,OAAO,2BAA2B,UAAU,sBACtE,UAAA,QAAQ,WAAW,IAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,MAAM,UAAU;AAAA,QAChB,MAAM,UAAU;AAAA,QAChB,KAAI;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA,IAGL,oBAAC,oBAAA,EAAmB,SAAS,qBAAqB,KAAK,SAClD,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI,OAAO;AAAA,QACX,UAAU,OAAO,QAAO,+BAAO;AAAA,QAC/B,sBAAsB,OAAO;AAAA,QAC7B,UAAU,MAAM;AACZ,mBAAS,MAAM;AAAA,QACnB;AAAA,QAEC,UAAA,OAAO,WAAW,OAAO;AAAA,MAAA;AAAA,MARrB,OAAO;AAAA,IAAA,CAUnB,GACL,EAAA,CAER;AAAA,EAAA,GACJ;AAER;AAEA,6BAA6B,cAAc;"}

package/components/Suggest/index.js

@@ -1,8 +1,8 @@
-import { SuggestContext as g, useSuggestContext as o } from "./SuggestContext.js";
-import { Suggest as s } from "./Suggest.js";
+import { SuggestContext, useSuggestContext } from "./SuggestContext.js";
+import { Suggest } from "./Suggest.js";
 export {
-  s as Suggest,
-  g as SuggestContext,
-  o as useSuggestContext
+  Suggest,
+  SuggestContext,
+  useSuggestContext
 };
 //# sourceMappingURL=index.js.map

package/components/Suggest/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/Suggest/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Suggest/useSuggest.js

@@ -1,64 +1,82 @@
-import { useState as n, useRef as C, useLayoutEffect as L, useCallback as i, useMemo as O } from "react";
-import { u as R } from "../../chunks/vendor-D5cfSbgz.js";
-import { isKey as q } from "../../utils/keyboard.js";
-const D = ({
-  value: o,
-  onSelect: d,
-  onFilter: f,
-  onKeyDown: r
+import { useState, useRef, useLayoutEffect, useCallback, useMemo } from "react";
+import { u as uniqueId } from "../../chunks/vendor-Bco_z_Yi.js";
+import { isKey } from "../../utils/keyboard.js";
+const useSuggest = ({
+  value,
+  onSelect,
+  onFilter,
+  onKeyDown
 }) => {
-  const [e, c] = n((o == null ? void 0 : o.label) || ""), [m, a] = n(), [p, b] = n(!1), [k, A] = n(o), [S] = n(() => `dropdown-list-${R()}`);
-  o !== k && (A(o), c((o == null ? void 0 : o.label) || ""));
-  const g = C(o);
-  L(() => {
-    g.current = o;
+  const [inputValue, setInputValue] = useState((value == null ? void 0 : value.label) || "");
+  const [activeDescendant, setActiveDescendant] = useState();
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const [prevValue, setPrevValue] = useState(value);
+  const [dropdownListId] = useState(() => `dropdown-list-${uniqueId()}`);
+  if (value !== prevValue) {
+    setPrevValue(value);
+    setInputValue((value == null ? void 0 : value.label) || "");
+  }
+  const latestValueRef = useRef(value);
+  useLayoutEffect(() => {
+    latestValueRef.current = value;
   });
-  const s = i((t) => {
-    var P;
-    c(t ?? (((P = g.current) == null ? void 0 : P.label) || "")), a(void 0), b(!1);
-  }, []), h = i(
-    (t) => {
-      s(t == null ? void 0 : t.label), d(t);
+  const closeDropdown = useCallback((newInputValue) => {
+    var _a;
+    setInputValue(newInputValue ?? (((_a = latestValueRef.current) == null ? void 0 : _a.label) || ""));
+    setActiveDescendant(void 0);
+    setDropdownOpen(false);
+  }, []);
+  const handleSelect = useCallback(
+    (selectedValue) => {
+      closeDropdown(selectedValue == null ? void 0 : selectedValue.label);
+      onSelect(selectedValue);
     },
-    [s, d]
-  ), E = i(
-    (t) => {
-      c(t), f(t);
+    [closeDropdown, onSelect]
+  );
+  const handleFilter = useCallback(
+    (newValue) => {
+      setInputValue(newValue);
+      onFilter(newValue);
     },
-    [f]
-  ), I = i(
-    (t) => {
-      p && q(t.key, "ESCAPE") && (t.stopPropagation(), s()), r == null || r(t);
+    [onFilter]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (dropdownOpen && isKey(event.key, "ESCAPE")) {
+        event.stopPropagation();
+        closeDropdown();
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
     },
-    [p, s, r]
+    [dropdownOpen, closeDropdown, onKeyDown]
   );
-  return O(
+  return useMemo(
     () => ({
-      inputValue: e,
-      activeDescendant: m,
-      dropdownOpen: p,
-      dropdownListId: S,
-      setInputValue: c,
-      setDropdownOpen: b,
-      setActiveDescendant: a,
-      closeDropdown: s,
-      onSelect: h,
-      onFilter: E,
-      onKeyDown: I
+      inputValue,
+      activeDescendant,
+      dropdownOpen,
+      dropdownListId,
+      setInputValue,
+      setDropdownOpen,
+      setActiveDescendant,
+      closeDropdown,
+      onSelect: handleSelect,
+      onFilter: handleFilter,
+      onKeyDown: handleKeyDown
     }),
     [
-      e,
-      m,
-      p,
-      S,
-      s,
-      h,
-      E,
-      I
+      inputValue,
+      activeDescendant,
+      dropdownOpen,
+      dropdownListId,
+      closeDropdown,
+      handleSelect,
+      handleFilter,
+      handleKeyDown
     ]
   );
 };
 export {
-  D as useSuggest
+  useSuggest
 };
 //# sourceMappingURL=useSuggest.js.map

package/components/Suggest/useSuggest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuggest.js","sources":["../../../src/components/Suggest/useSuggest.ts"],"sourcesContent":["import React, { useState, useRef, useLayoutEffect, useCallback, useMemo } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport { ISuggestOption, ISuggestProps } from \"./types\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils\";\n\nexport const useSuggest = <T extends ISuggestOption = ISuggestOption>({\n    value,\n    onSelect,\n    onFilter,\n    onKeyDown,\n}: Pick<ISuggestProps<T>, \"value\" | \"onSelect\" | \"onFilter\" | \"onKeyDown\">) => {\n    const [inputValue, setInputValue] = useState(value?.label || \"\");\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    const [dropdownOpen, setDropdownOpen] = useState(false);\n    const [prevValue, setPrevValue] = useState(value);\n    const [dropdownListId] = useState(() => `dropdown-list-${uniqueId()}`);\n\n    // Синхронизация стейта при изменении внешнего пропса\n    if (value !== prevValue) {\n        setPrevValue(value);\n        setInputValue(value?.label || \"\");\n    }\n\n    const latestValueRef = useRef(value);\n    // Обновляем ref после каждого рендера, чтобы closeDropdown всегда имел доступ к актуальному value.\n    useLayoutEffect(() => {\n        latestValueRef.current = value;\n    });\n\n    const closeDropdown = useCallback((newInputValue?: string) => {\n        setInputValue(newInputValue ?? (latestValueRef.current?.label || \"\"));\n        setActiveDescendant(undefined);\n        setDropdownOpen(false);\n    }, []);\n\n    const handleSelect = useCallback(\n        (selectedValue: T | undefined) => {\n            closeDropdown(selectedValue?.label);\n            onSelect(selectedValue);\n        },\n        [closeDropdown, onSelect],\n    );\n\n    const handleFilter = useCallback(\n        (newValue: string) => {\n            setInputValue(newValue);\n            onFilter(newValue);\n        },\n        [onFilter],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (dropdownOpen && isKey(event.key, \"ESCAPE\")) {\n                event.stopPropagation();\n                closeDropdown();\n            }\n            onKeyDown?.(event);\n        },\n        [dropdownOpen, closeDropdown, onKeyDown],\n    );\n\n    return useMemo(\n        () => ({\n            inputValue,\n            activeDescendant,\n            dropdownOpen,\n            dropdownListId,\n            setInputValue,\n            setDropdownOpen,\n            setActiveDescendant,\n            closeDropdown,\n            onSelect: handleSelect,\n            onFilter: handleFilter,\n            onKeyDown: handleKeyDown,\n        }),\n        [\n            inputValue,\n            activeDescendant,\n            dropdownOpen,\n            dropdownListId,\n            closeDropdown,\n            handleSelect,\n            handleFilter,\n            handleKeyDown,\n        ],\n    );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,aAAa,CAA4C;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA+E;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,UAAS,+BAAO,UAAS,EAAE;AAC/D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,cAAc,IAAI,SAAS,MAAM,iBAAiB,SAAA,CAAU,EAAE;AAGrE,MAAI,UAAU,WAAW;AACrB,iBAAa,KAAK;AAClB,mBAAc,+BAAO,UAAS,EAAE;AAAA,EACpC;AAEA,QAAM,iBAAiB,OAAO,KAAK;AAEnC,kBAAgB,MAAM;AAClB,mBAAe,UAAU;AAAA,EAC7B,CAAC;AAED,QAAM,gBAAgB,YAAY,CAAC,kBAA2B;;AAC1D,kBAAc,oBAAkB,oBAAe,YAAf,mBAAwB,UAAS,GAAG;AACpE,wBAAoB,MAAS;AAC7B,oBAAgB,KAAK;AAAA,EACzB,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe;AAAA,IACjB,CAAC,kBAAiC;AAC9B,oBAAc,+CAAe,KAAK;AAClC,eAAS,aAAa;AAAA,IAC1B;AAAA,IACA,CAAC,eAAe,QAAQ;AAAA,EAAA;AAG5B,QAAM,eAAe;AAAA,IACjB,CAAC,aAAqB;AAClB,oBAAc,QAAQ;AACtB,eAAS,QAAQ;AAAA,IACrB;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGb,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAA+C;AAC5C,UAAI,gBAAgB,MAAM,MAAM,KAAK,QAAQ,GAAG;AAC5C,cAAM,gBAAA;AACN,sBAAA;AAAA,MACJ;AACA,6CAAY;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,eAAe,SAAS;AAAA,EAAA;AAG3C,SAAO;AAAA,IACH,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,IAEf;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/components/SuggestField/SuggestField.js

@@ -1,14 +1,14 @@
 import "./desktop/SuggestFieldDesktopDropdown.js";
-import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
-import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
+import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
+import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-AG8aD2R1.js";
-import { jsx as o } from "react/jsx-runtime";
-import { MobileView as I } from "../MobileView/MobileView.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-Duuc0706.js";
+import { jsx } from "react/jsx-runtime";
+import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-DFQ9utC5.js";
+import { F as FormFieldInput } from "../../chunks/FormFieldInput-oyG8nnC2.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
@@ -16,46 +16,47 @@ import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-const h = (t) => {
+const SuggestFieldBase = (props) => {
   const {
-    status: i,
-    size: r,
-    value: p,
-    options: e,
-    label: m,
-    placeholder: l,
-    tooltipHint: n,
-    loading: s,
-    tooltipOpen: a,
-    dropdownListLoading: d,
-    clearInputOnFocus: u,
-    onSelect: c,
-    onFilter: g,
-    onScrollEnd: F,
-    inputProps: f
-  } = t;
-  return /* @__PURE__ */ o(I, { fallback: /* @__PURE__ */ o(S, { ...t }), children: /* @__PURE__ */ o(
-    b,
+    status,
+    size,
+    value,
+    options,
+    label,
+    placeholder,
+    tooltipHint,
+    loading,
+    tooltipOpen,
+    dropdownListLoading,
+    clearInputOnFocus,
+    onSelect,
+    onFilter,
+    onScrollEnd,
+    inputProps
+  } = props;
+  return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx(SuggestFieldDesktop, { ...props }), children: /* @__PURE__ */ jsx(
+    SuggestFieldMobile,
     {
-      status: i,
-      size: r,
-      value: p,
-      options: e,
-      label: m,
-      placeholder: l,
-      tooltipHint: n,
-      loading: s,
-      tooltipOpen: a,
-      dropdownListLoading: d,
-      clearInputOnFocus: u,
-      onSelect: c,
-      onFilter: g,
-      onScrollEnd: F,
-      inputProps: f
+      status,
+      size,
+      value,
+      options,
+      label,
+      placeholder,
+      tooltipHint,
+      loading,
+      tooltipOpen,
+      dropdownListLoading,
+      clearInputOnFocus,
+      onSelect,
+      onFilter,
+      onScrollEnd,
+      inputProps
     }
   ) });
-}, G = Object.assign(h, { Input: O });
+};
+const SuggestField = Object.assign(SuggestFieldBase, { Input: FormFieldInput });
 export {
-  G as SuggestField
+  SuggestField
 };
 //# sourceMappingURL=SuggestField.js.map

package/components/SuggestField/SuggestField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestField.js","sources":["../../../src/components/SuggestField/SuggestField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISuggestFieldOption, ISuggestFieldProps } from \"./types\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { SuggestFieldDesktop } from \"./desktop/SuggestFieldDesktop\";\nimport { SuggestFieldMobile } from \"./mobile/SuggestFieldMobile\";\nimport { FormFieldInput } from \"../FormField\";\n\n// TODO: Переписать через useSuggest.\nconst SuggestFieldBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    props: ISuggestFieldProps<T>,\n): JSX.Element => {\n    const {\n        status,\n        size,\n        value,\n        options,\n        label,\n        placeholder,\n        tooltipHint,\n        loading,\n        tooltipOpen,\n        dropdownListLoading,\n        clearInputOnFocus,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n        inputProps,\n    } = props;\n\n    return (\n        <MobileView fallback={<SuggestFieldDesktop<T> {...props} />}>\n            <SuggestFieldMobile<T>\n                status={status}\n                size={size}\n                value={value}\n                options={options}\n                label={label}\n                placeholder={placeholder}\n                tooltipHint={tooltipHint}\n                loading={loading}\n                tooltipOpen={tooltipOpen}\n                dropdownListLoading={dropdownListLoading}\n                clearInputOnFocus={clearInputOnFocus}\n                onSelect={onSelect}\n                onFilter={onFilter}\n                onScrollEnd={onScrollEnd}\n                inputProps={inputProps}\n            />\n        </MobileView>\n    );\n};\n\n/** Выпадающий список с возможностью поиска по введённому значению. */\nexport const SuggestField = Object.assign(SuggestFieldBase, { Input: FormFieldInput });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,mBAAmB,CACrB,UACc;AACd,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,6BACK,YAAA,EAAW,8BAAW,qBAAA,EAAwB,GAAG,OAAO,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;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;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;AAGO,MAAM,eAAe,OAAO,OAAO,kBAAkB,EAAE,OAAO,gBAAgB;"}