mimir-ui-kit 1.54.2 → 1.54.4

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,8 +1,8 @@
-import { jsxs as w, jsx as l, Fragment as ie } from "react/jsx-runtime";
-import { c as v } from "../../index-DIxK0V-G.js";
-import { forwardRef as tt, useId as nt, useRef as L, useState as ot, useEffect as re } from "react";
-import { EMultiSelectSearchSize as le, ELoadingIndicatorPlacement as D } from "./constants.js";
-import { useChips as at } from "./hooks/useChips.js";
+import { jsxs as v, jsx as c, Fragment as se } from "react/jsx-runtime";
+import { c as C } from "../../index-DIxK0V-G.js";
+import { forwardRef as tt, useId as nt, useRef as L, useState as at, useEffect as ie } from "react";
+import { EMultiSelectSearchSize as re, ELoadingIndicatorPlacement as D } from "./constants.js";
+import { useChips as ot } from "./hooks/useChips.js";
 import { useDataLoading as st } from "./hooks/useDataLoading.js";
 import { useEventHandling as it } from "./hooks/useEventHandling.js";
 import { useMenuPlacement as rt } from "./hooks/useMenuPlacement.js";
@@ -11,198 +11,196 @@ import { u as ct, c as t } from "../../useNestedSelection-bo9wXvE-.js";
 import { useRenderVirtualizedList as dt } from "./hooks/useRenderVirtualizedList.js";
 import { useSearch as ut } from "./hooks/useSearch.js";
 import { useVirtualization as mt } from "./hooks/useVirtualization.js";
-import { normalizeDataForNestedSelection as pt, flattenOptions as ft, updateInputValueAfterChange as ce, getInitialInputValue as ht, mapSizeToInputSize as de, getDropdownArrowIcon as gt, processNestedSelectionChange as ue, flattenSelectedItems as It, dispatchMultiselectOpen as R, highlightReactNode as St } from "./utils.js";
+import { normalizeDataForNestedSelection as pt, flattenOptions as ft, updateInputValueAfterChange as le, getInitialInputValue as ht, mapSizeToInputSize as ce, getDropdownArrowIcon as gt, processNestedSelectionChange as de, flattenSelectedItems as It, dispatchMultiselectOpen as R, highlightReactNode as St } from "./utils.js";
 import { Icon as Nt } from "../../icons/Icon.js";
 import { Button as zt } from "../Button/Button.js";
-import { I as me } from "../../Input-DgWOCNwP.js";
+import { I as ue } from "../../Input-DgWOCNwP.js";
 import { EInputVariant as wt } from "../Input/constants.js";
