@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/Suggest/SuggestMobileDropdownContent.js

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

package/components/Suggest/index.js

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

package/components/Suggest/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/SuggestField/SuggestField.js

@@ -0,0 +1,63 @@
+import "./desktop/SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as L } from "./desktop/SuggestFieldDesktop.js";
+import { SuggestFieldMobile as O } from "./mobile/SuggestFieldMobile.js";
+import "./mobile/SuggestFieldMobileDropdown.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-CN-2l1Nh.js";
+import "./mobile/SuggestFieldMobileTarget.js";
+import { jsx as e } from "react/jsx-runtime";
+import { MobileView as h } from "../MobileView/MobileView.js";
+import { SuggestFieldTarget as j } from "./SuggestFieldTarget.js";
+const k = (t) => {
+  const {
+    status: r,
+    size: o,
+    value: i,
+    label: n,
+    loading: l,
+    options: g,
+    placeholder: a,
+    tooltipHint: p,
+    tooltipOpen: s,
+    dropdownListLoading: d,
+    clearInputOnFocus: u,
+    onSelect: m,
+    onFilter: c,
+    onScrollEnd: T,
+    onTargetInputFocus: f,
+    onTargetInputBlur: F,
+    renderTarget: S,
+    renderTargetInput: b,
+    renderTargetLabel: x,
+    renderTargetPostfix: I,
+    renderTargetPrefix: w
+  } = t;
+  return /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e(L, { ...t }), children: /* @__PURE__ */ e(
+    O,
+    {
+      status: r,
+      size: o,
+      value: i,
+      options: g,
+      label: n,
+      placeholder: a,
+      dropdownHint: s ? p : "",
+      loading: l,
+      dropdownListLoading: d,
+      clearInputOnFocus: u,
+      onSelect: m,
+      onFilter: c,
+      onScrollEnd: T,
+      onTargetInputFocus: f,
+      onTargetInputBlur: F,
+      renderTarget: S,
+      renderTargetInput: b,
+      renderTargetLabel: x,
+      renderTargetPrefix: w,
+      renderTargetPostfix: I
+    }
+  ) });
+}, q = Object.assign(k, { Target: j });
+export {
+  q as SuggestField
+};
+//# sourceMappingURL=SuggestField.js.map

package/components/SuggestField/SuggestFieldTarget.js

@@ -0,0 +1,70 @@
+import { jsxs as B, jsx as o } from "react/jsx-runtime";
+import { FormField as E } from "../FormField/FormField.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import { FormFieldLabel as p } from "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import { F as d } from "../../chunks/FormFieldInput-DO7mZKjJ.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as l } from "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as O } from "../FormField/enums.js";
+import { SuggestFieldTargetPostfix as n } from "./SuggestFieldTargetPostfix.js";
+import { DataTestId as $ } from "../../consts/DataTestId.js";
+const w = ({
+  size: t,
+  status: i,
+  inputValue: c,
+  label: F,
+  placeholder: f,
+  "aria-controls": g,
+  "aria-activedescendant": u,
+  dataTestId: r,
+  loading: x,
+  dropdownOpen: A,
+  onFocus: v,
+  onBlur: b,
+  onClick: S,
+  onChange: P,
+  onClear: j,
+  renderInput: m,
+  renderLabel: e,
+  renderPrefix: a,
+  renderPostfix: s,
+  ...D
+}) => {
+  const I = a === void 0 ? l : a, L = e === void 0 ? p : e, T = m === void 0 ? d : m, h = s === void 0 ? n : s;
+  return /* @__PURE__ */ B(E, { size: t, status: i, ...D, children: [
+    /* @__PURE__ */ o(I, {}),
+    /* @__PURE__ */ o(L, { children: F }),
+    /* @__PURE__ */ o(
+      T,
+      {
+        value: c,
+        placeholder: f,
+        role: "combobox",
+        "aria-controls": g,
+        "aria-activedescendant": u,
+        "data-test-id": r && `${r}${$.Suggest.input}`,
+        disabled: i === O.DISABLED,
+        onFocus: v,
+        onBlur: b,
+        onClick: S,
+        onChange: P
+      }
+    ),
+    /* @__PURE__ */ o(h, { size: t, loading: x, onClear: j })
+  ] });
+}, X = Object.assign(w, {
+  Input: d,
+  Label: p,
+  Prefix: l,
+  Postfix: n
+});
+export {
+  X as SuggestFieldTarget,
+  w as SuggestFieldTargetBase
+};
+//# sourceMappingURL=SuggestFieldTarget.js.map

