npm - mimir-ui-kit - Versions diffs - 1.58.1 → 1.59.0 - Mend

mimir-ui-kit 1.58.1 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/components/MultiSelectSearch/MultiSelectSearch.js CHANGED Viewed

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

package/dist/components/MultiSelectSearch/hooks/useNestedSelection.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { EMultiSelectSearchSize } from '../constants';
 import { TMultiSelectOption } from '../types';
 type TUseNestedSelectionProps = {
+    isOpen: boolean;
     inputValue: string;
     filteredItems: TMultiSelectOption[];
     selectedItems: TMultiSelectOption[];
@@ -24,5 +25,5 @@ type TUseNestedSelectionReturn = {
     toggleExpanded: (optionId: string | number) => void;
     renderNestedOptions: (options: TMultiSelectOption[], level?: number) => ReactNode[];
 };
-export declare const useNestedSelection: ({ inputValue, filteredItems, selectedItems, expandedOptions, setExpandedOptions, size, classNameOption, items, enableNestedSelection, searchInNestedItems, internalSearchQuery, renderOptionContent, groupBy, useIconInsteadOfCheckbox, showCollapsedSearchedGroups }: TUseNestedSelectionProps) => TUseNestedSelectionReturn;
+export declare const useNestedSelection: ({ isOpen, inputValue, filteredItems, selectedItems, expandedOptions, setExpandedOptions, size, classNameOption, items, enableNestedSelection, searchInNestedItems, internalSearchQuery, renderOptionContent, groupBy, useIconInsteadOfCheckbox, showCollapsedSearchedGroups }: TUseNestedSelectionProps) => TUseNestedSelectionReturn;
 export {};

package/dist/components/MultiSelectSearch/hooks/useNestedSelection.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "react";
 import "../../../icons/Icon.js";
 import "../../CheckboxMimir/CheckboxMimir.js";
 import "../constants.js";
-import { u as c } from "../../../useNestedSelection-D1WOAYnL.js";
+import { u as c } from "../../../useNestedSelection-CBfin3s1.js";
 import "../utils.js";
 import "../../../combobox-fIVOzEhl.js";
 export {

package/dist/components/Toasts/Toast.d.ts CHANGED Viewed

@@ -46,13 +46,23 @@ export type TProps = {
      * Функция обратного вызова, вызываемая при удалении уведомления.
      */
     onToastRemove?: (toastId: string, ref: RefObject<HTMLDivElement>) => void;
+    /**
+     * Функция обратного вызова, вызываемая при удалении тоста по причине истечения таймера.
+     */
+    onExpire?: () => void;
+    /**
+     * Функция обратного вызова, вызываемая при клике на крестик.
+     */
+    onButtonRemoveClick?: () => void;
     /**
      * Слот уведомления.
      */
-    slot?: ReactNode;
+    slot?: ReactNode | ((props: {
+        handleToastRemove: VoidFunction;
+    }) => JSX.Element);
     /**
      * Флаг, указывающий на приостановку таймера при наведении курсора.
      */
     pauseOnHover?: boolean;
 };
-export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, onExpire, onButtonRemoveClick, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Toasts/Toast.js CHANGED Viewed

@@ -1,87 +1,97 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import { memo as L, useRef as _, useState as B } from "react";
-import { ANIMATION_VARIABLES_MAP as D, EToastPosition as S, EToastVariant as w, DEFAULT_TOAST_DURATION as O } from "./constants.js";
-import { c as s, P as T } from "../../ProgressBar-F970LqqJ.js";
-import { useTimer as U } from "../../hooks/useTimer/index.js";
-import { Button as j } from "../Button/Button.js";
-const g = L(
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { c as S } from "../../index-DIxK0V-G.js";
+import { memo as w, useRef as y, useState as O } from "react";
+import { ANIMATION_VARIABLES_MAP as U, EToastPosition as j, EToastVariant as x, DEFAULT_TOAST_DURATION as F } from "./constants.js";
+import { c as s, P as V } from "../../ProgressBar-F970LqqJ.js";
+import { useTimer as b } from "../../hooks/useTimer/index.js";
+import { Button as G } from "../Button/Button.js";
+const Q = w(
   ({
-    id: c,
-    title: i = "",
-    message: m,
-    position: A = S.TOP_RIGHT,
-    variant: n = w.DEFAULT,
-    duration: t = O,
-    autoClose: o = !0,
-    needProgress: u = !0,
-    needTimer: p = !0,
-    needCloseButton: E = !0,
-    onToastRemove: e,
-    slot: f,
-    pauseOnHover: d = !1
+    id: i,
+    title: m = "",
+    message: u,
+    position: P = j.TOP_RIGHT,
+    variant: h = x.DEFAULT,
+    duration: c = F,
+    autoClose: p = !0,
+    needProgress: N = !0,
+    needTimer: A = !0,
+    needCloseButton: L = !0,
+    onToastRemove: r,
+    onExpire: f,
+    onButtonRemoveClick: d,
+    slot: e,
+    pauseOnHover: I = !1
   }) => {
-    const l = _(null), [N, h] = B(!1), { seconds: I } = U({
-      expiryTimestamp: Date.now() + t,
-      autoStart: o,
-      onExpire: o ? () => e == null ? void 0 : e(c, l) : void 0,
-      isPaused: N
-    }), x = () => {
-      d && h(!0);
-    }, M = () => {
-      d && h(!1);
+    const l = y(null), [n, M] = O(!1), { seconds: _ } = b({
+      expiryTimestamp: Date.now() + c,
+      autoStart: p,
+      onExpire: p ? () => {
+        r == null || r(i, l), f == null || f();
+      } : void 0,
+      isPaused: n
+    }), D = () => {
+      I && M(!0);
+    }, E = () => {
+      I && M(!1);
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ t(
       "div",
       {
         style: {
-          "--elm-translate": D[A]
+          "--elm-translate": U[P]
         },
-        className: P(
+        className: S(
           s["toast-in"],
           s["toast-wrapper"],
-          s[n]
+          s[h]
         ),
         ref: l,
         role: "alert",
-        onMouseEnter: x,
-        onMouseLeave: M,
+        onMouseEnter: D,
+        onMouseLeave: E,
         children: [
-          i && /* @__PURE__ */ r("h3", { className: s.title, children: i }),
-          m && /* @__PURE__ */ r("div", { className: s.message, children: m }),
-          (p || u) && /* @__PURE__ */ a("div", { children: [
-            !!t && p && /* @__PURE__ */ a("div", { className: s.timer, children: [
-              /* @__PURE__ */ r("h4", { className: s["timer-title"], children: "Осталось" }),
-              /* @__PURE__ */ a("p", { className: s.seconds, children: [
-                I,
+          m && /* @__PURE__ */ a("h3", { className: s.title, children: m }),
+          u && /* @__PURE__ */ a("div", { className: s.message, children: u }),
+          (A || N) && /* @__PURE__ */ t("div", { children: [
+            !!c && A && /* @__PURE__ */ t("div", { className: s.timer, children: [
+              /* @__PURE__ */ a("h4", { className: s["timer-title"], children: "Осталось" }),
+              /* @__PURE__ */ t("p", { className: s.seconds, children: [
+                _,
                 " сек"
               ] })
             ] }),
-            !!t && u && /* @__PURE__ */ r(
-              T,
+            !!c && N && /* @__PURE__ */ a(
+              V,
               {
-                variant: n,
-                duration: t,
-                isPaused: N
+                variant: h,
+                duration: c,
+                isPaused: n
               }
             )
           ] }),
-          E && /* @__PURE__ */ r(
-            j,
+          L && /* @__PURE__ */ a(
+            G,
             {
-              onClick: () => e == null ? void 0 : e(c, l),
+              onClick: () => {
+                r == null || r(i, l), d == null || d();
+              },
               clear: !0,
               isIconButton: !0,
               className: s["close-button"],
               iconName: "Close24px"
             }
           ),
-          f && /* @__PURE__ */ r("div", { className: s.slot, children: f })
+          e && /* @__PURE__ */ a("div", { className: s.slot, children: typeof e == "function" ? e({
+            handleToastRemove: () => {
+              r == null || r(i, l);
+            }
+          }) : e })
         ]
       }
     );
   }
 );
 export {
-  g as Toast
+  Q as Toast
 };

package/dist/components/Toasts/types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { EToastVariant } from './constants';
 import { TProps } from './Toast';
-export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant'>) => void>;
+export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant' | 'onToastRemove'>) => void>;
 export type ToastContextType = TToast;

package/dist/{useNestedSelection-D1WOAYnL.js → useNestedSelection-CBfin3s1.js} RENAMED Viewed

@@ -1,44 +1,44 @@
-import { jsxs as k, jsx as d } from "react/jsx-runtime";
-import { c as M } from "./index-DIxK0V-G.js";
-import { useEffect as F } from "react";
-import { Icon as v } from "./icons/Icon.js";
-import { CheckboxMimir as L } from "./components/CheckboxMimir/CheckboxMimir.js";
-import { EMultiSelectSearchSize as S } from "./components/MultiSelectSearch/constants.js";
-import { getAllChildrenIds as P } from "./components/MultiSelectSearch/utils.js";
-import { W } from "./combobox-fIVOzEhl.js";
-import './assets/useNestedSelection.css';const B = "_disabled_1l3p8_5", T = "_container_1l3p8_9", $ = "_l_1l3p8_36", y = "_loader_1l3p8_40", H = "_full_1l3p8_50", J = "_button_1l3p8_62", K = "_options_1l3p8_32", R = "_visible_1l3p8_89", U = "_top_1l3p8_92", X = "_bottom_1l3p8_97", Y = "_m_1l3p8_2", Z = "_focused_1l3p8_157", G = "_option_1l3p8_32", Q = "_chip_1l3p8_186", V = "_clear_1l3p8_211", l = {
+import { jsxs as M, jsx as d } from "react/jsx-runtime";
+import { c as v } from "./index-DIxK0V-G.js";
+import { useEffect as L } from "react";
+import { Icon as S } from "./icons/Icon.js";
+import { CheckboxMimir as P } from "./components/CheckboxMimir/CheckboxMimir.js";
+import { EMultiSelectSearchSize as N } from "./components/MultiSelectSearch/constants.js";
+import { getAllChildrenIds as W } from "./components/MultiSelectSearch/utils.js";
+import { W as B } from "./combobox-fIVOzEhl.js";
+import './assets/useNestedSelection.css';const T = "_disabled_1l3p8_5", $ = "_container_1l3p8_9", y = "_l_1l3p8_36", H = "_loader_1l3p8_40", J = "_full_1l3p8_50", K = "_button_1l3p8_62", R = "_options_1l3p8_32", U = "_visible_1l3p8_89", X = "_top_1l3p8_92", Y = "_bottom_1l3p8_97", Z = "_m_1l3p8_2", G = "_focused_1l3p8_157", Q = "_option_1l3p8_32", V = "_chip_1l3p8_186", z = "_clear_1l3p8_211", l = {
   "multi-select-search": "_multi-select-search_1l3p8_2",
-  disabled: B,
-  container: T,
+  disabled: T,
+  container: $,
   "container-open": "_container-open_1l3p8_18",
   "group-header": "_group-header_1l3p8_22",
   "options-container": "_options-container_1l3p8_32",
-  l: $,
-  loader: y,
+  l: y,
+  loader: H,
   "input-container": "_input-container_1l3p8_45",
-  full: H,
+  full: J,
   "selected-icon": "_selected-icon_1l3p8_54",
   "selector-icon-open": "_selector-icon-open_1l3p8_58",
-  button: J,
+  button: K,
   "selector-icon": "_selector-icon_1l3p8_58",
-  options: K,
-  visible: R,
-  top: U,
-  bottom: X,
+  options: R,
+  visible: U,
+  top: X,
+  bottom: Y,
   "no-options": "_no-options_1l3p8_118",
-  m: Y,
+  m: Z,
   "multi-select-input-disabled": "_multi-select-input-disabled_1l3p8_154",
   "multi-select-input": "_multi-select-input_1l3p8_154",
-  focused: Z,
-  option: G,
+  focused: G,
+  option: Q,
   "option-active": "_option-active_1l3p8_176",
   "option-inner": "_option-inner_1l3p8_179",
-  chip: Q,
+  chip: V,
   "chip-container": "_chip-container_1l3p8_191",
   "chip-root": "_chip-root_1l3p8_197",
   "right-slot": "_right-slot_1l3p8_201",
   "required-mark": "_required-mark_1l3p8_206",
-  clear: V,
+  clear: z,
   "icon-button": "_icon-button_1l3p8_220",
   "highlighted-text": "_highlighted-text_1l3p8_224",
   "highlighted-text-wrapper": "_highlighted-text-wrapper_1l3p8_229",
@@ -46,73 +46,75 @@ import './assets/useNestedSelection.css';const B = "_disabled_1l3p8_5", T = "_co
   "expand-button": "_expand-button_1l3p8_241",
   "expand-icon": "_expand-icon_1l3p8_253",
   "expand-icon-expanded": "_expand-icon-expanded_1l3p8_256"
-}, sn = ({
+}, rn = ({
+  isOpen: m,
   inputValue: h,
   filteredItems: u,
-  selectedItems: N,
-  expandedOptions: D,
+  selectedItems: D,
+  expandedOptions: A,
   setExpandedOptions: p,
   size: a,
-  classNameOption: A,
+  classNameOption: E,
   items: f,
   enableNestedSelection: g,
   searchInNestedItems: x = !1,
-  internalSearchQuery: m,
-  renderOptionContent: E,
-  groupBy: I,
-  useIconInsteadOfCheckbox: j = !1,
-  showCollapsedSearchedGroups: b = !1
+  internalSearchQuery: b,
+  renderOptionContent: I,
+  groupBy: j,
+  useIconInsteadOfCheckbox: q = !1,
+  showCollapsedSearchedGroups: C = !1
 }) => {
-  const C = (i) => {
-    p((c) => {
-      const e = new Set(c);
-      return e.has(i) ? e.delete(i) : e.add(i), e;
+  const w = (c) => {
+    p((i) => {
+      const e = new Set(i);
+      return e.has(c) ? e.delete(c) : e.add(c), e;
     });
   };
-  F(() => {
-    const i = h.trim()[h.length - 1] === ",";
-    if (b && i) {
+  L(() => {
+    const c = h.trim()[h.length - 1] === ",";
+    if (C && (c || !m)) {
       p(/* @__PURE__ */ new Set([]));
       return;
     }
-    if (g && x && m) {
-      const c = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set(), s = (n) => {
+    if (g && x && b) {
+      const i = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set(), s = (n) => {
         n.forEach((o) => {
           e.has(o.id) || (e.add(o.id), o.children && o.children.length > 0 && (o.children.some(
             (t) => u.some((_) => _.id === t.id)
-          ) && c.add(o.id), s(o.children)));
+          ) && i.add(o.id), s(o.children)));
         });
       };
-      s(f), p((n) => /* @__PURE__ */ new Set([...n, ...c]));
+      s(f), p((n) => /* @__PURE__ */ new Set([...n, ...i]));
     }
   }, [
+    m,
     h,
-    b,
+    C,
     u,
     g,
     x,
-    m,
+    b,
     f,
     p
   ]);
-  const q = (i) => {
-    const c = N.map((t) => t.id);
-    if (!i.children || i.children.length === 0)
+  const F = (c) => {
+    const i = D.map((t) => t.id);
+    if (!c.children || c.children.length === 0)
       return {
-        checked: c.includes(i.id),
+        checked: i.includes(c.id),
         isMinusIcon: !1
       };
-    const e = i.children.flatMap((t) => [
+    const e = c.children.flatMap((t) => [
       t.id,
-      ...P(t)
+      ...W(t)
     ]), s = e.filter(
-      (t) => c.includes(t)
+      (t) => i.includes(t)
     ).length, n = e.length, o = s > 0;
     return {
       checked: o,
       isMinusIcon: o && !(s === n)
     };
-  }, w = (i, c = 0) => {
+  }, k = (c, i = 0) => {
     const e = /* @__PURE__ */ new Map(), s = (n) => {
       if (e.has(n.id))
         return e.get(n.id);
@@ -126,46 +128,46 @@ import './assets/useNestedSelection.css';const B = "_disabled_1l3p8_5", T = "_co
       }
       return e.set(n.id, !1), !1;
     };
-    return i.filter((n) => c === 0 ? s(n) && f.some((o) => o.id === n.id) : x ? s(n) : !n.children).map((n) => {
-      const o = D.has(n.id), r = n.children && n.children.length > 0, t = q(n);
-      return /* @__PURE__ */ k("div", { children: [
-        /* @__PURE__ */ k(
-          W,
+    return c.filter((n) => i === 0 ? s(n) && f.some((o) => o.id === n.id) : x ? s(n) : !n.children).map((n) => {
+      const o = A.has(n.id), r = n.children && n.children.length > 0, t = F(n);
+      return /* @__PURE__ */ M("div", { children: [
+        /* @__PURE__ */ M(
+          B,
           {
             value: n,
-            className: ({ focus: _ }) => M(l.option, A, a && l[a], {
-              [l["option-active"]]: _ && !I && !g,
-              [l["nested-option"]]: c > 0
+            className: ({ focus: _ }) => v(l.option, E, a && l[a], {
+              [l["option-active"]]: _ && !j && !g,
+              [l["nested-option"]]: i > 0
             }),
             children: [
-              j ? t.checked && /* @__PURE__ */ d(
-                v,
+              q ? t.checked && /* @__PURE__ */ d(
+                S,
                 {
-                  iconName: a === S.L ? "Done24px" : "Done16px",
+                  iconName: a === N.L ? "Done24px" : "Done16px",
                   className: l["selected-icon"]
                 }
               ) : /* @__PURE__ */ d(
-                L,
+                P,
                 {
                   isInteractive: !1,
                   checked: t.checked,
                   isMinusIcon: t.isMinusIcon
                 }
               ),
-              /* @__PURE__ */ d("div", { className: l["option-inner"], children: E(n) }),
+              /* @__PURE__ */ d("div", { className: l["option-inner"], children: I(n) }),
               r && /* @__PURE__ */ d(
                 "div",
                 {
                   className: l["expand-button"],
                   "data-testid": `expand-button-${n.id}`,
                   onMouseDown: (_) => {
-                    _.stopPropagation(), C(n.id);
+                    _.stopPropagation(), w(n.id);
                   },
                   children: /* @__PURE__ */ d(
-                    v,
+                    S,
                     {
-                      iconName: a === S.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                      className: M(l["expand-icon"], {
+                      iconName: a === N.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                      className: v(l["expand-icon"], {
                         [l["expand-icon-expanded"]]: o
                       })
                     }
@@ -175,16 +177,16 @@ import './assets/useNestedSelection.css';const B = "_disabled_1l3p8_5", T = "_co
             ]
           }
         ),
-        r && o && /* @__PURE__ */ d("div", { className: l["nested-children"], children: w(n.children, c + 1) })
+        r && o && /* @__PURE__ */ d("div", { className: l["nested-children"], children: k(n.children, i + 1) })
       ] }, n.id);
     });
   };
   return {
-    toggleExpanded: C,
-    renderNestedOptions: w
+    toggleExpanded: w,
+    renderNestedOptions: k
   };
 };
 export {
   l as c,
-  sn as u
+  rn as u
 };

package/package.json CHANGED Viewed

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