-import { Loader as pe } from "../Loader/Loader.js";
-import { H as vt, U as fe, G as he } from "../../combobox-fIVOzEhl.js";
-const Ut = tt(
-  (ge, Ie) => {
+import { Loader as me } from "../Loader/Loader.js";
+import { H as vt, U as pe, G as fe } from "../../combobox-fIVOzEhl.js";
+const jt = tt(
+  (he, ge) => {
     const {
-      placeholder: U,
-      size: c = le.L,
-      value: C,
+      placeholder: Q,
+      size: d = re.L,
+      value: I,
       onChange: s,
-      full: Se,
-      showArrow: Ne = !0,
+      full: Ie,
+      showArrow: Se = !0,
       items: i = [],
       classNameOption: j,
-      displayValue: f = "name",
-      filterOnSearch: ze = !0,
+      displayValue: p = "name",
+      filterOnSearch: Ne = !0,
       onSearch: B,
       variant: J = wt.DefaultGray,
-      menuPlacement: we = "bottom",
-      disabled: d = !1,
-      searchProps: $,
+      menuPlacement: ze = "bottom",
+      disabled: u = !1,
+      searchProps: U,
       withClearButton: P = !1,
-      withChip: ve = !1,
-      chipVariant: Ce = "sapphire",
+      withChip: we = !1,
+      chipVariant: ve = "sapphire",
       disableInput: b = !1,
-      autocomplete: W = "on",
-      id: be,
-      autoPlacement: ye = !1,
+      autocomplete: $ = "on",
+      id: Ce,
+      autoPlacement: be = !1,
       onIsOpen: M,
-      noOptionsText: Oe = "Нет данных",
-      noMatchText: De = "Ничего не найдено",
-      loadOnOpen: Me,
-      loading: xe,
+      noOptionsText: ye = "Нет данных",
+      noMatchText: Oe = "Ничего не найдено",
+      loadOnOpen: De,
+      loading: Me,
       loadingIndicatorPlacement: x = D.Both,
-      groupBy: I,
-      getGroupTitle: Te = (e) => e,
+      groupBy: S,
+      getGroupTitle: xe = (e) => e,
       highlightMatches: k = !1,
       enableNestedSelection: n = !1,
-      searchInNestedItems: K = !1,
-      useIconInsteadOfCheckbox: X = !1,
+      searchInNestedItems: W = !1,
+      useIconInsteadOfCheckbox: K = !1,
       searchInHeaderGroupItems: A = !1
-    } = ge, Ve = nt(), y = be || `multiselect-${Ve}`, T = L(null), S = L(null), Le = L(!1), Y = L(null), [o, Z] = ot(null), Re = lt({ value: C, displayValue: f }), {
-      isOpen: h,
+    } = he, Ve = nt(), y = Ce || `multiselect-${Ve}`, V = L(null), N = L(null), Te = L(!1), X = L(null), [a, Y] = at(null), Le = lt({ value: I, displayValue: p }), {
+      isOpen: f,
       setIsOpen: O,
-      inputValue: q,
-      setInputValue: N,
-      selectedItems: u,
+      inputValue: E,
+      setInputValue: z,
+      selectedItems: m,
       setSelectedItems: g,
-      expandedOptions: Be,
-      setExpandedOptions: Pe,
-      internalSearchQuery: z,
-      setInternalSearchQuery: E
-    } = Re, ke = rt({
-      autoPlacement: ye,
-      menuPlacement: we,
-      size: c,
-      selectSearchRef: T,
-      isOpen: h
-    }), { actualMenuPlacement: Ae, isVisible: qe, isMenuReady: Ee, updateMenuPlacement: _ } = ke, Fe = st({ loadOnOpen: Me, loading: xe }), { isLoading: ee, handleDataLoading: F } = Fe, Ge = ut({
-      filterOnSearch: ze,
-      items: n && o ? o.normalizedItems : i,
-      internalSearchQuery: z,
-      selectedItems: u,
+      expandedOptions: Re,
+      setExpandedOptions: Be,
+      internalSearchQuery: w,
+      setInternalSearchQuery: F
+    } = Le, Pe = rt({
+      autoPlacement: be,
+      menuPlacement: ze,
+      size: d,
+      selectSearchRef: V,
+      isOpen: f
+    }), { actualMenuPlacement: ke, isVisible: Ae, isMenuReady: Ee, updateMenuPlacement: Z } = Pe, Fe = st({ loadOnOpen: De, loading: Me }), { isLoading: _, handleDataLoading: q } = Fe, qe = ut({
+      filterOnSearch: Ne,
+      items: n && a ? a.normalizedItems : i,
+      internalSearchQuery: w,
+      selectedItems: m,
       enableNestedSelection: n,
-      searchInNestedItems: K,
-      displayValue: f,
-      groupBy: I,
+      searchInNestedItems: W,
+      displayValue: p,
+      groupBy: S,
       searchInHeaderGroupItems: A
-    }), { filteredItems: V } = Ge, He = mt({
-      filteredItems: V,
-      groupBy: I,
-      getGroupTitle: Te,
-      size: c,
-      parentRef: Y
-    }), { virtualItems: Qe, virtualizer: Ue } = He;
-    re(() => {
+    }), { filteredItems: T } = qe, Ge = mt({
+      filteredItems: T,
+      groupBy: S,
+      getGroupTitle: xe,
+      size: d,
+      parentRef: X
+    }), { virtualItems: He, virtualizer: Qe } = Ge;
+    ie(() => {
       if (n && i.length > 0) {
         const e = pt(i);
-        Z(e);
+        Y(e);
       } else
-        Z(null);
-    }, [i, n]), re(() => {
-      if (C) {
-        let e = C;
-        n && o && (e = C.map((r) => {
-          const m = o.originalToUniqueId(r.id);
-          return ft(
-            o.normalizedItems
-          ).find((G) => G.id === m);
-        }).filter(Boolean)), g(e);
-        const a = n ? ce(
+        Y(null);
+    }, [i, n]), ie(() => {
+      if (I) {
+        let e = I;
+        n && a && (e = I.map((r) => ft(
+          a.normalizedItems
+        ).find(
+          (l) => l.id === r.id || l.originalId === (r.originalId || r.id) && l.name === r.name
+        )).filter(Boolean)), g(e);
+        const o = n ? le(
           e,
           n,
-          o ? o.normalizedItems : i,
-          f
-        ) : ht(e, f);
-        N(a);
-      } else
-        g([]), N("");
-    }, [C, f, n, o, i]);
+          a ? a.normalizedItems : i,
+          p
+        ) : ht(e, p);
+        z(o);
+      } else I === null && (g([]), z(""));
+    }, [I, p, n, a, i]);
     const je = (e) => {
-      let a = e;
-      if (n && o) {
-        const { normalizedItems: p } = o;
-        a = ue(
+      let o = e;
+      if (n && a) {
+        const { normalizedItems: l } = a;
+        o = de(
           e,
-          u,
-          p
+          m,
+          l
         );
-      } else n && (a = ue(
+      } else n && (o = de(
         e,
-        u,
+        m,
         i
       ));
       const r = It(
-        a,
-        n && o ? o.normalizedItems : i
+        o,
+        n && a ? a.normalizedItems : i
       );
-      g(r), s == null || s(r);
-      const m = ce(
+      g(o), s == null || s(r);
+      const h = le(
         r,
         n,
-        n && o ? o.normalizedItems : i,
-        f
+        n && a ? a.normalizedItems : i,
+        p
       );
-      N(m), E(""), O(!0), R(y), setTimeout(() => {
-        if (S.current) {
-          S.current.focus(), S.current.scrollLeft = S.current.scrollWidth;
-          const p = m.length;
-          S.current.setSelectionRange(p, p);
+      z(h), F(""), O(!0), R(y), setTimeout(() => {
+        if (N.current) {
+          N.current.focus(), N.current.scrollLeft = N.current.scrollWidth;
+          const l = h.length;
+          N.current.setSelectionRange(l, l);
         }
       }, 0);
-    }, te = async (e) => {
-      var m, p;
+    }, ee = async (e) => {
+      var h, l;
       if (b) return;
-      const a = e.target.value;
-      if (N(a), E(((m = a.split(",").pop()) == null ? void 0 : m.trim()) || ""), B == null || B(a), n)
-        a === "" && u.length > 0 && (g([]), s == null || s([]));
+      const o = e.target.value;
+      if (z(o), F(((h = o.split(",").pop()) == null ? void 0 : h.trim()) || ""), B == null || B(o), n)
+        o === "" && m.length > 0 && (g([]), s == null || s([]));
       else {
-        const G = a.split(",").map((Q) => Q.trim()).filter(Boolean), H = i.filter(
-          (Q) => G.includes(Q[f])
+        const et = o.split(",").map((H) => H.trim()).filter(Boolean), G = i.filter(
+          (H) => et.includes(H[p])
         );
-        JSON.stringify(H) !== JSON.stringify(u) && (g(H), s == null || s(H));
+        JSON.stringify(G) !== JSON.stringify(m) && (g(G), s == null || s(G));
       }
-      h || (O(!0), R(y), await F());
-      const r = (p = T.current) == null ? void 0 : p.querySelector(
+      f || (O(!0), R(y), await q());
+      const r = (l = V.current) == null ? void 0 : l.querySelector(
         `.${t.options}`
       );
       r && typeof r.scrollTo == "function" && r.scrollTo({ top: 0, behavior: "smooth" });
     }, Je = (e) => {
       e.preventDefault(), e.currentTarget.focus();
-      const a = e.currentTarget.value.length;
-      e.currentTarget.setSelectionRange(a, a);
-    }, $e = () => {
-      N(""), E(""), g([]), s == null || s([]);
-    }, We = (e) => {
-      e.stopPropagation(), $e();
-    }, ne = async () => {
-      _(), O(!0), R(y), await F();
-    }, Ke = async (e) => {
+      const o = e.currentTarget.value.length;
+      e.currentTarget.setSelectionRange(o, o);
+    }, Ue = () => {
+      z(""), F(""), g([]), s == null || s([]);
+    }, $e = (e) => {
+      e.stopPropagation(), Ue();
+    }, te = async () => {
+      Z(), O(!0), R(y), await q();
+    }, We = async (e) => {
       if (b) {
         e.target.blur();
         return;
       }
-      await ne();
-    }, oe = async () => {
-      const e = !h;
-      e && (_(), R(y), await F()), O(e), M == null || M(e);
-    }, Xe = () => {
-      if (Ne)
+      await te();
+    }, ne = async () => {
+      const e = !f;
+      e && (Z(), R(y), await q()), O(e), M == null || M(e);
+    }, Ke = () => {
+      if (Se)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ w(ie, { children: [
-            ee && (x === D.Input || x === D.Both) && /* @__PURE__ */ l(pe, { size: "s" }),
-            /* @__PURE__ */ l(
-              fe,
+          addonContent: /* @__PURE__ */ v(se, { children: [
+            _ && (x === D.Input || x === D.Both) && /* @__PURE__ */ c(me, { size: "s" }),
+            /* @__PURE__ */ c(
+              pe,
               {
-                className: v(t.button, {
-                  [t.disabled]: d
+                className: C(t.button, {
+                  [t.disabled]: u
                 }),
-                disabled: d,
-                onMouseDown: oe,
-                children: /* @__PURE__ */ l(
+                disabled: u,
+                onMouseDown: ne,
+                children: /* @__PURE__ */ c(
                   Nt,
                   {
-                    iconName: c == le.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                    className: v(t["selector-icon"], {
-                      [t["selector-icon-open"]]: h
+                    iconName: d == re.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    className: C(t["selector-icon"], {
+                      [t["selector-icon-open"]]: f
                     })
                   }
                 )
@@ -210,189 +208,189 @@ const Ut = tt(
             )
           ] })
         };
-    }, Ye = () => ee && (x === D.Dropdown || x === D.Both) ? /* @__PURE__ */ w("div", { className: t.loader, children: [
-      /* @__PURE__ */ l(pe, { size: "s" }),
+    }, Xe = () => _ && (x === D.Dropdown || x === D.Both) ? /* @__PURE__ */ v("div", { className: t.loader, children: [
+      /* @__PURE__ */ c(me, { size: "s" }),
       "Загрузка..."
-    ] }) : Oe, ae = (e) => {
-      let a = e.name;
-      const r = e.bottom && /* @__PURE__ */ l("div", { children: e.bottom });
-      if (k && z && !(I && A)) {
-        const m = z.toLowerCase();
-        (typeof e.name == "string" ? e.name : String(e.name || "")).toLowerCase().includes(m) && (a = St(
+    ] }) : ye, ae = (e) => {
+      let o = e.name;
+      const r = e.bottom && /* @__PURE__ */ c("div", { children: e.bottom });
+      if (k && w && !(S && A)) {
+        const h = w.toLowerCase();
+        (typeof e.name == "string" ? e.name : String(e.name || "")).toLowerCase().includes(h) && (o = St(
           e.name,
-          z,
+          w,
           t["highlighted-text"]
         ));
       }
-      return /* @__PURE__ */ w(ie, { children: [
-        a,
+      return /* @__PURE__ */ v(se, { children: [
+        o,
         r
       ] });
-    }, Ze = ct({
-      filteredItems: V,
-      selectedItems: u,
-      expandedOptions: Be,
-      setExpandedOptions: Pe,
-      size: c,
+    }, Ye = ct({
+      filteredItems: T,
+      selectedItems: m,
+      expandedOptions: Re,
+      setExpandedOptions: Be,
+      size: d,
       classNameOption: j,
-      items: n && o ? o.normalizedItems : i,
+      items: n && a ? a.normalizedItems : i,
       enableNestedSelection: n,
-      searchInNestedItems: K,
-      internalSearchQuery: z,
+      searchInNestedItems: W,
+      internalSearchQuery: w,
       renderOptionContent: ae,
-      groupBy: I,
-      useIconInsteadOfCheckbox: X,
+      groupBy: S,
+      useIconInsteadOfCheckbox: K,
       highlightMatches: k
-    }), { renderNestedOptions: _e } = Ze, se = at({
-      selectedItems: u,
+    }), { renderNestedOptions: Ze } = Ye, oe = ot({
+      selectedItems: m,
       enableNestedSelection: n,
-      size: c,
-      chipVariant: Ce,
-      items: n && o ? o.normalizedItems : i,
-      displayValue: f,
+      size: d,
+      chipVariant: ve,
+      items: n && a ? a.normalizedItems : i,
+      displayValue: p,
       setSelectedItems: g,
       onChange: s,
-      setInputValue: N
+      setInputValue: z
     });
     it({
-      isOpen: h,
+      isOpen: f,
       setIsOpen: O,
       onIsOpen: M,
       id: y,
-      selectSearchRef: T,
-      isHandlingRef: Le
+      selectSearchRef: V,
+      isHandlingRef: Te
     });
-    const et = dt({
-      items: n && o ? o.normalizedItems : i,
-      filteredItems: V,
-      size: c,
-      actualMenuPlacement: Ae,
-      isVisible: qe,
-      noOptionsText: Ye(),
-      noMatchText: De,
+    const _e = dt({
+      items: n && a ? a.normalizedItems : i,
+      filteredItems: T,
+      size: d,
+      actualMenuPlacement: ke,
+      isVisible: Ae,
+      noOptionsText: Xe(),
+      noMatchText: Oe,
       enableNestedSelection: n,
-      renderNestedOptions: _e,
-      groupBy: I,
-      parentRef: Y,
-      virtualItems: Qe,
-      virtualizer: Ue,
+      renderNestedOptions: Ze,
+      groupBy: S,
+      parentRef: X,
+      virtualItems: He,
+      virtualizer: Qe,
       classNameOption: j,
-      selectedItems: u,
+      selectedItems: m,
       renderOptionContent: ae,
       cls: t,
-      useIconInsteadOfCheckbox: X,
+      useIconInsteadOfCheckbox: K,
       highlightMatches: k,
-      internalSearchQuery: z,
+      internalSearchQuery: w,
       searchInHeaderGroupItems: A
     });
-    return /* @__PURE__ */ w("div", { ref: T, children: [
-      /* @__PURE__ */ l(
+    return /* @__PURE__ */ v("div", { ref: V, children: [
+      /* @__PURE__ */ c(
         vt,
         {
           multiple: !0,
           as: "div",
-          value: u,
-          className: v(t["multi-select-search"], {
-            [t.full]: Se,
-            [t.disabled]: d
+          value: m,
+          className: C(t["multi-select-search"], {
+            [t.full]: Ie,
+            [t.disabled]: u
           }),
           onChange: je,
-          ref: Ie,
-          disabled: d,
-          virtual: I ? void 0 : { options: V },
-          children: /* @__PURE__ */ w(
+          ref: ge,
+          disabled: u,
+          virtual: S ? void 0 : { options: T },
+          children: /* @__PURE__ */ v(
             "div",
             {
-              className: v(t.container, t[c], {
-                [t["container-open"]]: h
+              className: C(t.container, t[d], {
+                [t["container-open"]]: f
               }),
               children: [
-                b && /* @__PURE__ */ w("div", { className: t["input-container"], children: [
-                  /* @__PURE__ */ l(
-                    fe,
+                b && /* @__PURE__ */ v("div", { className: t["input-container"], children: [
+                  /* @__PURE__ */ c(
+                    pe,
                     {
-                      disabled: d,
+                      disabled: u,
                       style: { width: "100%" },
-                      onClick: oe,
-                      children: /* @__PURE__ */ l(
-                        he,
+                      onClick: ne,
+                      children: /* @__PURE__ */ c(
+                        fe,
                         {
-                          as: me,
-                          label: U,
-                          size: de(c),
-                          className: v(t["multi-select-input"], {
+                          as: ue,
+                          label: Q,
+                          size: ce(d),
+                          className: C(t["multi-select-input"], {
                             [t["multi-select-input-disabled"]]: b && P
                           }),
-                          onChange: te,
-                          value: q,
-                          disabled: d,
+                          onChange: ee,
+                          value: E,
+                          disabled: u,
                           variant: J,
                           rightSlotClassName: t["right-slot"],
                           requiredMarkClassName: t["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: Ke,
+                          onFocus: We,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: gt(h, c)
+                            addonContent: gt(f, d)
                           },
-                          autocomplete: W,
-                          ...$
+                          autocomplete: $,
+                          ...U
                         }
                       )
                     }
                   ),
-                  P && q && /* @__PURE__ */ l(
+                  P && E && /* @__PURE__ */ c(
                     zt,
                     {
                       tabIndex: -1,
-                      className: v(t.clear, {
-                        [t.disabled]: d
+                      className: C(t.clear, {
+                        [t.disabled]: u
                       }),
                       iconButtonClassName: t["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
                       clear: !0,
-                      disabled: d,
+                      disabled: u,
                       variant: "secondary-gray",
-                      onClick: We,
+                      onClick: $e,
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !b && /* @__PURE__ */ l(
-                  he,
+                !b && /* @__PURE__ */ c(
+                  fe,
                   {
-                    as: me,
-                    label: U,
-                    size: de(c),
+                    as: ue,
+                    label: Q,
+                    size: ce(d),
                     className: t["multi-select-input"],
                     rightSlotClassName: t["right-slot"],
                     requiredMarkClassName: t["required-mark"],
-                    value: q,
-                    disabled: d,
+                    value: E,
+                    disabled: u,
                     variant: J,
                     withClearButton: P,
-                    onFocus: ne,
+                    onFocus: te,
                     onMouseDown: Je,
-                    onChange: te,
-                    ref: S,
-                    rightAddon: Xe(),
+                    onChange: ee,
+                    ref: N,
+                    rightAddon: Ke(),
                     "data-testid": "select-search-input",
-                    autocomplete: W,
-                    ...$
+                    autocomplete: $,
+                    ...U
                   }
                 ),
-                h && Ee && et()
+                f && Ee && _e()
               ]
             }
           )
         }
       ),
-      ve && se && /* @__PURE__ */ l("div", { className: t["chip-container"], children: se })
+      we && oe && /* @__PURE__ */ c("div", { className: t["chip-container"], children: oe })
     ] });
   }
 );
 export {
-  Ut as MultiSelectSearch
+  jt as MultiSelectSearch
 };

package/dist/components/MultiSelectSearch/utils.js

@@ -1,72 +1,72 @@
-import { createElement as f, Fragment as S, isValidElement as w, cloneElement as E } from "react";
-import { EMultiSelectSearchSize as h, MOBILE_MENU_HEIGHT as M, DESKTOP_MENU_HEIGHT as T } from "./constants.js";
+import { createElement as g, Fragment as S, isValidElement as w, cloneElement as E } from "react";
+import { EMultiSelectSearchSize as a, MOBILE_MENU_HEIGHT as M, DESKTOP_MENU_HEIGHT as T } from "./constants.js";
 import "../../Input-DgWOCNwP.js";
-import { EInputSize as p } from "../Input/constants.js";
-const j = (e) => {
-  switch (e) {
-    case h.M:
-      return p.M;
-    case h.L:
-      return p.L;
+import { EInputSize as f } from "../Input/constants.js";
+const j = (n) => {
+  switch (n) {
+    case a.M:
+      return f.M;
+    case a.L:
+      return f.L;
     default:
-      return p.M;
+      return f.M;
   }
-}, _ = (e, t) => e ? t === h.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : t === h.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", b = (e, t) => e && e.length > 0 ? e.map((r) => r[t]).join(", ") : "", A = (e, t) => e.map((r) => r[t]).join(", "), C = "multiselectOpen", y = (e) => {
-  window.dispatchEvent(new CustomEvent(C, { detail: e }));
-}, G = (e, t) => {
-  if (!e.current) return !1;
-  const r = e.current.getBoundingClientRect(), n = window.innerHeight, i = t === h.M ? M : T, s = n - r.bottom, o = r.top;
+}, _ = (n, t) => n ? t === a.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : t === a.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", b = (n, t) => n && n.length > 0 ? n.map((r) => r[t]).join(", ") : "", A = (n, t) => n.map((r) => r[t]).join(", "), C = "multiselectOpen", y = (n) => {
+  window.dispatchEvent(new CustomEvent(C, { detail: n }));
+}, G = (n, t) => {
+  if (!n.current) return !1;
+  const r = n.current.getBoundingClientRect(), e = window.innerHeight, i = t === a.M ? M : T, s = e - r.bottom, o = r.top;
   return s >= i ? !1 : o > s;
-}, K = (e, t, r) => {
-  if (!e.length || !t) return e;
-  const n = [], i = /* @__PURE__ */ new Set();
-  for (const s of e) {
+}, k = (n, t, r) => {
+  if (!n.length || !t) return n;
+  const e = [], i = /* @__PURE__ */ new Set();
+  for (const s of n) {
     const o = String(s[t] || "Без группы");
-    i.has(o) || (i.add(o), n.push({
+    i.has(o) || (i.add(o), e.push({
       id: `group-header-${o}`,
       name: r(o),
       isGroupHeader: !0,
       originalValue: o
-    })), n.push(s);
+    })), e.push(s);
   }
-  return n;
-}, g = (e, t, r) => {
+  return e;
+}, m = (n, t, r) => {
   if (!t.trim())
-    return e;
-  if (typeof e == "string") {
-    const n = O(
-      e,
+    return n;
+  if (typeof n == "string") {
+    const e = O(
+      n,
       t,
       r
     );
-    return f(
+    return g(
       "span",
       { className: "highlighted-text-wrapper" },
-      n
+      e
     );
   }
-  return Array.isArray(e) ? e.map(
-    (n, i) => f(
+  return Array.isArray(n) ? n.map(
+    (e, i) => g(
       S,
       { key: i },
-      g(n, t, r)
+      m(e, t, r)
     )
-  ) : w(e) ? E(e, {
-    ...e.props,
-    children: g(
-      e.props.children,
+  ) : w(n) ? E(n, {
+    ...n.props,
+    children: m(
+      n.props.children,
       t,
       r
     )
-  }) : e;
-}, O = (e, t, r) => {
+  }) : n;
+}, O = (n, t, r) => {
   if (!t.trim())
-    return [e];
-  const n = new RegExp(
+    return [n];
+  const e = new RegExp(
     `(${t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`,
     "gi"
   );
-  return e.split(n).map((s, o) => n.test(s) ? f(
+  return n.split(e).map((s, o) => e.test(s) ? g(
     "span",
     {
       key: o,
@@ -75,52 +75,60 @@ const j = (e) => {
     },
     s
   ) : s);
-}, u = (e, t) => {
+}, h = (n, t) => {
   const r = [];
-  if (e.children)
-    for (const n of e.children)
-      r.push(n.id), r.push(...u(n));
+  if (n.children)
+    for (const e of n.children)
+      r.push(e.id), r.push(...h(e));
   return r;
-}, N = (e) => {
-  const t = [], r = (n) => {
-    for (const i of n)
+}, N = (n) => {
+  const t = [], r = (e) => {
+    for (const i of e)
       t.push(i), i.children && r(i.children);
   };
-  return r(e), t;
-}, P = (e, t) => t.includes(e.id) ? !0 : u(e).some((n) => t.includes(n)), q = (e, t) => u(e).filter((n) => t.includes(n)).length, $ = (e) => u(e).length, v = (e, t, r) => {
-  const n = q(e, t), i = $(e);
-  return i === 0 ? String(e[r] || "") : `${e[r]} (${n} из ${i})`;
-}, k = (e, t, r) => {
-  let n = e;
-  const i = e.filter(
+  return r(n), t;
+}, K = (n, t) => t.includes(n.id) ? !0 : h(n).some((e) => t.includes(e)), q = (n, t) => h(n).filter((e) => t.includes(e)).length, $ = (n) => h(n).length, v = (n, t, r) => {
+  const e = q(n, t), i = $(n);
+  return i === 0 ? String(n[r] || "") : `${n[r]} (${e} из ${i})`;
+}, P = (n, t, r) => {
+  let e = n;
+  const i = n.filter(
     (o) => !t.some((c) => c.id === o.id)
   ), s = t.filter(
-    (o) => !e.some((c) => c.id === o.id)
+    (o) => !n.some((c) => c.id === o.id)
   );
   for (const o of i)
     if (o.children && o.children.length > 0) {
-      const c = u(o), d = N(r).filter(
-        (a) => c.includes(a.id)
+      const c = h(o), d = N(r).filter(
+        (u) => c.includes(u.id)
       );
       d.every(
-        (a) => t.some((I) => I.id === a.id)
-      ) ? n = n.filter(
-        (a) => !c.includes(a.id)
-      ) : n = [...n, ...d];
+        (u) => t.some((p) => p.id === u.id)
+      ) ? e = e.filter(
+        (u) => !d.some((p) => p.id === u.id)
+      ) : e = [...e, ...d];
     }
   for (const o of s) {
-    const c = u(o);
-    n = n.filter((d) => !c.includes(d.id));
+    const c = [], d = [o];
+    for (; d.length > 0; ) {
+      const l = d.pop();
+      if (l.children)
+        for (const u of l.children)
+          c.push(u.id), d.push(u);
+    }
+    e = e.filter(
+      (l) => !c.includes(l.id)
+    );
   }
-  return n = n.filter(
+  return e = e.filter(
     (o, c, d) => c === d.findIndex((l) => l.id === o.id)
-  ), n = n.filter(
+  ), e = e.filter(
     (o) => !o.children || o.children.length === 0
-  ), n;
-}, B = (e, t, r, n) => {
+  ), e;
+}, B = (n, t, r, e) => {
   if (t) {
     const i = /* @__PURE__ */ new Set();
-    for (const s of e)
+    for (const s of n)
       if (s.children && s.children.length > 0)
         i.add(s);
       else {
@@ -135,54 +143,54 @@ const j = (e) => {
     return Array.from(i).map(
       (s) => v(
         s,
-        e.map((o) => o.id),
-        n
+        n.map((o) => o.id),
+        e
       )
     ).join(", ");
   }
-  return A(e, n);
-}, x = (e, t, r) => `unique-${t.join("-")}-${e}-${r.value++}`, m = (e, t = [], r = { value: 0 }) => e.map((n) => {
-  t.push(n.id);
-  const i = x(n.id, t, r), s = {
-    ...n,
+  return A(n, e);
+}, x = (n, t, r) => `unique-${t.join("-")}-${n}-${r.value++}`, I = (n, t = [], r = { value: 0 }) => n.map((e) => {
+  t.push(e.id);
+  const i = x(e.id, t, r), s = {
+    ...e,
     id: i,
-    originalId: n.id,
+    originalId: e.id,
     path: [...t]
   };
-  return n.children && n.children.length > 0 && (s.children = m(
-    n.children,
+  return e.children && e.children.length > 0 && (s.children = I(
+    e.children,
     t,
     r
   )), t.pop(), s;
-}), U = (e) => {
-  const t = {}, r = [...e];
+}), U = (n) => {
+  const t = {}, r = [...n];
   for (; r.length > 0; ) {
-    const n = r.pop();
-    if (n.originalId) {
-      const i = String(n.originalId);
-      t[i] = t[i] || [], t[i].push(n.id);
+    const e = r.pop();
+    if (e.originalId) {
+      const i = String(e.originalId);
+      t[i] = t[i] || [], t[i].push(e.id);
     }
-    if (n.children)
-      for (let i = n.children.length - 1; i >= 0; i--)
-        r.push(n.children[i]);
+    if (e.children)
+      for (let i = e.children.length - 1; i >= 0; i--)
+        r.push(e.children[i]);
   }
   return t;
-}, R = (e) => {
-  const r = m(e, [], { value: 0 }), n = U(r), i = {};
-  for (const [c, d] of Object.entries(n))
+}, R = (n) => {
+  const r = I(n, [], { value: 0 }), e = U(r), i = {};
+  for (const [c, d] of Object.entries(e))
     for (const l of d)
       i[String(l)] = isNaN(Number(c)) ? c : Number(c);
   return {
     normalizedItems: r,
-    idMapping: n,
+    idMapping: e,
     originalToUniqueId: (c) => {
-      const d = String(c), l = n[d];
+      const d = String(c), l = e[d];
       return l && l.length > 0 ? l[0] : c;
     },
     uniqueToOriginalId: (c) => i[String(c)] || c
   };
-}, F = (e, t) => {
-  const r = [], n = /* @__PURE__ */ new Set(), i = (s) => {
+}, F = (n, t) => {
+  const r = [], e = /* @__PURE__ */ new Set(), i = (s) => {
     const o = t.find(
       (c) => {
         var d;
@@ -194,13 +202,13 @@ const j = (e) => {
       regionName: o.name
     } : {};
   };
-  for (const s of e)
-    if (!n.has(s.id) && (!s.children || s.children.length === 0)) {
+  for (const s of n)
+    if (!e.has(s.id) && (!s.children || s.children.length === 0)) {
       const o = i(s), c = {
         ...s,
         ...o
       };
-      r.push(c), n.add(s.id);
+      r.push(c), e.add(s.id);
     }
   return r;
 };
@@ -210,19 +218,19 @@ export {
   N as flattenOptions,
   F as flattenSelectedItems,
   v as formatOptionWithCount,
-  u as getAllChildrenIds,
+  h as getAllChildrenIds,
   _ as getDropdownArrowIcon,
   b as getInitialInputValue,
   q as getSelectedChildrenCount,
   $ as getTotalChildrenCount,
-  g as highlightReactNode,
+  m as highlightReactNode,
   O as highlightText,
-  P as isOptionSelected,
+  K as isOptionSelected,
   A as joinSelectedItems,
   j as mapSizeToInputSize,
   R as normalizeDataForNestedSelection,
-  K as prepareGroupedItems,
-  k as processNestedSelectionChange,
+  k as prepareGroupedItems,
+  P as processNestedSelectionChange,
   G as shouldShowMenuOnTop,
   B as updateInputValueAfterChange
 };

package/package.json

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