urfu-ui-kit-react 2.1.7-next.3 → 2.1.7-next.5

package/dist/components/TreeView/TreeView.js

@@ -1,263 +1,263 @@
-import { jsxs as f, jsx as i, Fragment as Q } from "react/jsx-runtime";
-import { useState as O, useRef as z, useMemo as X } from "react";
+import { jsxs as x, jsx as n, Fragment as X } from "react/jsx-runtime";
+import { useState as T, useRef as B, useMemo as Z } from "react";
 /* empty css                 */
-import { createPortal as $e } from "react-dom";
+import { createPortal as ke } from "react-dom";
 /* empty css                                      */
 /* empty css          */
 /* empty css                  */
 /* empty css                 */
-import { useDismiss$u as Ce } from "../../hooks/useDismiss.js";
-import { useAnchoredPosition$u as Ie, fitToViewport$u as ke } from "../../hooks/useAnchoredPosition.js";
-import { useMountTransition$u as Ee } from "../../hooks/useMountTransition.js";
-import Se from "../../hooks/useDebounce.js";
-import { useOptionKeyboardNavigation$u as _e } from "../../hooks/useOptionKeyboardNavigation.js";
-import { useActiveOptionScroll$u as je } from "../../hooks/useActiveOptionScroll.js";
-import { OPTION_STATE_COLORS$u as Z } from "../../shared/optionStateColors.js";
-import { getPopupTransitionStyle$u as Ae, POPUP_TRANSITION_MS$u as Pe } from "../../shared/popupTransition.js";
-import { useAutoId$u as ze } from "../../hooks/useAutoId.js";
-import { sizeClassName$u as De, isCompact$u as Be } from "../../shared/size.js";
-import { getPortalScopeProps$u as Ke } from "../../shared/uiKitDefaults.js";
-import { resolveValidation$u as Le } from "../../vanilla/core/validation.js";
-const ot = ({
-  title: D = "",
-  required: U = !1,
-  styleSelectContainer: ee,
-  styleTitle: te,
-  lineUp: E = !1,
-  rowGap: ie = 4,
-  columnGap: ne = 20,
-  placeholder: ce = "Выберите из списка",
-  value: n,
-  isClearable: S,
-  onDelete: re,
-  onClick: B,
-  className: K,
-  tableView: L = !1,
-  size: M,
-  validationText: oe = "Заполните поле",
-  validationOn: se,
-  error: le,
-  absoluteValidationText: ae,
-  data: a,
-  portalOn: T,
-  id: ue,
-  disabled: v,
-  isSearchable: r
+import { useDismiss$u as Ie } from "../../hooks/useDismiss.js";
+import { useAnchoredPosition$u as Ee, fitToViewport$u as Pe } from "../../hooks/useAnchoredPosition.js";
+import { useMountTransition$u as Se } from "../../hooks/useMountTransition.js";
+import _e from "../../hooks/useDebounce.js";
+import { useOptionKeyboardNavigation$u as je } from "../../hooks/useOptionKeyboardNavigation.js";
+import { useActiveOptionScroll$u as Ae } from "../../hooks/useActiveOptionScroll.js";
+import { OPTION_STATE_COLORS$u as ee } from "../../shared/optionStateColors.js";
+import { getPopupTransitionStyle$u as ze, POPUP_TRANSITION_MS$u as De } from "../../shared/popupTransition.js";
+import { useAutoId$u as Be } from "../../hooks/useAutoId.js";
+import { sizeClassName$u as Ke, isCompact$u as Le } from "../../shared/size.js";
+import { getUiKitPrefix$u as i, kitCls$u as d, getPortalScopeProps$u as Me } from "../../shared/uiKitDefaults.js";
+import { resolveValidation$u as Re } from "../../vanilla/core/validation.js";
+const lt = ({
+  title: K = "",
+  required: te = !1,
+  styleSelectContainer: ie,
+  styleTitle: ne,
+  lineUp: S = !1,
+  rowGap: ce = 4,
+  columnGap: re = 20,
+  placeholder: oe = "Выберите из списка",
+  value: c,
+  isClearable: _,
+  onDelete: se,
+  onClick: L,
+  className: M,
+  tableView: R = !1,
+  size: V,
+  validationText: le = "Заполните поле",
+  validationOn: ae,
+  error: de,
+  absoluteValidationText: ue,
+  data: u,
+  portalOn: C,
+  id: pe,
+  disabled: $,
+  isSearchable: o
 }) => {
-  var J;
-  const y = Be(M, L), R = De(M, L), _ = Le({ error: le, validationOn: se, validationText: oe }), V = ze(ue, "u-tree"), [h, $] = O(""), [de, pe] = O(null), [b, me] = O([]), [o, C] = O(!1), [fe, H] = O(null), W = z(null), I = z(null), u = z(), F = Se(h, 300), j = X(() => a.filter((e) => e.title.toLowerCase().includes((F || "").toLowerCase())), [F, a]), k = () => {
-    C(!1);
+  var U;
+  const b = Le(V, R), H = Ke(V, R), j = Re({ error: de, validationOn: ae, validationText: le }), W = Be(pe, d("tree")), [g, k] = T(""), [me, fe] = T(null), [w, he] = T([]), [s, I] = T(!1), [xe, F] = T(null), G = B(null), E = B(null), p = B(), q = _e(g, 300), A = Z(() => u.filter((e) => e.title.toLowerCase().includes((q || "").toLowerCase())), [q, u]), P = () => {
+    I(!1);
   };
-  Ce({
-    refs: [W, I],
-    onDismiss: k,
-    enabled: o
+  Ie({
+    refs: [G, E],
+    onDismiss: P,
+    enabled: s
   });
-  const G = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), he = (e, t) => {
-    e.stopPropagation(), me((c) => c != null && c.includes(t) ? c.filter((l) => l !== t) : [...c, t]);
-  }, q = (e) => {
-    const t = a.filter((l) => l.parentId === e.id);
+  const Y = (e) => typeof e == "number" ? `calc(${e} * var(--${i()}-preset-unit, 1px))` : String(e), ge = (e, t) => {
+    e.stopPropagation(), he((r) => r != null && r.includes(t) ? r.filter((a) => a !== t) : [...r, t]);
+  }, J = (e) => {
+    const t = u.filter((a) => a.parentId === e.id);
     if (t.length === 0)
       return e;
-    let c = null;
-    return t.forEach((l) => {
-      const d = q(l);
-      d && (c = d);
-    }), c;
-  }, A = ({ node: e, counter: t }) => {
-    const c = a.filter((m) => m.parentId === e.id), l = t + 1, d = b == null ? void 0 : b.includes(e.id), p = q(e), we = xe === e.id, Ne = n == (e == null ? void 0 : e.title), Oe = fe === e.id, Te = () => {
-      var m;
-      B(e), k(), r && ($(""), (m = u == null ? void 0 : u.current) == null || m.focus());
+    let r = null;
+    return t.forEach((a) => {
+      const m = J(a);
+      m && (r = m);
+    }), r;
+  }, z = ({ node: e, counter: t }) => {
+    const r = u.filter((h) => h.parentId === e.id), a = t + 1, m = w == null ? void 0 : w.includes(e.id), f = J(e), Ne = ve === e.id, Oe = c == (e == null ? void 0 : e.title), Te = xe === e.id, Ce = () => {
+      var h;
+      L(e), P(), o && (k(""), (h = p == null ? void 0 : p.current) == null || h.focus());
     };
-    return /* @__PURE__ */ f("ul", { className: "treeview-list", children: [
-      /* @__PURE__ */ f(
+    return /* @__PURE__ */ x("ul", { className: "treeview-list", children: [
+      /* @__PURE__ */ x(
         "li",
         {
           className: "treeview-list__item",
           "data-node-id": String(e.id),
           style: Object.assign(
-            { paddingLeft: `calc((${t} * 16 + 12) * var(--u-preset-unit, 1px))` },
-            Ne ? { backgroundColor: Z.selectedBackground, borderRadius: "calc(10 * var(--u-preset-unit, 1px))" } : Oe || we ? { backgroundColor: Z.hoveredBackground, borderRadius: "calc(10 * var(--u-preset-unit, 1px))" } : null
+            { paddingLeft: `calc((${t} * 16 + 12) * var(--${i()}-preset-unit, 1px))` },
+            Oe ? { backgroundColor: ee.selectedBackground, borderRadius: `calc(10 * var(--${i()}-preset-unit, 1px))` } : Te || Ne ? { backgroundColor: ee.hoveredBackground, borderRadius: `calc(10 * var(--${i()}-preset-unit, 1px))` } : null
           ),
-          onMouseEnter: () => H(e.id),
-          onMouseLeave: () => H(null),
+          onMouseEnter: () => F(e.id),
+          onMouseLeave: () => F(null),
           children: [
-            p.id !== e.id && /* @__PURE__ */ i("div", { onClick: (m) => he(m, e.id), children: d ? /* @__PURE__ */ i("i", { style: { cursor: "pointer", width: "calc(20 * var(--u-unit, 1px))", height: "calc(20 * var(--u-unit, 1px))" }, className: "u-icon icon-down clr-blue-main" }) : /* @__PURE__ */ i("i", { style: { cursor: "pointer", width: "calc(20 * var(--u-unit, 1px))", height: "calc(20 * var(--u-unit, 1px))" }, className: "u-icon icon-right clr-blue-main" }) }),
-            p.id !== e.id && /* @__PURE__ */ i("i", { className: "u-icon icon-folder clr-orange" }),
-            /* @__PURE__ */ i("p", { onClick: Te, style: { cursor: "pointer" }, className: "tt", children: e.title })
+            f.id !== e.id && /* @__PURE__ */ n("div", { onClick: (h) => ge(h, e.id), children: m ? /* @__PURE__ */ n("i", { style: { cursor: "pointer", width: "calc(20 * var(--u-unit, 1px))", height: "calc(20 * var(--u-unit, 1px))" }, className: `${i()}-icon icon-down clr-blue-main` }) : /* @__PURE__ */ n("i", { style: { cursor: "pointer", width: "calc(20 * var(--u-unit, 1px))", height: "calc(20 * var(--u-unit, 1px))" }, className: `${i()}-icon icon-right clr-blue-main` }) }),
+            f.id !== e.id && /* @__PURE__ */ n("i", { className: `${i()}-icon icon-folder clr-orange` }),
+            /* @__PURE__ */ n("p", { onClick: Ce, style: { cursor: "pointer" }, className: "tt", children: e.title })
           ]
         }
       ),
-      d && c.map((m) => /* @__PURE__ */ i(A, { node: m, counter: l }, m.id))
+      m && r.map((h) => /* @__PURE__ */ n(z, { node: h, counter: a }, h.id))
     ] });
-  }, s = r && h ? j : a == null ? void 0 : a.filter((e) => e.parentId === null), w = X(() => {
-    if (!Array.isArray(a)) return [];
-    if (r && h)
-      return j;
+  }, l = o && g ? A : u == null ? void 0 : u.filter((e) => e.parentId === null), N = Z(() => {
+    if (!Array.isArray(u)) return [];
+    if (o && g)
+      return A;
     const e = /* @__PURE__ */ new Map();
-    a.forEach((l) => {
-      const d = l.parentId, p = e.get(d) ?? [];
-      p.push(l), e.set(d, p);
+    u.forEach((a) => {
+      const m = a.parentId, f = e.get(m) ?? [];
+      f.push(a), e.set(m, f);
     });
-    const t = [], c = (l) => {
-      (e.get(l) ?? []).forEach((p) => {
-        t.push(p), b.includes(p.id) && c(p.id);
+    const t = [], r = (a) => {
+      (e.get(a) ?? []).forEach((f) => {
+        t.push(f), w.includes(f.id) && r(f.id);
       });
     };
-    return c(null), t;
-  }, [a, b, j, r, h]), { activeIndex: P, handleKeyDown: Y } = _e({
-    isOpen: o,
-    disabled: v,
-    optionsLength: w.length,
+    return r(null), t;
+  }, [u, w, A, o, g]), { activeIndex: D, handleKeyDown: Q } = je({
+    isOpen: s,
+    disabled: $,
+    optionsLength: N.length,
     initialIndex: Math.max(
       0,
-      w.findIndex((e) => (e == null ? void 0 : e.title) === n)
+      N.findIndex((e) => (e == null ? void 0 : e.title) === c)
     ),
-    onOpen: () => C(!0),
+    onOpen: () => I(!0),
     onClose: () => {
-      k();
+      P();
     },
     onSelectByIndex: (e) => {
-      const t = w[e];
-      t && ge(t);
+      const t = N[e];
+      t && ye(t);
     }
-  }), xe = P >= 0 ? (J = w[P]) == null ? void 0 : J.id : void 0;
-  je({
-    isOpen: o,
-    activeIndex: P,
+  }), ve = D >= 0 ? (U = N[D]) == null ? void 0 : U.id : void 0;
+  Ae({
+    isOpen: s,
+    activeIndex: D,
     portalOn: !1,
-    localRef: I,
+    localRef: E,
     getSelector: (e) => {
-      const t = w[e];
+      const t = N[e];
       return t ? `[data-node-id="${String(t.id)}"]` : "";
     }
   });
-  const ge = (e) => {
+  const ye = (e) => {
     var t;
-    e && (B(e), k(), r && ($(""), (t = u == null ? void 0 : u.current) == null || t.focus()));
-  }, { rect: x } = Ie({
-    anchor: de,
-    enabled: o && !!T
-  }), N = x ? ke(x.x, x.width) : null, g = x && N ? { x: N.x, y: x.y + 60 + x.height + x.scrollY } : null, { shouldRender: ve, status: ye, isAnimated: be } = Ee({
-    isOpen: o && !!T,
-    duration: Pe
+    e && (L(e), P(), o && (k(""), (t = p == null ? void 0 : p.current) == null || t.focus()));
+  }, { rect: v } = Ee({
+    anchor: me,
+    enabled: s && !!C
+  }), O = v ? Pe(v.x, v.width) : null, y = v && O ? { x: O.x, y: v.y + 60 + v.height + v.scrollY } : null, { shouldRender: $e, status: be, isAnimated: we } = Se({
+    isOpen: s && !!C,
+    duration: De
   });
-  return /* @__PURE__ */ f("div", { className: `u-react-select-container${R ? ` ${R}` : ""}${K ? ` ${K}` : ""}`, style: { position: "relative" }, children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ x("div", { className: `${i()}-react-select-container${H ? ` ${H}` : ""}${M ? ` ${M}` : ""}`, style: { position: "relative" }, children: [
+    /* @__PURE__ */ x(
       "div",
       {
         style: Object.assign(
           {
             display: "flex",
-            flexDirection: E ? "row" : "column",
-            rowGap: E ? null : G(ie),
-            columnGap: E ? G(ne) : null
+            flexDirection: S ? "row" : "column",
+            rowGap: S ? null : Y(ce),
+            columnGap: S ? Y(re) : null
           },
-          ee
+          ie
         ),
         children: [
-          D && /* @__PURE__ */ i(
+          K && /* @__PURE__ */ n(
             "div",
             {
-              className: `${U ? "u-required" : ""} u-react-select-title`,
+              className: `${te ? d("required") : ""} ${i()}-react-select-title`,
               style: Object.assign(
                 {
-                  color: "var(--u-field-title-color, #545454)",
-                  fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                  color: `var(--${i()}-field-title-color, #545454)`,
+                  fontSize: `var(--${i()}-field-label-size-main, calc(14 * var(--u-unit, 1px)))`
                 },
-                te
+                ne
               ),
-              children: D
+              children: K
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ x(
             "div",
             {
-              className: `u-selectbox${v ? " u-selectbox-disabled" : ""} u-react-tree-view`,
-              ref: W,
-              style: { cursor: v ? "default" : "pointer" },
+              className: `${i()}-selectbox${$ ? ` ${i()}-selectbox-disabled` : ""} ${i()}-react-tree-view`,
+              ref: G,
+              style: { cursor: $ ? "default" : "pointer" },
               children: [
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ x(
                   "div",
                   {
-                    tabIndex: v ? -1 : 0,
-                    onKeyDown: r ? void 0 : Y,
+                    tabIndex: $ ? -1 : 0,
+                    onKeyDown: o ? void 0 : Q,
                     onClick: (e) => {
                       var t;
-                      o || (r && ((t = u == null ? void 0 : u.current) == null || t.focus(), $("")), T && pe(e.currentTarget)), C(!o);
+                      s || (o && ((t = p == null ? void 0 : p.current) == null || t.focus(), k("")), C && fe(e.currentTarget)), I(!s);
                     },
-                    className: `u-selectbox-select ${o ? "u-selectbox-select-open" : ""}`,
-                    id: `u-selectbox-select${V}`,
+                    className: `${i()}-selectbox-select ${s ? d("selectbox-select-open") : ""}`,
+                    id: `${i()}-selectbox-select${W}`,
                     style: Object.assign(
-                      y ? {
-                        height: "var(--u-compact-height)",
-                        fontSize: "var(--u-compact-font-size)",
+                      b ? {
+                        height: `var(--${i()}-compact-height)`,
+                        fontSize: `var(--${i()}-compact-font-size)`,
                         lineHeight: 1,
-                        padding: "var(--u-compact-padding)"
+                        padding: `var(--${i()}-compact-padding)`
                       } : {},
-                      _.hasError && { border: "1px solid var(--u-color-error, #EF302B)" },
-                      v && { pointerEvents: "none" }
+                      j.hasError && { border: `1px solid var(--${i()}-color-error, #EF302B)` },
+                      $ && { pointerEvents: "none" }
                     ),
                     children: [
-                      !n && (!r || !o) ? /* @__PURE__ */ i(
+                      !c && (!o || !s) ? /* @__PURE__ */ n(
                         "span",
                         {
                           style: Object.assign(
-                            y ? {
-                              maxWidth: `calc(100% - ${((n == null ? void 0 : n.length) ?? 0) > 0 ? 32 : 16}px)`
+                            b ? {
+                              maxWidth: `calc(100% - ${((c == null ? void 0 : c.length) ?? 0) > 0 ? 32 : 16}px)`
                             } : {},
-                            { color: "var(--u-field-title-color, #545454)" }
+                            { color: `var(--${i()}-field-title-color, #545454)` }
                           ),
-                          className: "u-selectbox-select-title",
-                          children: ce
+                          className: d("selectbox-select-title"),
+                          children: oe
                         }
-                      ) : /* @__PURE__ */ i(Q, {}),
-                      n && (!o || !r) ? /* @__PURE__ */ i(
+                      ) : /* @__PURE__ */ n(X, {}),
+                      c && (!s || !o) ? /* @__PURE__ */ n(
                         "span",
                         {
-                          style: y ? { maxWidth: `calc(100% - ${S && (n != null && n.length) ? 32 : 16}px)` } : {},
-                          className: "u-selectbox-select-title",
-                          children: n
+                          style: b ? { maxWidth: `calc(100% - ${_ && (c != null && c.length) ? 32 : 16}px)` } : {},
+                          className: d("selectbox-select-title"),
+                          children: c
                         }
-                      ) : /* @__PURE__ */ i(Q, {}),
-                      r && /* @__PURE__ */ i(
+                      ) : /* @__PURE__ */ n(X, {}),
+                      o && /* @__PURE__ */ n(
                         "input",
                         {
-                          ref: u,
-                          className: o ? "treeview__search" : "treeview__search_disabled",
-                          placeholder: n || "Введите значение",
-                          value: h,
-                          onChange: (e) => $(e.target.value),
+                          ref: p,
+                          className: s ? "treeview__search" : "treeview__search_disabled",
+                          placeholder: c || "Введите значение",
+                          value: g,
+                          onChange: (e) => k(e.target.value),
                           onClick: (e) => {
-                            o && e.stopPropagation();
+                            s && e.stopPropagation();
                           },
-                          onKeyDown: Y,
-                          style: Object.assign(y ? { padding: 0, paddingRight: `calc(${S && (n != null && n.length) ? 37 : 20} * var(--u-unit, 1px))`, fontSize: "var(--u-compact-font-size)" } : {}, { width: "100%" })
+                          onKeyDown: Q,
+                          style: Object.assign(b ? { padding: 0, paddingRight: `calc(${_ && (c != null && c.length) ? 37 : 20} * var(--u-unit, 1px))`, fontSize: `var(--${i()}-compact-font-size)` } : {}, { width: "100%" })
                         }
                       ),
-                      n && S && /* @__PURE__ */ i(
+                      c && _ && /* @__PURE__ */ n(
                         "i",
                         {
                           onClick: (e) => {
-                            re(e), C(!1);
+                            se(e), I(!1);
                           },
-                          className: "u-selectbox-select-icon-cross",
+                          className: d("selectbox-select-icon-cross"),
                           role: "button",
                           "aria-label": "Очистить",
                           style: Object.assign(
-                            y ? {
+                            b ? {
                               right: "calc(24 * var(--u-unit, 1px))"
                             } : {},
-                            v && { pointerEvents: "none" }
+                            $ && { pointerEvents: "none" }
                           )
                         }
                       ),
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ n(
                         "i",
                         {
-                          className: "u-selectbox-select-icon-arrow",
-                          id: `u-selectbox-select-icon-arrow${V}`,
-                          style: y ? {
+                          className: d("selectbox-select-icon-arrow"),
+                          id: `${i()}-selectbox-select-icon-arrow${W}`,
+                          style: b ? {
                             width: "calc(12 * var(--u-unit, 1px)) !important",
                             right: "calc(6 * var(--u-unit, 1px))"
                           } : null
@@ -266,48 +266,48 @@ const ot = ({
                     ]
                   }
                 ),
-                T ? ve && g && $e(
-                  /* @__PURE__ */ i(
+                C ? $e && y && ke(
+                  /* @__PURE__ */ n(
                     "div",
                     {
-                      ref: I,
-                      ...Ke(),
+                      ref: E,
+                      ...Me(),
                       style: Object.assign(
                         {
-                          left: g == null ? void 0 : g.x,
-                          top: (g == null ? void 0 : g.y) - 60,
+                          left: y == null ? void 0 : y.x,
+                          top: (y == null ? void 0 : y.y) - 60,
                           opacity: 1,
                           visibility: "visible",
                           height: "fit-content",
                           // Переменная, чтобы список внутри модалки можно было
                           // поднять над ней, не трогая код потребителя.
-                          zIndex: "var(--u-select-popup-z, 10010)",
+                          zIndex: `var(--${i()}-select-popup-z, 10010)`,
                           display: "block",
                           // Не уже поля: при `width: auto` портальный список
                           // сжимался по содержимому и обрезал названия узлов.
                           // Ширину задаём минимальной, чтобы дерево по-прежнему
                           // могло раздаться под вложенность.
-                          minWidth: N == null ? void 0 : N.width,
+                          minWidth: O == null ? void 0 : O.width,
                           width: "auto"
                         },
-                        Ae(ye, be)
+                        ze(be, we)
                       ),
-                      className: "u-selectbox-options",
-                      children: /* @__PURE__ */ f("div", { className: "treeview", children: [
-                        s == null ? void 0 : s.map((e) => /* @__PURE__ */ i(A, { node: e, counter: 0 }, e.id)),
-                        r && h && !(s != null && s.length) && /* @__PURE__ */ i("div", { className: "u-selectbox-empty-text", children: "Ничего не найдено" })
+                      className: d("selectbox-options"),
+                      children: /* @__PURE__ */ x("div", { className: "treeview", children: [
+                        l == null ? void 0 : l.map((e) => /* @__PURE__ */ n(z, { node: e, counter: 0 }, e.id)),
+                        o && g && !(l != null && l.length) && /* @__PURE__ */ n("div", { className: d("selectbox-empty-text"), children: "Ничего не найдено" })
                       ] })
                     }
                   ),
                   document.body
-                ) : /* @__PURE__ */ i(
+                ) : /* @__PURE__ */ n(
                   "div",
                   {
-                    ref: I,
-                    className: "u-selectbox-options",
-                    children: /* @__PURE__ */ f("div", { className: "treeview", children: [
-                      s == null ? void 0 : s.map((e) => /* @__PURE__ */ i(A, { node: e, counter: 0 }, e.id)),
-                      r && h && !(s != null && s.length) && /* @__PURE__ */ i("div", { className: "u-selectbox-empty-text", children: "Ничего не найдено" })
+                    ref: E,
+                    className: d("selectbox-options"),
+                    children: /* @__PURE__ */ x("div", { className: "treeview", children: [
+                      l == null ? void 0 : l.map((e) => /* @__PURE__ */ n(z, { node: e, counter: 0 }, e.id)),
+                      o && g && !(l != null && l.length) && /* @__PURE__ */ n("div", { className: d("selectbox-empty-text"), children: "Ничего не найдено" })
                     ] })
                   }
                 )
@@ -317,7 +317,7 @@ const ot = ({
         ]
       }
     ),
-    _.showText && /* @__PURE__ */ i("h5", { className: "h5 clr-red-main", style: ae ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: _.text })
+    j.showText && /* @__PURE__ */ n("h5", { className: "h5 clr-red-main", style: ue ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: j.text })
   ] });
 };
-export { ot as TreeView$u };
+export { lt as TreeView$u };

package/dist/components/VirtualList/VirtualList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAAmC,KAAK,aAAa,EAAqB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5I,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEjF,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;IAC/C,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,mEAAmE;IACnE,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACxE;AAkED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,EAC3D,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC1D,YAAY,CAAC"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAAmC,KAAK,aAAa,EAAqB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5I,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGjF,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;IAC/C,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,mEAAmE;IACnE,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACxE;AAkED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,EAC3D,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC1D,YAAY,CAAC"}

package/dist/components/VirtualList/VirtualList.js

@@ -1,62 +1,63 @@
-import { jsxs as B, jsx as i } from "react/jsx-runtime";
+import { jsxs as B, jsx as r } from "react/jsx-runtime";
 /* empty css                                          */
-import { forwardRef as C, useImperativeHandle as R } from "react";
-import { useVirtualList$u as S } from "../../hooks/useVirtualList.js";
+import { forwardRef as R, useImperativeHandle as S } from "react";
+import { useVirtualList$u as k } from "../../hooks/useVirtualList.js";
+import { kitCls$u as l } from "../../shared/uiKitDefaults.js";
 function E({
-  items: l,
-  getKey: n,
-  renderItem: u,
-  estimateSize: c,
-  overscan: m,
-  height: e,
-  scrollElement: d,
+  items: i,
+  getKey: m,
+  renderItem: c,
+  estimateSize: u,
+  overscan: d,
+  height: t,
+  scrollElement: f,
   busy: v,
-  footer: f,
-  empty: r,
-  "aria-label": p,
-  "aria-labelledby": b,
-  className: h,
-  itemClassName: N,
-  style: t
-}, _) {
-  const { listRef: y, virtualItems: j, totalSize: I, measureElement: w, scrollToIndex: s } = S({
-    items: l,
-    getKey: n,
-    estimateSize: c,
-    overscan: m,
-    scrollElement: d
+  footer: p,
+  empty: e,
+  "aria-label": b,
+  "aria-labelledby": h,
+  className: N,
+  itemClassName: _,
+  style: s
+}, y) {
+  const { listRef: j, virtualItems: I, totalSize: w, measureElement: x, scrollToIndex: o } = k({
+    items: i,
+    getKey: m,
+    estimateSize: u,
+    overscan: d,
+    scrollElement: f
   });
-  R(_, () => ({ scrollToIndex: s }), [s]);
-  const o = e !== void 0, x = ["u-virtual-list", o && "u-virtual-list--scroll", h].filter(Boolean).join(" "), L = ["u-virtual-list__item", N].filter(Boolean).join(" ");
-  return /* @__PURE__ */ B("div", { className: x, style: o ? { height: e, ...t } : t, children: [
-    /* @__PURE__ */ i(
+  S(y, () => ({ scrollToIndex: o }), [o]);
+  const n = t !== void 0, C = [l("virtual-list"), n && l("virtual-list--scroll"), N].filter(Boolean).join(" "), L = [l("virtual-list__item"), _].filter(Boolean).join(" ");
+  return /* @__PURE__ */ B("div", { className: C, style: n ? { height: t, ...s } : s, children: [
+    /* @__PURE__ */ r(
       "ul",
       {
-        ref: y,
+        ref: j,
         role: "list",
-        className: "u-virtual-list__inner",
-        style: { height: I },
-        "aria-label": p,
-        "aria-labelledby": b,
+        className: l("virtual-list__inner"),
+        style: { height: w },
+        "aria-label": b,
+        "aria-labelledby": h,
         "aria-busy": v || void 0,
-        children: j.map(({ key: V, index: a, start: g, item: z }) => /* @__PURE__ */ i(
+        children: I.map(({ key: V, index: a, start: g, item: z }) => /* @__PURE__ */ r(
           "li",
           {
-            ref: w,
+            ref: x,
             "data-index": a,
             className: L,
             style: { top: g },
-            "aria-setsize": l.length,
+            "aria-setsize": i.length,
             "aria-posinset": a + 1,
-            children: u(z, a)
+            children: c(z, a)
           },
           V
         ))
       }
     ),
-    !l.length && r !== void 0 && /* @__PURE__ */ i("div", { className: "u-virtual-list__empty", children: r }),
-    f
+    !i.length && e !== void 0 && /* @__PURE__ */ r("div", { className: l("virtual-list__empty"), children: e }),
+    p
   ] });
 }
-const A = C(E);
-export { A as VirtualList$u };
+const F = R(E);
+export { F as VirtualList$u };