package/components/SuggestField/SuggestFieldTargetPostfix.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import a from "react";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import { FormFieldClear as f } from "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-DO7mZKjJ.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldPostfix as s } from "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import { LoaderSmall as d } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as g } from "../Loader/LoaderSmall/enum.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+const x = a.forwardRef(
+  ({ children: r, size: m, loading: t, onClear: i, ...e }, p) => /* @__PURE__ */ l(s, { ...e, ref: p, children: [
+    /* @__PURE__ */ o(f, { onClick: i }),
+    t && /* @__PURE__ */ o(d, { theme: g.BRAND, size: m }),
+    r
+  ] })
+);
+x.displayName = "SuggestFieldTargetPostfix";
+export {
+  x as SuggestFieldTargetPostfix
+};
+//# sourceMappingURL=SuggestFieldTargetPostfix.js.map

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -0,0 +1,197 @@
+import { SuggestFieldDesktopDropdown as gt } from "./SuggestFieldDesktopDropdown.js";
+import { jsxs as q, jsx as g } from "react/jsx-runtime";
+import { useState as f, useRef as k, useCallback as s, useEffect as P } from "react";
+import { a as ft, E as ht, c as Dt } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Tooltip as x } from "../../Tooltip/Tooltip.js";
+import { ETooltipSize as bt } from "../../Tooltip/enums.js";
+import { SuggestFieldTarget as ut } from "../SuggestFieldTarget.js";
+import "../../FormField/FormFieldContext.js";
+import { EFormFieldStatus as St } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldTarget.js";
+import "../../../chunks/FormFieldInput-DO7mZKjJ.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import "../../Dropdown/Dropdown.js";
+import { DropdownListContext as kt } from "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-CiE3zUVn.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { DataTestId as wt } from "../../../consts/DataTestId.js";
+const Lt = "suggestFieldDesktop__a55a617d", Ct = {
+  suggestFieldDesktop: Lt
+}, Et = ({
+  className: z,
+  value: e,
+  options: p,
+  size: y,
+  status: F,
+  label: v,
+  placeholder: B,
+  loading: G,
+  dropdownListLoading: J,
+  tooltipHint: K,
+  tooltipOpen: Q,
+  clearInputOnFocus: R,
+  onSelect: d,
+  onFilter: h,
+  onScrollEnd: A,
+  onTargetInputFocus: D,
+  onTargetInputBlur: b,
+  renderTarget: N,
+  renderTargetInput: U,
+  renderTargetLabel: V,
+  renderTargetPrefix: W,
+  renderTargetPostfix: X,
+  renderDropdown: H,
+  renderDropdownList: Y,
+  renderDropdownListItem: Z,
+  "data-test-id": c,
+  ...T
+}) => {
+  const [m, l] = f((e == null ? void 0 : e.label) || ""), [u, w] = f(), [i, M] = f(!1), [o, n] = f(!1), [O, S] = f(!1), j = k(ft()), L = k(null), _ = k(null), C = k(A);
+  C.current = A;
+  const I = s(
+    (t) => {
+      l((t == null ? void 0 : t.label) || ""), w(void 0), n(!1), S(!0), d(t);
+    },
+    [d]
+  ), tt = s(
+    (t) => {
+      M(!0), n(!0), R && m.length !== 0 && l(""), D == null || D(t);
+    },
+    [R, m, D]
+  ), et = s(
+    (t) => {
+      w(void 0), M(!1), n(!1), S(!1), m.length !== 0 ? l((e == null ? void 0 : e.label) || "") : d(void 0), b == null || b(t);
+    },
+    [e == null ? void 0 : e.label, m, d, b]
+  ), ot = s(() => {
+    i && !o && (n(!0), S(!1));
+  }, [i, o]), rt = s(
+    (t) => {
+      const r = t.target.value;
+      l(r), S(!1), h(r);
+    },
+    [h]
+  ), st = s(() => {
+    i ? (l(""), h("")) : d(void 0);
+  }, [i, h, d]), it = s(
+    (t) => {
+      u !== t && w(t);
+    },
+    [u]
+  ), E = s(
+    ht((t) => {
+      if (C.current === void 0)
+        return;
+      const r = t.target, a = r.parentElement;
+      if (a === null)
+        return;
+      const dt = r.scrollHeight, lt = r.scrollTop, pt = a.scrollHeight, $ = window.getComputedStyle(a), ct = $.getPropertyValue("padding-top"), mt = $.getPropertyValue("padding-bottom"), at = Number.parseInt(mt) + Number.parseInt(ct);
+      Math.abs(lt + pt - at - dt) <= 1 && C.current();
+    }, 100),
+    []
+  );
+  P(() => {
+    l((e == null ? void 0 : e.label) || "");
+  }, [e]), P(() => {
+    i && (o && p.length === 0 ? n(!1) : !o && !O && p.length !== 0 && n(!0));
+  }, [i, o, O, p.length]), P(() => {
+    if (o) {
+      const t = _.current;
+      return t && t.addEventListener("scroll", E), () => {
+        t && t.removeEventListener("scroll", E);
+      };
+    }
+  }, [o, E]);
+  const nt = () => {
+    const t = Dt(Ct.suggestFieldDesktop, "hoverable", z), r = N === void 0 ? ut : N, a = H === void 0 ? gt : H;
+    return /* @__PURE__ */ g("div", { className: t, "data-test-id": c, ...T, ref: L, children: /* @__PURE__ */ q(
+      kt.Provider,
+      {
+        value: { activeDescendant: u, setActiveDescendant: it },
+        children: [
+          /* @__PURE__ */ g(
+            r,
+            {
+              size: y,
+              status: F,
+              inputValue: m,
+              label: v,
+              placeholder: B,
+              "aria-controls": j.current,
+              "aria-activedescendant": u,
+              loading: G,
+              dropdownOpen: o,
+              onFocus: tt,
+              onBlur: et,
+              onClick: ot,
+              onChange: rt,
+              onClear: st,
+              renderInput: U,
+              renderLabel: V,
+              renderPrefix: W,
+              renderPostfix: X,
+              dataTestId: c
+            }
+          ),
+          /* @__PURE__ */ g(
+            a,
+            {
+              value: e,
+              options: p,
+              size: y,
+              listId: j.current,
+              opened: o && p.length > 0,
+              listLoading: J,
+              listRef: _,
+              onSelect: I,
+              renderList: Y,
+              renderListItem: Z,
+              setOpened: n,
+              targetRef: L,
+              dataTestId: c
+            }
+          )
+        ]
+      }
+    ) });
+  };
+  return /* @__PURE__ */ q(
+    x,
+    {
+      size: bt.SM,
+      isOpen: !!(Q && i) && F !== St.DISABLED,
+      toggle: () => {
+      },
+      targetRef: L,
+      disableAdaptiveMode: !0,
+      children: [
+        /* @__PURE__ */ g(x.Body, { "data-test-id": c && `${c}${wt.Suggest.tooltip}`, children: K }),
+        /* @__PURE__ */ g(x.Target, { children: nt() })
+      ]
+    }
+  );
+};
+Et.displayName = "SuggestFieldDesktop";
+export {
+  Et as SuggestFieldDesktop
+};
+//# sourceMappingURL=SuggestFieldDesktop.js.map

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -0,0 +1,76 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Dropdown as $ } from "../../Dropdown/Dropdown.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as h } from "../../Dropdown/desktop/DropdownList.js";
+import { D as C } from "../../../chunks/DropdownListItem-CiE3zUVn.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
+import { DataTestId as d } from "../../../consts/DataTestId.js";
+const _ = [L.ENTER], G = ({
+  size: e,
+  value: t,
+  options: i,
+  targetRef: s,
+  listId: c,
+  dataTestId: r,
+  opened: p,
+  listLoading: E,
+  listRef: x,
+  renderList: n,
+  renderListItem: D,
+  onSelect: f,
+  setOpened: l,
+  ...w
+}) => {
+  const S = n === void 0 ? h : n, g = D === void 0 ? C : D;
+  return /* @__PURE__ */ m(
+    $,
+    {
+      size: e,
+      targetRef: s,
+      "data-test-id": r && `${r}${d.Suggest.dropdown}`,
+      opened: p,
+      fixedWidth: !0,
+      setOpened: l,
+      ...w,
+      children: /* @__PURE__ */ m(
+        S,
+        {
+          id: c,
+          size: e,
+          dropdownOpened: p,
+          loading: E,
+          onMouseDown: (o) => o.preventDefault(),
+          children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ m(
+            g,
+            {
+              id: o.id,
+              keyCodesForSelection: _,
+              "data-test-id": r && `${r}${d.Suggest.dropdown}${d.Dropdown.listItem}`,
+              selected: o.id === (t == null ? void 0 : t.id),
+              onMouseDown: (u) => u.preventDefault(),
+              onSelect: () => f(o),
+              children: o.content || o.label
+            },
+            o.id
+          ))
+        }
+      )
+    }
+  );
+};
+export {
+  G as SuggestFieldDesktopDropdown
+};
+//# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

