mimir-ui-kit 1.38.17 → 1.38.19

package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts

@@ -22,4 +22,5 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
     autocomplete?: "on" | "off";
     id?: string;
     autoPlacement?: boolean;
+    onIsOpen?: (value: boolean) => void;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,280 +1,281 @@
-import { jsxs as M, jsx as n, Fragment as $ } from "react/jsx-runtime";
-import { c as l } from "../../index-DIxK0V-G.js";
-import { forwardRef as Ie, useId as ge, useRef as Q, useState as b, useEffect as L, useMemo as Ne, useCallback as Se } from "react";
-import { EMultiSelectSearchSize as x } from "./constants.js";
-import { getInitialInputValue as X, shouldShowMenuOnTop as Ce, MULTISELECT_OPEN_EVENT as Y, mapSizeToInputSize as Z, getDropdownArrowIcon as Me, dispatchMultiselectOpen as E, joinSelectedItems as ee } from "./utils.js";
-import { Icon as Ee } from "../../icons/Icon.js";
-import { Button as Le } from "../Button/Button.js";
-import { CheckboxMimir as Te } from "../CheckboxMimir/CheckboxMimir.js";
-import { Chip as ke } from "../Chip/Chip.js";
-import { I as te } from "../../Input-BYrIS5GU.js";
-import { EInputVariant as ye } from "../Input/constants.js";
-import { H as Oe, U as oe, G as ne, K as ze, W as Ae } from "../../combobox-CVtJDVoZ.js";
-import '../../assets/MultiSelectSearch.css';const Ve = "_disabled_io0c8_5", xe = "_container_io0c8_9", De = "_full_io0c8_27", Pe = "_button_io0c8_39", qe = "_options_io0c8_53", Re = "_visible_io0c8_66", Be = "_top_io0c8_69", Fe = "_bottom_io0c8_74", je = "_m_io0c8_2", Ge = "_l_io0c8_116", Ue = "_focused_io0c8_134", We = "_option_io0c8_53", He = "_chip_io0c8_163", Je = "_clear_io0c8_188", t = {
+import { jsxs as E, jsx as n, Fragment as Q } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { forwardRef as Ne, useId as Se, useRef as X, useState as w, useEffect as T, useMemo as Ce, useCallback as Ie } from "react";
+import { EMultiSelectSearchSize as P } from "./constants.js";
+import { getInitialInputValue as Y, shouldShowMenuOnTop as Me, MULTISELECT_OPEN_EVENT as Z, mapSizeToInputSize as ee, getDropdownArrowIcon as Ee, dispatchMultiselectOpen as L, joinSelectedItems as te } from "./utils.js";
+import { Icon as Le } from "../../icons/Icon.js";
+import { Button as Te } from "../Button/Button.js";
+import { CheckboxMimir as ke } from "../CheckboxMimir/CheckboxMimir.js";
+import { Chip as ye } from "../Chip/Chip.js";
+import { I as oe } from "../../Input-BYrIS5GU.js";
+import { EInputVariant as ze } from "../Input/constants.js";
+import { H as Ae, U as ie, G as ne, K as Ve, W as xe } from "../../combobox-CVtJDVoZ.js";
+import '../../assets/MultiSelectSearch.css';const De = "_disabled_io0c8_5", Pe = "_container_io0c8_9", qe = "_full_io0c8_27", Re = "_button_io0c8_39", Be = "_options_io0c8_53", Fe = "_visible_io0c8_66", je = "_top_io0c8_69", Ge = "_bottom_io0c8_74", Ue = "_m_io0c8_2", We = "_l_io0c8_116", He = "_focused_io0c8_134", Je = "_option_io0c8_53", Ke = "_chip_io0c8_163", $e = "_clear_io0c8_188", t = {
   "multi-select-search": "_multi-select-search_io0c8_2",
-  disabled: Ve,
-  container: xe,
+  disabled: De,
+  container: Pe,
   "container-open": "_container-open_io0c8_18",
   "input-container": "_input-container_io0c8_22",
-  full: De,
+  full: qe,
   "selected-icon": "_selected-icon_io0c8_31",
   "selector-icon-open": "_selector-icon-open_io0c8_35",
-  button: Pe,
+  button: Re,
   "selector-icon": "_selector-icon_io0c8_35",
-  options: qe,
-  visible: Re,
-  top: Be,
-  bottom: Fe,
+  options: Be,
+  visible: Fe,
+  top: je,
+  bottom: Ge,
   "no-options": "_no-options_io0c8_95",
-  m: je,
-  l: Ge,
+  m: Ue,
+  l: We,
   "multi-select-input-disabled": "_multi-select-input-disabled_io0c8_131",
   "multi-select-input": "_multi-select-input_io0c8_131",
-  focused: Ue,
-  option: We,
+  focused: He,
+  option: Je,
   "option-active": "_option-active_io0c8_153",
   "option-inner": "_option-inner_io0c8_156",
-  chip: He,
+  chip: Ke,
   "chip-container": "_chip-container_io0c8_168",
   "chip-root": "_chip-root_io0c8_174",
   "right-slot": "_right-slot_io0c8_178",
   "required-mark": "_required-mark_io0c8_183",
-  clear: Je,
+  clear: $e,
   "icon-button": "_icon-button_io0c8_197"
-}, ct = Ie(
-  (ie, se) => {
+}, lt = Ne(
+  (se, ce) => {
     const {
-      placeholder: D,
-      size: i = x.L,
-      value: d,
-      onChange: s,
-      full: ce,
-      showArrow: le = !0,
-      items: h = [],
-      classNameOption: re,
-      displayValue: f = "name",
-      filterOnSearch: P = !0,
-      onSearch: T,
-      variant: q = ye.DefaultGray,
-      menuPlacement: w = "bottom",
-      disabled: r = !1,
-      searchProps: R,
-      withClearButton: k = !1,
-      withChip: ae = !1,
-      chipVariant: ue = "sapphire",
-      disableInput: I = !1,
-      autocomplete: B = "on",
-      id: de,
-      autoPlacement: y = !1
-    } = ie, pe = ge(), p = de || `multiselect-${pe}`, g = Q(null), v = Q(null), [m, _] = b(!1), [N, S] = b(
-      () => X(d, f)
-    ), [c, C] = b(
-      d || []
-    ), [O, F] = b(w), [z, j] = b(!1), [me, G] = b(!1);
-    L(() => {
-      d && (C(d), JSON.stringify(d) !== JSON.stringify(c) && S(X(d, f)));
-    }, [d, f, c]);
-    const U = Ne(() => {
+      placeholder: q,
+      size: s = P.L,
+      value: m,
+      onChange: c,
+      full: le,
+      showArrow: re = !0,
+      items: f = [],
+      classNameOption: ae,
+      displayValue: v = "name",
+      filterOnSearch: R = !0,
+      onSearch: k,
+      variant: B = ze.DefaultGray,
+      menuPlacement: g = "bottom",
+      disabled: a = !1,
+      searchProps: F,
+      withClearButton: y = !1,
+      withChip: ue = !1,
+      chipVariant: de = "sapphire",
+      disableInput: N = !1,
+      autocomplete: j = "on",
+      id: me,
+      autoPlacement: z = !1,
+      onIsOpen: i
+    } = se, pe = Se(), p = me || `multiselect-${pe}`, S = X(null), b = X(null), [_, h] = w(!1), [C, I] = w(
+      () => Y(m, v)
+    ), [l, M] = w(
+      m || []
+    ), [A, G] = w(g), [V, U] = w(!1), [_e, W] = w(!1);
+    T(() => {
+      m && (M(m), JSON.stringify(m) !== JSON.stringify(l) && I(Y(m, v)));
+    }, [m, v, l]);
+    const H = Ce(() => {
       var o;
-      if (!P) return h;
-      const e = ((o = N.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
-      return c.length > 0 && c[c.length - 1].name.toLowerCase() === e ? h : h.filter(
-        (a) => a.name.toLowerCase().includes(e)
+      if (!R) return f;
+      const e = ((o = C.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
+      return l.length > 0 && l[l.length - 1].name.toLowerCase() === e ? f : f.filter(
+        (u) => u.name.toLowerCase().includes(e)
       );
-    }, [P, h, N, c]), _e = (e) => {
-      C(e), s == null || s(e);
-      const o = ee(e, f);
-      S(o), _(!0), E(p), setTimeout(() => {
-        if (v.current) {
-          v.current.focus(), v.current.scrollLeft = v.current.scrollWidth;
-          const a = o.length;
-          v.current.setSelectionRange(a, a);
+    }, [R, f, C, l]), he = (e) => {
+      M(e), c == null || c(e);
+      const o = te(e, v);
+      I(o), h(!0), i == null || i(!0), L(p), setTimeout(() => {
+        if (b.current) {
+          b.current.focus(), b.current.scrollLeft = b.current.scrollWidth;
+          const u = o.length;
+          b.current.setSelectionRange(u, u);
         }
       }, 0);
-    }, W = (e) => {
-      var K;
-      if (I) return;
+    }, J = (e) => {
+      var O;
+      if (N) return;
       const o = e.target.value;
-      S(o), T == null || T(o);
-      const a = o.split(",").map((V) => V.trim()).filter(Boolean), J = h.filter(
-        (V) => a.includes(V[f])
+      I(o), k == null || k(o);
+      const u = o.split(",").map((D) => D.trim()).filter(Boolean), $ = f.filter(
+        (D) => u.includes(D[v])
       );
-      C(J), s == null || s(J), _(!0), E(p);
-      const A = (K = g.current) == null ? void 0 : K.querySelector(
+      M($), c == null || c($), h(!0), i == null || i(!0), L(p);
+      const x = (O = S.current) == null ? void 0 : O.querySelector(
         `.${t.options}`
       );
-      A && typeof A.scrollTo == "function" && A.scrollTo({ top: 0, behavior: "smooth" });
-    }, he = (e) => {
-      const o = c.filter(
-        (a) => a.id !== e.id
+      x && typeof x.scrollTo == "function" && x.scrollTo({ top: 0, behavior: "smooth" });
+    }, fe = (e) => {
+      const o = l.filter(
+        (u) => u.id !== e.id
       );
-      C(o), s == null || s(o), S(ee(o, f));
-    }, u = Se(() => {
-      if (!y) {
-        F(w);
+      M(o), c == null || c(o), I(te(o, v));
+    }, d = Ie(() => {
+      if (!z) {
+        G(g);
         return;
       }
-      const e = Ce(g, i);
-      F(e ? "top" : w);
-    }, [y, w, i]), H = () => {
-      const e = !m;
-      e && (u(), E(p)), _(e);
-    }, fe = (e) => {
+      const e = Me(S, s);
+      G(e ? "top" : g);
+    }, [z, g, s]), K = () => {
+      const e = !_;
+      e && (d(), L(p)), h(e), i == null || i(e);
+    }, ve = (e) => {
       e.preventDefault(), e.currentTarget.focus();
       const o = e.currentTarget.value.length;
       e.currentTarget.setSelectionRange(o, o);
-    }, ve = () => {
-      S(""), C([]), s == null || s([]);
-    }, be = (e) => {
-      e.stopPropagation(), ve();
+    }, be = () => {
+      I(""), M([]), c == null || c([]);
     }, we = (e) => {
-      if (I) {
+      e.stopPropagation(), be();
+    }, ge = (e) => {
+      if (N) {
         e.target.blur();
         return;
       }
-      u(), _(!0), E(p);
+      d(), h(!0), i == null || i(!0), L(p);
     };
-    return L(() => {
+    return T(() => {
       const e = (o) => {
-        g.current && !g.current.contains(o.target) && !o.defaultPrevented && _(!1);
+        S.current && !S.current.contains(o.target) && !o.defaultPrevented && (h(!1), i == null || i(!1));
       };
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
-    }, []), L(() => {
+    }, []), T(() => {
       const e = (o) => {
-        o.detail !== p && _(!1);
+        o.detail !== p && (h(!1), i == null || i(!1));
       };
       return window.addEventListener(
-        Y,
+        Z,
         e
       ), () => {
         window.removeEventListener(
-          Y,
+          Z,
           e
         );
       };
-    }, [p]), L(() => {
-      if (m) {
-        u(), window.addEventListener("scroll", u), window.addEventListener("resize", u);
+    }, [p]), T(() => {
+      if (_) {
+        d(), window.addEventListener("scroll", d), window.addEventListener("resize", d);
         const e = requestAnimationFrame(() => {
-          G(!0), j(!0);
+          W(!0), U(!0);
         });
         return () => {
-          window.removeEventListener("scroll", u), window.removeEventListener("resize", u), cancelAnimationFrame(e);
+          window.removeEventListener("scroll", d), window.removeEventListener("resize", d), cancelAnimationFrame(e);
         };
       } else
-        j(!1), G(!1);
-    }, [m, w, y, i, u]), /* @__PURE__ */ M("div", { ref: g, children: [
+        U(!1), W(!1);
+    }, [_, g, z, s, d]), /* @__PURE__ */ E("div", { ref: S, children: [
       /* @__PURE__ */ n(
-        Oe,
+        Ae,
         {
           multiple: !0,
           as: "div",
-          value: c,
-          className: l(t["multi-select-search"], {
-            [t.full]: ce,
-            [t.disabled]: r
+          value: l,
+          className: r(t["multi-select-search"], {
+            [t.full]: le,
+            [t.disabled]: a
           }),
-          onChange: _e,
-          ref: se,
-          disabled: r,
-          virtual: { options: U },
-          children: /* @__PURE__ */ M(
+          onChange: he,
+          ref: ce,
+          disabled: a,
+          virtual: { options: H },
+          children: /* @__PURE__ */ E(
             "div",
             {
-              className: l(t.container, t[i], {
-                [t["container-open"]]: m
+              className: r(t.container, t[s], {
+                [t["container-open"]]: _
               }),
               children: [
-                I && /* @__PURE__ */ M("div", { className: t["input-container"], children: [
+                N && /* @__PURE__ */ E("div", { className: t["input-container"], children: [
                   /* @__PURE__ */ n(
-                    oe,
+                    ie,
                     {
-                      disabled: r,
+                      disabled: a,
                       style: { width: "100%" },
-                      onClick: H,
+                      onClick: K,
                       children: /* @__PURE__ */ n(
                         ne,
                         {
-                          as: te,
-                          label: D,
-                          size: Z(i),
-                          className: l(t["multi-select-input"], {
-                            [t["multi-select-input-disabled"]]: I && k
+                          as: oe,
+                          label: q,
+                          size: ee(s),
+                          className: r(t["multi-select-input"], {
+                            [t["multi-select-input-disabled"]]: N && y
                           }),
-                          onChange: W,
-                          value: N,
-                          disabled: r,
-                          variant: q,
+                          onChange: J,
+                          value: C,
+                          disabled: a,
+                          variant: B,
                           rightSlotClassName: t["right-slot"],
                           requiredMarkClassName: t["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: we,
+                          onFocus: ge,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Me(m, i)
+                            addonContent: Ee(_, s)
                           },
-                          autocomplete: B,
-                          ...R
+                          autocomplete: j,
+                          ...F
                         }
                       )
                     }
                   ),
-                  k && N && /* @__PURE__ */ n(
-                    Le,
+                  y && C && /* @__PURE__ */ n(
+                    Te,
                     {
                       tabIndex: -1,
-                      className: l(t.clear, {
-                        [t.disabled]: r
+                      className: r(t.clear, {
+                        [t.disabled]: a
                       }),
                       iconButtonClassName: t["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
                       clear: !0,
-                      disabled: r,
+                      disabled: a,
                       variant: "secondary-gray",
-                      onClick: be,
+                      onClick: we,
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !I && /* @__PURE__ */ n(
+                !N && /* @__PURE__ */ n(
                   ne,
                   {
-                    as: te,
-                    label: D,
-                    size: Z(i),
+                    as: oe,
+                    label: q,
+                    size: ee(s),
                     className: t["multi-select-input"],
                     rightSlotClassName: t["right-slot"],
                     requiredMarkClassName: t["required-mark"],
-                    value: N,
-                    disabled: r,
-                    variant: q,
-                    withClearButton: k,
+                    value: C,
+                    disabled: a,
+                    variant: B,
+                    withClearButton: y,
                     onFocus: () => {
-                      _(!0), E(p);
+                      h(!0), i == null || i(!0), L(p);
                     },
-                    onMouseDown: fe,
-                    onChange: W,
-                    ref: v,
+                    onMouseDown: ve,
+                    onChange: J,
+                    ref: b,
                     rightAddon: {
                       addonType: "react-node",
-                      addonContent: le && /* @__PURE__ */ n(
-                        oe,
+                      addonContent: re && /* @__PURE__ */ n(
+                        ie,
                         {
-                          className: l(t.button, {
-                            [t.disabled]: r
+                          className: r(t.button, {
+                            [t.disabled]: a
                           }),
-                          disabled: r,
-                          onMouseDown: H,
+                          disabled: a,
+                          onMouseDown: K,
                           children: /* @__PURE__ */ n(
-                            Ee,
+                            Le,
                             {
-                              iconName: i == x.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                              className: l(t["selector-icon"], {
-                                [t["selector-icon-open"]]: m
+                              iconName: s == P.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              className: r(t["selector-icon"], {
+                                [t["selector-icon-open"]]: _
                               })
                             }
                           )
@@ -282,43 +283,43 @@ import '../../assets/MultiSelectSearch.css';const Ve = "_disabled_io0c8_5", xe =
                       )
                     },
                     "data-testid": "select-search-input",
-                    autocomplete: B,
-                    ...R
+                    autocomplete: j,
+                    ...F
                   }
                 ),
-                m && me && /* @__PURE__ */ n($, { children: h.length ? U.length ? /* @__PURE__ */ n(
-                  ze,
+                _ && _e && /* @__PURE__ */ n(Q, { children: f.length ? H.length ? /* @__PURE__ */ n(
+                  Ve,
                   {
-                    className: l(
+                    className: r(
                       t.options,
-                      t[i],
-                      t[O],
-                      { [t.visible]: z }
+                      t[s],
+                      t[A],
+                      { [t.visible]: V }
                     ),
                     modal: !1,
                     static: !0,
                     children: ({ option: e }) => /* @__PURE__ */ n(
-                      Ae,
+                      xe,
                       {
                         value: e,
-                        className: ({ focus: o }) => l(
+                        className: ({ focus: o }) => r(
                           t.option,
-                          re,
-                          i && t[i],
+                          ae,
+                          s && t[s],
                           {
                             [t["option-active"]]: o
                           }
                         ),
-                        children: /* @__PURE__ */ M($, { children: [
-                          /* @__PURE__ */ M("div", { className: t["option-inner"], children: [
+                        children: /* @__PURE__ */ E(Q, { children: [
+                          /* @__PURE__ */ E("div", { className: t["option-inner"], children: [
                             e.name,
                             e.bottom && /* @__PURE__ */ n("div", { children: e.bottom })
                           ] }),
                           /* @__PURE__ */ n(
-                            Te,
+                            ke,
                             {
                               isInteractive: !1,
-                              checked: c.some(
+                              checked: l.some(
                                 (o) => o.id === e.id
                               )
                             }
@@ -331,24 +332,24 @@ import '../../assets/MultiSelectSearch.css';const Ve = "_disabled_io0c8_5", xe =
                 ) : /* @__PURE__ */ n(
                   "div",
                   {
-                    className: l(
+                    className: r(
                       t.options,
-                      t[i],
+                      t[s],
                       t["no-options"],
-                      t[O],
-                      { [t.visible]: z }
+                      t[A],
+                      { [t.visible]: V }
                     ),
                     children: "Ничего не найдено"
                   }
                 ) : /* @__PURE__ */ n(
                   "div",
                   {
-                    className: l(
+                    className: r(
                       t.options,
-                      t[i],
+                      t[s],
                       t["no-options"],
-                      t[O],
-                      { [t.visible]: z }
+                      t[A],
+                      { [t.visible]: V }
                     ),
                     children: "Нет данных"
                   }
@@ -358,14 +359,14 @@ import '../../assets/MultiSelectSearch.css';const Ve = "_disabled_io0c8_5", xe =
           )
         }
       ),
-      ae && c.length > 0 && /* @__PURE__ */ n("div", { className: t["chip-container"], children: c.map((e) => /* @__PURE__ */ n(
-        ke,
+      ue && l.length > 0 && /* @__PURE__ */ n("div", { className: t["chip-container"], children: l.map((e) => /* @__PURE__ */ n(
+        ye,
         {
-          size: i === x.L ? "s" : "xs",
-          variant: ue,
+          size: s === P.L ? "s" : "xs",
+          variant: de,
           className: t["chip-root"],
           withAction: !0,
-          onClose: () => he(e),
+          onClose: () => fe(e),
           children: /* @__PURE__ */ n("span", { className: t.chip, children: e.name })
         },
         e.id
@@ -374,5 +375,5 @@ import '../../assets/MultiSelectSearch.css';const Ve = "_disabled_io0c8_5", xe =
   }
 );
 export {
-  ct as MultiSelectSearch
+  lt as MultiSelectSearch
 };

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

@@ -67,4 +67,6 @@ export type TMultiSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'var
      * Автоматическое определение положения выпадающего меню
      */
     autoPlacement?: boolean;
+    /** Функция обратного вызова, срабатывающая при открытии и закрытии выпадающего списка */
+    onIsOpen?: (value: boolean) => void;
 };

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as m, Fragment as D } from "react/jsx-runtime";
+import { jsx as s, jsxs as h, Fragment as D } from "react/jsx-runtime";
 import { c as l } from "../../index-DIxK0V-G.js";
 import { forwardRef as U, useState as q, useMemo as W, useCallback as R, useEffect as $ } from "react";
 import { ESelectSearchSize as g } from "./constants.js";
@@ -37,46 +37,46 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
   (E, L) => {
     const {
       placeholder: w,
-      size: i = g.L,
-      value: n,
-      onChange: s,
+      size: a = g.L,
+      value: i,
+      onChange: n,
       full: V,
       showArrow: C = !0,
-      items: p = [],
+      items: u = [],
       classNameOption: F,
       displayValue: G = "name",
       filterOnSearch: I = !0,
-      onSearch: _,
+      onSearch: b,
       variant: S = X.DefaultGray,
-      menuPlacement: b = "bottom",
+      menuPlacement: f = "bottom",
       disabled: r = !1,
       searchProps: y,
-      withClearButton: f = !1,
+      withClearButton: N = !1,
       disableInput: c = !1,
       autocomplete: k = "on",
       immediate: P = !1
-    } = E, N = String((n == null ? void 0 : n[G]) || ""), [d, u] = q(N), [v, h] = q(n), x = W(() => !I || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
+    } = E, v = String((i == null ? void 0 : i[G]) || ""), [d, m] = q(v), [p, _] = q(i), x = W(() => I && d.trim().toLowerCase() ? u.filter(
       (t) => t.name.toLowerCase().includes(d.toLowerCase())
-    ) : p, [d, p, n, I]), T = (t) => {
-      t ? (u(t.name), h(t), s == null || s(t)) : (u(""), h(null), s == null || s({ id: "", name: "" }));
+    ) : u, [d, u, I]), T = (t) => {
+      t ? (m(t.name), _(t), n == null || n(t)) : (m(""), _(null), n == null || n({ id: "", name: "" }));
     }, z = R(
       (t) => {
         if (c) return;
         const o = t.target.value;
-        u(o), _ == null || _(o), !o && n && (s == null || s({ id: "", name: "" }));
+        m(o), b == null || b(o), p && o !== p.name && _(null), !o && i && (n == null || n({ id: "", name: "" }));
       },
-      [c, s, _, n]
+      [c, n, b, i, p]
     ), H = () => {
-      u(""), h(null), s == null || s({ id: "", name: "" });
+      m(""), _(null), n == null || n({ id: "", name: "" });
     };
     return $(() => {
-      const t = !n || typeof n == "object" && !Object.keys(n).length;
-      u(t ? "" : N), h(t ? null : n);
-    }, [n, N]), /* @__PURE__ */ a(
+      const t = !i || typeof i == "object" && !Object.keys(i).length;
+      m(t ? "" : v), _(t ? null : i);
+    }, [i, v]), /* @__PURE__ */ s(
       Y,
       {
         as: "div",
-        value: v,
+        value: p,
         className: l(e["select-search"], {
           [e.full]: V,
           [e.disabled]: r
@@ -86,23 +86,23 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
         disabled: r,
         virtual: { options: x },
         immediate: P,
-        children: ({ open: t }) => /* @__PURE__ */ m(D, { children: [
-          /* @__PURE__ */ m(
+        children: ({ open: t }) => /* @__PURE__ */ h(D, { children: [
+          /* @__PURE__ */ h(
             "div",
             {
-              className: l(e.container, e[i], {
+              className: l(e.container, e[a], {
                 [e["container-open"]]: t
               }),
               children: [
-                c && /* @__PURE__ */ m("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ a(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ a(
+                c && /* @__PURE__ */ h("div", { style: { position: "relative", width: "100%" }, children: [
+                  /* @__PURE__ */ s(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ s(
                     j,
                     {
                       as: B,
                       label: w,
-                      size: A(i),
+                      size: A(a),
                       className: l(e["select-input"], {
-                        [e["select-input-disabled"]]: c && f
+                        [e["select-input-disabled"]]: c && N
                       }),
                       onChange: z,
                       value: d,
@@ -116,13 +116,13 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: J(t, i)
+                        addonContent: J(t, a)
                       },
                       autocomplete: k,
                       ...y
                     }
                   ) }),
-                  f && d && /* @__PURE__ */ a(
+                  N && d && /* @__PURE__ */ s(
                     Q,
                     {
                       tabIndex: -1,
@@ -143,34 +143,34 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                     }
                   )
                 ] }),
-                !c && /* @__PURE__ */ a(
+                !c && /* @__PURE__ */ s(
                   j,
                   {
                     as: B,
                     label: w,
-                    size: A(i),
+                    size: A(a),
                     className: e["select-input"],
                     onChange: z,
                     value: d,
                     disabled: r,
                     variant: S,
-                    withClearButton: f,
+                    withClearButton: N,
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
                     "data-testid": "select-search-input",
                     rightAddon: C ? {
                       addonType: "react-node",
-                      addonContent: C && /* @__PURE__ */ a(
+                      addonContent: C && /* @__PURE__ */ s(
                         M,
                         {
                           className: l(e.button, {
                             [e.disabled]: r
                           }),
                           disabled: r,
-                          children: /* @__PURE__ */ a(
+                          children: /* @__PURE__ */ s(
                             O,
                             {
-                              iconName: i == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              iconName: a == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: l(e["selector-icon"], {
                                 [e["selector-icon-open"]]: t
                               })
@@ -189,37 +189,37 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
               ]
             }
           ),
-          t && /* @__PURE__ */ a(D, { children: p.length ? x.length ? /* @__PURE__ */ a(
+          t && /* @__PURE__ */ s(D, { children: u.length ? x.length ? /* @__PURE__ */ s(
             Z,
             {
               "data-testid": "select-search-options",
               className: l(
                 e.options,
-                e[i],
-                e[b]
+                e[a],
+                e[f]
               ),
-              children: ({ option: o }) => /* @__PURE__ */ m(
+              children: ({ option: o }) => /* @__PURE__ */ h(
                 ee,
                 {
                   value: o,
                   className: ({ focus: K }) => l(
                     e.option,
                     F,
-                    i && e[i],
+                    a && e[a],
                     {
                       [e["option-active"]]: K
                     }
                   ),
                   "data-testid": `select-search-option-${o.id}`,
                   children: [
-                    /* @__PURE__ */ m("div", { className: e["option-inner"], children: [
+                    /* @__PURE__ */ h("div", { className: e["option-inner"], children: [
                       o.name,
-                      o.bottom && /* @__PURE__ */ a("div", { children: o.bottom })
+                      o.bottom && /* @__PURE__ */ s("div", { children: o.bottom })
                     ] }),
-                    v && v.id === o.id && /* @__PURE__ */ a(
+                    p && p.id === o.id && /* @__PURE__ */ s(
                       O,
                       {
-                        iconName: i === g.M ? "Done16px" : "Done24px",
+                        iconName: a === g.M ? "Done16px" : "Done24px",
                         className: e["selected-icon"]
                       }
                     )
@@ -228,26 +228,26 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_co
                 o.id
               )
             }
-          ) : /* @__PURE__ */ a(
+          ) : /* @__PURE__ */ s(
             "div",
             {
               className: l(
                 e.options,
-                e[i],
+                e[a],
                 e["no-options"],
-                e[b]
+                e[f]
               ),
               "data-headlessui-state": t ? "open" : "closed",
               children: "Ничего не найдено"
             }
-          ) : /* @__PURE__ */ a(
+          ) : /* @__PURE__ */ s(
             "div",
             {
               className: l(
                 e.options,
-                e[i],
+                e[a],
                 e["no-options"],
-                e[b]
+                e[f]
               ),
               "data-headlessui-state": t ? "open" : "closed",
               children: "Нет данных"

package/package.json

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