mimir-ui-kit 1.43.12 → 1.43.14

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -28,4 +28,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     groupBy?: string;
     getGroupTitle?: (groupValue: string) => string;
     optionLayout?: import('./types').TOptionLayout;
+    autoPlacement?: boolean;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,171 +1,185 @@
-import { jsx as r, jsxs as c, Fragment as V } from "react/jsx-runtime";
-import { u as zt } from "../../index-D5H8gPPn.js";
+import { jsx as s, jsxs as c, Fragment as A } from "react/jsx-runtime";
+import { u as Ae } from "../../index-D5H8gPPn.js";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as Lt, useRef as Dt, useState as E, useMemo as q, useEffect as st, useCallback as Vt } from "react";
-import { ESelectSearchSize as l, ELoadingIndicatorPlacement as x } from "./constants.js";
-import { prepareGroupedItems as Et, mapSizeToInputSize as it, getDropdownArrowIcon as Tt } from "./utils.js";
-import { Icon as P } from "../../icons/Icon.js";
-import { Button as Bt } from "../Button/Button.js";
-import { I as at } from "../../Input-BU_6U1CW.js";
-import { EInputVariant as At } from "../Input/constants.js";
-import { Loader as ct } from "../Loader/Loader.js";
-import { H as Gt, U as lt, G as dt, W as ut, K as Mt } from "../../combobox-fIVOzEhl.js";
-import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_container_1rthm_13", jt = "_full_1rthm_26", Ft = "_button_1rthm_38", Ht = "_options_1rthm_52", $t = "_top_1rthm_63", Kt = "_bottom_1rthm_69", Ut = "_s_1rthm_2", Wt = "_m_1rthm_110", Qt = "_l_1rthm_123", Yt = "_loader_1rthm_161", Jt = "_option_1rthm_52", Rt = "_clear_1rthm_200", t = {
+import { forwardRef as Be, useRef as ue, useState as x, useMemo as F, useCallback as me, useEffect as H } from "react";
+import { ESelectSearchSize as l, ELoadingIndicatorPlacement as I } from "./constants.js";
+import { prepareGroupedItems as Pe, shouldShowMenuOnTop as Ge, mapSizeToInputSize as pe, getDropdownArrowIcon as qe } from "./utils.js";
+import { Icon as $ } from "../../icons/Icon.js";
+import { Button as je } from "../Button/Button.js";
+import { I as he } from "../../Input-BU_6U1CW.js";
+import { EInputVariant as Fe } from "../Input/constants.js";
+import { Loader as _e } from "../Loader/Loader.js";
+import { H as He, U as fe, G as ve, W as ge, K as $e } from "../../combobox-fIVOzEhl.js";
+import '../../assets/SelectSearch.css';const Ke = "_disabled_1rthm_6", Ue = "_container_1rthm_13", We = "_full_1rthm_26", Qe = "_button_1rthm_38", Re = "_options_1rthm_52", Ye = "_top_1rthm_63", Je = "_bottom_1rthm_69", Xe = "_s_1rthm_2", Ze = "_m_1rthm_110", et = "_l_1rthm_123", tt = "_loader_1rthm_161", nt = "_option_1rthm_52", ot = "_clear_1rthm_200", t = {
   "select-search": "_select-search_1rthm_2",
-  disabled: qt,
-  container: Pt,
+  disabled: Ke,
+  container: Ue,
   "container-open": "_container-open_1rthm_22",
-  full: jt,
+  full: We,
   "selected-icon": "_selected-icon_1rthm_30",
   "selector-icon-open": "_selector-icon-open_1rthm_34",
-  button: Ft,
+  button: Qe,
   "selector-icon": "_selector-icon_1rthm_34",
-  options: Ht,
-  top: $t,
-  bottom: Kt,
+  options: Re,
+  top: Ye,
+  bottom: Je,
   "no-options": "_no-options_1rthm_75",
-  s: Ut,
-  m: Wt,
-  l: Qt,
+  s: Xe,
+  m: Ze,
+  l: et,
   "select-search-input": "_select-search-input_1rthm_136",
   "select-search-input-disabled": "_select-search-input-disabled_1rthm_139",
   "group-header": "_group-header_1rthm_146",
   "sticky-active": "_sticky-active_1rthm_157",
-  loader: Yt,
+  loader: tt,
   "input-container": "_input-container_1rthm_166",
-  option: Jt,
+  option: nt,
   "option-active": "_option-active_1rthm_180",
   "option-inner": "_option-inner_1rthm_183",
   "right-slot": "_right-slot_1rthm_190",
   "required-mark": "_required-mark_1rthm_195",
-  clear: Rt,
+  clear: ot,
   "icon-button": "_icon-button_1rthm_209"
-}, Xt = Lt(
-  (mt, pt) => {
+}, st = Be(
+  (be, ye) => {
     const {
-      placeholder: j,
+      placeholder: K,
       size: o = l.L,
       value: d,
       onChange: a,
-      full: ht,
-      showArrow: _t = !0,
+      full: Ne,
+      showArrow: Se = !0,
       items: g = [],
-      classNameOption: F,
-      classNameOptionInner: H,
-      displayValue: S = "name",
-      filterOnSearch: $ = !0,
-      onSearch: I,
-      variant: K = At.DefaultGray,
-      menuPlacement: k = "bottom",
+      classNameOption: U,
+      classNameOptionInner: W,
+      displayValue: w = "name",
+      filterOnSearch: Q = !0,
+      onSearch: k,
+      variant: R = Fe.DefaultGray,
+      menuPlacement: C = "bottom",
       disabled: u = !1,
-      searchProps: U,
-      withClearButton: T = !1,
-      disableInput: h = !1,
-      autocomplete: W = "on",
-      immediate: ft = !1,
-      noOptionsText: gt = "Нет данных",
-      noMatchText: vt = "Ничего не найдено",
-      loadOnOpen: B,
-      loading: Q,
-      loadingIndicatorPlacement: w = x.Dropdown,
-      groupBy: p,
-      getGroupTitle: Y = (e) => e,
-      optionLayout: bt = "name-bottom"
-    } = mt, A = (e) => {
+      searchProps: Y,
+      withClearButton: B = !1,
+      disableInput: _ = !1,
+      autocomplete: J = "on",
+      immediate: xe = !1,
+      noOptionsText: Ie = "Нет данных",
+      noMatchText: we = "Ничего не найдено",
+      loadOnOpen: P,
+      loading: X,
+      loadingIndicatorPlacement: L = I.Dropdown,
+      groupBy: h,
+      getGroupTitle: Z = (e) => e,
+      optionLayout: ke = "name-bottom",
+      autoPlacement: z = !1
+    } = be, G = (e) => {
       if (!e) return "";
-      const n = e[S];
+      const n = e[w];
       return typeof n == "string" ? n : String(n || "");
-    }, yt = (e) => {
-      const n = e[S];
+    }, Ce = (e) => {
+      const n = e[w];
       return typeof n == "string" ? n : String(n || "");
-    }, G = A(d), C = Dt(null), [_, v] = E(G), [m, b] = E(d), [Nt, J] = E(!1), [M, xt] = E(null), R = Q !== void 0 ? Q : Nt, y = q(() => {
-      if (!$)
+    }, q = G(d), O = ue(null), ee = ue(null), [f, b] = x(q), [m, y] = x(d), [Le, te] = x(!1), [j, ze] = x(null), [E, ne] = x(C), oe = X !== void 0 ? X : Le, N = F(() => {
+      if (!Q)
         return g;
-      const e = String(_ || "").trim().toLowerCase();
-      return e ? g.filter((n) => yt(n).toLowerCase().includes(e)) : g;
-    }, [_, g, $, S]), N = q(() => p ? Et(
-      y,
-      p,
-      Y || ((e) => e)
-    ) : y, [y, p, Y]), O = q(() => {
+      const e = String(f || "").trim().toLowerCase();
+      return e ? g.filter((n) => Ce(n).toLowerCase().includes(e)) : g;
+    }, [f, g, Q, w]), S = F(() => h ? Pe(
+      N,
+      h,
+      Z || ((e) => e)
+    ) : N, [N, h, Z]), D = F(() => {
       const e = [];
-      return N.forEach((n, s) => {
-        n.isGroupHeader && e.push(s);
+      return S.forEach((n, r) => {
+        n.isGroupHeader && e.push(r);
       }), e;
-    }, [N]), f = zt({
-      count: N.length,
-      getScrollElement: () => C.current,
+    }, [S]), v = Ae({
+      count: S.length,
+      getScrollElement: () => O.current,
       estimateSize: () => o === l.L ? 65 : 49,
       overscan: 10
-    });
-    st(() => {
-      const e = C.current;
-      if (!e || !p) return;
+    }), p = me(() => {
+      if (!z) {
+        ne(C);
+        return;
+      }
+      const e = Ge(ee, o);
+      ne(e ? "top" : C);
+    }, [z, C, o]);
+    H(() => {
+      if (z)
+        return p(), window.addEventListener("scroll", p), window.addEventListener("resize", p), () => {
+          window.removeEventListener("scroll", p), window.removeEventListener("resize", p);
+        };
+    }, [z, p]), H(() => {
+      const e = O.current;
+      if (!e || !h) return;
       const n = () => {
-        var nt, ot;
-        const s = e.scrollTop;
-        let z = null;
-        for (let L = 0; L < O.length; L++) {
-          const rt = O[L];
-          if ((((nt = f.getVirtualItems().find((D) => D.index === rt)) == null ? void 0 : nt.start) || 0) <= s) {
-            z = rt;
-            const D = O[L + 1];
-            if (D !== void 0 && (((ot = f.getVirtualItems().find((Ot) => Ot.index === D)) == null ? void 0 : ot.start) || 0) <= s)
+        var ce, le;
+        const r = e.scrollTop;
+        let V = null;
+        for (let M = 0; M < D.length; M++) {
+          const de = D[M];
+          if ((((ce = v.getVirtualItems().find((T) => T.index === de)) == null ? void 0 : ce.start) || 0) <= r) {
+            V = de;
+            const T = D[M + 1];
+            if (T !== void 0 && (((le = v.getVirtualItems().find((Te) => Te.index === T)) == null ? void 0 : le.start) || 0) <= r)
               continue;
           } else
             break;
         }
-        xt(z);
+        ze(V);
       };
       return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
-    }, [f, O, p, C.current]);
-    const X = async () => {
-      if (B)
+    }, [v, D, h, O.current]);
+    const se = async () => {
+      if (P)
         try {
-          J(!0), await B();
+          te(!0), await P();
         } finally {
-          J(!1);
+          te(!1);
         }
-    }, St = (e) => {
+    }, Oe = (e) => {
       if (e) {
-        const n = A(e);
-        v(n), b(e), a == null || a(e);
+        const n = G(e);
+        b(n), y(e), a == null || a(e);
       } else
-        v(""), b(null), a == null || a({ id: "", name: "" });
-    }, Z = Vt(
+        b(""), y(null), a == null || a({ id: "", name: "" });
+    }, re = me(
       (e) => {
-        if (h) return;
+        if (_) return;
         const n = e.target.value;
-        v(n), I == null || I(n), m && n !== A(m) && b(null), !n && d && (a == null || a({ id: "", name: "" }));
+        b(n), k == null || k(n), m && n !== G(m) && y(null), !n && d && (a == null || a({ id: "", name: "" }));
       },
-      [h, a, I, d, m, S]
-    ), It = () => {
-      v(""), b(null), a == null || a({ id: "", name: "" });
-    }, tt = async (e) => {
-      h && e.target.blur(), B && await X();
+      [_, a, k, d, m, w]
+    ), Ee = () => {
+      b(""), y(null), a == null || a({ id: "", name: "" });
+    }, ie = async (e) => {
+      _ && e.target.blur(), p(), P && await se();
     };
-    st(() => {
+    H(() => {
       const e = !d || typeof d == "object" && !Object.keys(d).length;
-      v(e ? "" : G), b(e ? null : d);
-    }, [d, G]);
-    const kt = () => R && (w === x.Dropdown || w === x.Both) ? /* @__PURE__ */ c("div", { className: t.loader, children: [
-      /* @__PURE__ */ r(ct, { size: "s" }),
+      b(e ? "" : q), y(e ? null : d);
+    }, [d, q]);
+    const De = () => oe && (L === I.Dropdown || L === I.Both) ? /* @__PURE__ */ c("div", { className: t.loader, children: [
+      /* @__PURE__ */ s(_e, { size: "s" }),
       "Загрузка..."
-    ] }) : gt, wt = (e) => {
-      if (_t)
+    ] }) : Ie, Ve = (e) => {
+      if (Se)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ c(V, { children: [
-            R && (w === x.Input || w === x.Both) && /* @__PURE__ */ r(ct, { size: "s" }),
-            /* @__PURE__ */ r(
-              lt,
+          addonContent: /* @__PURE__ */ c(A, { children: [
+            oe && (L === I.Input || L === I.Both) && /* @__PURE__ */ s(_e, { size: "s" }),
+            /* @__PURE__ */ s(
+              fe,
               {
                 className: i(t.button, {
                   [t.disabled]: u
                 }),
                 disabled: u,
-                children: /* @__PURE__ */ r(
-                  P,
+                onClick: p,
+                children: /* @__PURE__ */ s(
+                  $,
                   {
                     iconName: o == l.M || o == l.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                     className: i(t["selector-icon"], {
@@ -177,27 +191,31 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
             )
           ] })
         };
-    }, et = (e) => {
-      const n = e.name, s = e.bottom && /* @__PURE__ */ r("div", { children: e.bottom });
-      return bt === "bottom-name" ? /* @__PURE__ */ c(V, { children: [
-        s,
+    }, ae = (e) => {
+      const n = e.name, r = e.bottom && /* @__PURE__ */ s("div", { children: e.bottom });
+      return ke === "bottom-name" ? /* @__PURE__ */ c(A, { children: [
+        r,
         n
-      ] }) : /* @__PURE__ */ c(V, { children: [
+      ] }) : /* @__PURE__ */ c(A, { children: [
         n,
-        s
+        r
       ] });
-    }, Ct = (e) => g.length ? y.length ? p ? /* @__PURE__ */ c(
+    }, Me = (e) => g.length ? N.length ? h ? /* @__PURE__ */ c(
       "div",
       {
-        ref: C,
+        ref: O,
         "data-testid": "select-search-options",
-        className: i(t.options, t[o], t[k]),
+        className: i(
+          t.options,
+          t[o],
+          t[E]
+        ),
         style: {
           height: o === l.M || o === l.S ? "240px" : "320px",
           overflow: "auto"
         },
         children: [
-          M !== null && /* @__PURE__ */ r(
+          j !== null && /* @__PURE__ */ s(
             "div",
             {
               className: t["group-header"],
@@ -206,23 +224,23 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
                 top: 0,
                 zIndex: 3
               },
-              children: N[M].name
+              children: S[j].name
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             "div",
             {
               style: {
-                height: `${f.getTotalSize()}px`,
+                height: `${v.getTotalSize()}px`,
                 width: "100%"
               },
-              children: f.getVirtualItems().map((n) => {
-                const s = N[n.index];
-                return /* @__PURE__ */ r(
+              children: v.getVirtualItems().map((n) => {
+                const r = S[n.index];
+                return /* @__PURE__ */ s(
                   "div",
                   {
                     "data-index": n.index,
-                    ref: f.measureElement,
+                    ref: v.measureElement,
                     style: {
                       position: "absolute",
                       top: 0,
@@ -230,41 +248,41 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
                       width: "100%",
                       transform: `translateY(${n.start}px)`
                     },
-                    children: s.isGroupHeader ? /* @__PURE__ */ r(
+                    children: r.isGroupHeader ? /* @__PURE__ */ s(
                       "div",
                       {
                         className: t["group-header"],
                         style: {
-                          visibility: M === n.index ? "hidden" : "visible"
+                          visibility: j === n.index ? "hidden" : "visible"
                         },
-                        children: s.name
+                        children: r.name
                       }
                     ) : /* @__PURE__ */ c(
-                      ut,
+                      ge,
                       {
-                        value: s,
-                        className: ({ focus: z }) => i(
+                        value: r,
+                        className: ({ focus: V }) => i(
                           t.option,
-                          F,
+                          U,
                           o && t[o],
                           {
-                            [t["option-active"]]: z
+                            [t["option-active"]]: V
                           }
                         ),
-                        "data-testid": `select-search-option-${s.id}`,
+                        "data-testid": `select-search-option-${r.id}`,
                         children: [
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ s(
                             "div",
                             {
                               className: i(
                                 t["option-inner"],
-                                H
+                                W
                               ),
-                              children: et(s)
+                              children: ae(r)
                             }
                           ),
-                          m && m.id === s.id && /* @__PURE__ */ r(
-                            P,
+                          m && m.id === r.id && /* @__PURE__ */ s(
+                            $,
                             {
                               iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
                               className: t["selected-icon"]
@@ -272,7 +290,7 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
                           )
                         ]
                       },
-                      s.id
+                      r.id
                     )
                   },
                   n.key
@@ -282,38 +300,42 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
           )
         ]
       }
-    ) : /* @__PURE__ */ r(
-      Mt,
+    ) : /* @__PURE__ */ s(
+      $e,
       {
-        className: i(t.options, t[o], t[k]),
+        className: i(
+          t.options,
+          t[o],
+          t[E]
+        ),
         "data-testid": "select-search-options",
         style: { width: "100%" },
         static: !0,
         children: ({ option: n }) => /* @__PURE__ */ c(
-          ut,
+          ge,
           {
             value: n,
-            className: ({ focus: s }) => i(
+            className: ({ focus: r }) => i(
               t.option,
-              F,
+              U,
               {
-                [t["option-active"]]: s
+                [t["option-active"]]: r
               },
               o && t[o]
             ),
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ s(
                 "div",
                 {
                   className: i(
                     t["option-inner"],
-                    H
+                    W
                   ),
-                  children: et(n)
+                  children: ae(n)
                 }
               ),
-              m && m.id === n.id && /* @__PURE__ */ r(
-                P,
+              m && m.id === n.id && /* @__PURE__ */ s(
+                $,
                 {
                   iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
                   className: t["selected-icon"]
@@ -324,89 +346,90 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
           n.id
         )
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ s(
       "div",
       {
         className: i(
           t.options,
           t[o],
           t["no-options"],
-          t[k]
+          t[E]
         ),
         "data-headlessui-state": e ? "open" : "closed",
-        children: vt
+        children: we
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ s(
       "div",
       {
         className: i(
           t.options,
           t[o],
           t["no-options"],
-          t[k]
+          t[E]
         ),
         "data-headlessui-state": e ? "open" : "closed",
-        children: kt()
+        children: De()
       }
     );
-    return /* @__PURE__ */ r(
-      Gt,
+    return /* @__PURE__ */ s(
+      He,
       {
         as: "div",
         value: m,
         className: i(t["select-search"], {
-          [t.full]: ht,
+          [t.full]: Ne,
           [t.disabled]: u
         }),
-        onChange: St,
-        ref: pt,
+        onChange: Oe,
+        ref: ye,
         disabled: u,
-        virtual: p ? void 0 : { options: y },
-        immediate: ft,
-        children: ({ open: e }) => /* @__PURE__ */ c(V, { children: [
+        virtual: h ? void 0 : { options: N },
+        immediate: xe,
+        children: ({ open: e }) => /* @__PURE__ */ c(A, { children: [
           /* @__PURE__ */ c(
             "div",
             {
+              ref: ee,
               className: i(t.container, t[o], {
                 [t["container-open"]]: e
               }),
               children: [
-                h && /* @__PURE__ */ c("div", { className: t["input-container"], children: [
-                  /* @__PURE__ */ r(
-                    lt,
+                _ && /* @__PURE__ */ c("div", { className: t["input-container"], children: [
+                  /* @__PURE__ */ s(
+                    fe,
                     {
                       disabled: u,
                       style: { width: "100%" },
-                      onClick: X,
-                      children: /* @__PURE__ */ r(
-                        dt,
+                      onClick: se,
+                      children: /* @__PURE__ */ s(
+                        ve,
                         {
-                          as: at,
-                          label: j,
-                          size: it(o),
+                          as: he,
+                          label: K,
+                          size: pe(o),
                           className: i(t["select-search-input"], {
-                            [t["select-search-input-disabled"]]: h && T
+                            [t["select-search-input-disabled"]]: _ && B
                           }),
-                          onChange: Z,
-                          value: _,
+                          onChange: re,
+                          value: f,
                           disabled: u,
-                          variant: K,
+                          variant: R,
                           rightSlotClassName: t["right-slot"],
                           requiredMarkClassName: t["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: tt,
+                          onFocus: ie,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Tt(e, o)
+                            addonContent: qe(e, o)
                           },
-                          autocomplete: W,
-                          ...U
+                          autocomplete: J,
+                          ...Y
                         }
                       )
                     }
                   ),
-                  T && _ && /* @__PURE__ */ r(
-                    Bt,
+                  B && f && /* @__PURE__ */ s(
+                    je,
                     {
                       tabIndex: -1,
                       className: i(t.clear, {
@@ -420,43 +443,43 @@ import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_co
                       disabled: u,
                       variant: "secondary-gray",
                       onClick: (n) => {
-                        n.stopPropagation(), It();
+                        n.stopPropagation(), Ee();
                       },
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !h && /* @__PURE__ */ r(
-                  dt,
+                !_ && /* @__PURE__ */ s(
+                  ve,
                   {
-                    as: at,
-                    label: j,
-                    size: it(o),
+                    as: he,
+                    label: K,
+                    size: pe(o),
                     className: t["select-search-input"],
                     rightSlotClassName: t["right-slot"],
                     requiredMarkClassName: t["required-mark"],
-                    value: _,
+                    value: f,
                     disabled: u,
-                    variant: K,
-                    withClearButton: T && !!_,
-                    onChange: Z,
-                    rightAddon: wt(e),
+                    variant: R,
+                    withClearButton: B && !!f,
+                    onChange: re,
+                    rightAddon: Ve(e),
                     "data-testid": "select-search-input",
-                    onFocus: tt,
-                    autocomplete: W,
-                    ...U
+                    onFocus: ie,
+                    autocomplete: J,
+                    ...Y
                   }
                 )
               ]
             }
           ),
-          e && Ct(e)
+          e && Me(e)
         ] })
       }
     );
   }
 );
-Xt.displayName = "SelectSearch";
+st.displayName = "SelectSearch";
 export {
-  Xt as SelectSearch
+  st as SelectSearch
 };

package/dist/components/SelectSearch/constants.d.ts

@@ -9,3 +9,5 @@ export declare enum ELoadingIndicatorPlacement {
     Both = "both",
     None = "none"
 }
+export declare const MOBILE_MENU_HEIGHT = 240;
+export declare const DESKTOP_MENU_HEIGHT = 320;

package/dist/components/SelectSearch/constants.js

@@ -1,5 +1,8 @@
-var r = /* @__PURE__ */ ((p) => (p.S = "s", p.M = "m", p.L = "l", p))(r || {}), u = /* @__PURE__ */ ((p) => (p.Input = "input", p.Dropdown = "dropdown", p.Both = "both", p.None = "none", p))(u || {});
+var p = /* @__PURE__ */ ((o) => (o.S = "s", o.M = "m", o.L = "l", o))(p || {}), r = /* @__PURE__ */ ((o) => (o.Input = "input", o.Dropdown = "dropdown", o.Both = "both", o.None = "none", o))(r || {});
+const u = 240, H = 320;
 export {
-  u as ELoadingIndicatorPlacement,
-  r as ESelectSearchSize
+  H as DESKTOP_MENU_HEIGHT,
+  r as ELoadingIndicatorPlacement,
+  p as ESelectSearchSize,
+  u as MOBILE_MENU_HEIGHT
 };

package/dist/components/SelectSearch/types.d.ts

@@ -95,4 +95,8 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
      * @default 'name-bottom'
      */
     optionLayout?: TOptionLayout;
+    /**
+     * Автоматическое определение положения выпадающего меню
+     */
+    autoPlacement?: boolean;
 };

package/dist/components/SelectSearch/utils.d.ts

@@ -5,3 +5,4 @@ import { EInputSize } from '../Input';
 export declare const mapSizeToInputSize: (size: ESelectSearchSize) => EInputSize;
 export declare const getDropdownArrowIcon: (isOpen: boolean, size: ESelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";
 export declare const prepareGroupedItems: (items: TSelectOption[], groupBy: string, getGroupTitle: (value: string) => string) => TSelectOption[];
+export declare const shouldShowMenuOnTop: (selectRef: React.RefObject<HTMLDivElement>, size: ESelectSearchSize) => boolean;

package/dist/components/SelectSearch/utils.js

@@ -1,33 +1,38 @@
-import { ESelectSearchSize as t } from "./constants.js";
+import { ESelectSearchSize as t, MOBILE_MENU_HEIGHT as i, DESKTOP_MENU_HEIGHT as a } from "./constants.js";
 import "../../Input-BU_6U1CW.js";
-import { EInputSize as n } from "../Input/constants.js";
-const w = (r) => {
+import { EInputSize as s } from "../Input/constants.js";
+const h = (r) => {
   switch (r) {
     case t.S:
-      return n.S;
+      return s.S;
     case t.M:
-      return n.M;
+      return s.M;
     case t.L:
-      return n.L;
+      return s.L;
     default:
-      return n.M;
+      return s.M;
   }
-}, S = (r, o) => r ? o === t.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : o === t.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", f = (r, o, a) => {
+}, l = (r, o) => r ? o === t.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : o === t.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", f = (r, o, u) => {
   if (!r.length || !o) return r;
-  const p = [], u = /* @__PURE__ */ new Set();
-  for (const s of r) {
-    const e = String(s[o] || "Без группы");
-    u.has(e) || (u.add(e), p.push({
+  const n = [], c = /* @__PURE__ */ new Set();
+  for (const p of r) {
+    const e = String(p[o] || "Без группы");
+    c.has(e) || (c.add(e), n.push({
       id: `group-header-${e}`,
-      name: a(e),
+      name: u(e),
       isGroupHeader: !0,
       originalValue: e
-    })), p.push(s);
+    })), n.push(p);
   }
-  return p;
+  return n;
+}, g = (r, o) => {
+  if (!r.current) return !1;
+  const u = r.current.getBoundingClientRect(), n = window.innerHeight, c = o === t.M || o === t.S ? i : a, p = n - u.bottom, e = u.top;
+  return p >= c ? !1 : e > p;
 };
 export {
-  S as getDropdownArrowIcon,
-  w as mapSizeToInputSize,
-  f as prepareGroupedItems
+  l as getDropdownArrowIcon,
+  h as mapSizeToInputSize,
+  f as prepareGroupedItems,
+  g as shouldShowMenuOnTop
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.43.12",
+  "version": "1.43.14",
   "type": "module",
   "exports": {
     ".": {