package/components/SuggestField/desktop/index.js

@@ -0,0 +1,7 @@
+import { SuggestFieldDesktopDropdown as t } from "./SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as r } from "./SuggestFieldDesktop.js";
+export {
+  r as SuggestFieldDesktop,
+  t as SuggestFieldDesktopDropdown
+};
+//# sourceMappingURL=index.js.map

package/components/SuggestField/desktop/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/SuggestField/index.js

@@ -0,0 +1,17 @@
+import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
+import { SuggestFieldMobile as p } from "./mobile/SuggestFieldMobile.js";
+import { SuggestFieldMobileDropdown as d } from "./mobile/SuggestFieldMobileDropdown.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-CN-2l1Nh.js";
+import { SuggestFieldMobileTarget as m } from "./mobile/SuggestFieldMobileTarget.js";
+import { SuggestField as x } from "./SuggestField.js";
+export {
+  x as SuggestField,
+  g as SuggestFieldDesktop,
+  r as SuggestFieldDesktopDropdown,
+  p as SuggestFieldMobile,
+  d as SuggestFieldMobileDropdown,
+  S as SuggestFieldMobileDropdownHint,
+  m as SuggestFieldMobileTarget
+};
+//# sourceMappingURL=index.js.map

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -0,0 +1,80 @@
+import { jsxs as B, jsx as c } from "react/jsx-runtime";
+import { useState as E, useRef as p, useEffect as L } from "react";
+import { c as N } from "../../../chunks/vendor-BlJo2ILB.js";
+import { SuggestFieldMobileTarget as R } from "./SuggestFieldMobileTarget.js";
+import { SuggestFieldMobileDropdown as q } from "./SuggestFieldMobileDropdown.js";
+import { s as z } from "../../../chunks/SuggestFieldMobileDropdownHint-CN-2l1Nh.js";
+function U({
+  className: m,
+  value: r,
+  options: u,
+  size: a,
+  status: b,
+  label: x,
+  placeholder: t,
+  dropdownHint: g,
+  loading: n,
+  dropdownListLoading: w,
+  clearInputOnFocus: M,
+  onFilter: O,
+  onSelect: i,
+  onScrollEnd: D,
+  onTargetInputFocus: o,
+  onTargetInputBlur: S,
+  renderTarget: l,
+  renderTargetInput: h,
+  renderTargetLabel: j,
+  renderTargetPrefix: v,
+  renderTargetPostfix: C,
+  ...F
+}) {
+  const [e, d] = E(!1), s = p(null), f = p(!1), P = l === void 0 ? R : l;
+  L(() => {
+    f.current && !e && s.current && s.current.scrollIntoView({ block: "center" }), f.current = e;
+  }, [e]);
+  const V = () => i(void 0), k = (y) => {
+    d(!0), o == null || o(y);
+  };
+  return /* @__PURE__ */ B("div", { className: N(z.suggestFieldMobile, m), ...F, ref: s, children: [
+    /* @__PURE__ */ c(
+      P,
+      {
+        size: a,
+        status: b,
+        inputValue: r ? r.label : "",
+        label: x,
+        placeholder: t,
+        loading: n,
+        dropdownOpen: e,
+        onClear: V,
+        onFocus: k,
+        onBlur: S,
+        renderInput: h,
+        renderLabel: j,
+        renderPrefix: v,
+        renderPostfix: C
+      }
+    ),
+    /* @__PURE__ */ c(
+      q,
+      {
+        value: r,
+        options: u,
+        placeholder: t,
+        dropdownHint: g,
+        opened: e,
+        loading: n,
+        dropdownListLoading: w,
+        clearInputOnFocus: M,
+        setOpened: d,
+        onFilter: O,
+        onSelect: i,
+        onScrollEnd: D
+      }
+    )
+  ] });
+}
+export {
+  U as SuggestFieldMobile
+};
+//# sourceMappingURL=SuggestFieldMobile.js.map