urfu-ui-kit-react 2.1.3 → 2.1.5

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,218 @@
+import { jsxs as $, jsx as P } from "react/jsx-runtime";
+import { useRef as D, useState as C, useCallback as z, useLayoutEffect as U, useEffect as Y, useId as V } from "react";
+/* empty css                 */
+import { createPortal as J } from "react-dom";
+/* empty css                                     */
+/* empty css         */
+import { getPortalScopeProps$u as Q } from "../../shared/uiKitDefaults.js";
+const Z = 100, W = (r, t, n, f) => {
+  const s = G(O), p = t.x + t.width / 2, a = t.y + t.height / 2 - f / 2 + t.scrollY;
+  return r === "bottom" ? { x: p, y: t.y + t.height + t.scrollY + s } : r === "right" ? { x: t.x + t.width + s + n / 2, y: a } : r === "left" ? { x: t.x - s - n / 2, y: a } : { x: p, y: t.y + t.scrollY - s - f };
+}, _ = 8, O = 10, q = 14, G = (r) => {
+  if (typeof window > "u" || typeof document > "u") return r;
+  const t = parseFloat(getComputedStyle(document.documentElement).fontSize);
+  return !Number.isFinite(t) || t <= 0 ? r : r * (t / 16);
+}, tt = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, et = (r, t, n, f) => {
+  const s = G(O), p = t.x + t.width / 2, a = t.y + t.height / 2 - f / 2 + t.scrollY;
+  return r === "top" ? { x: p, y: t.y + t.scrollY - s - f } : r === "bottom" ? { x: p, y: t.y + t.height + t.scrollY + s } : r === "right" ? { x: t.x + t.width + s + n / 2, y: a } : { x: t.x - s - n / 2, y: a };
+}, nt = (r, t, n, f) => {
+  var M, u;
+  const s = W(r, t, n, f);
+  if (typeof window > "u")
+    return { placement: r, ...s, arrowShift: 0 };
+  const p = ((M = document.documentElement) == null ? void 0 : M.clientHeight) || window.innerHeight, a = ((u = document.documentElement) == null ? void 0 : u.clientWidth) || window.innerWidth, w = [r, tt[r]];
+  for (const d of ["top", "bottom", "left", "right"])
+    w.includes(d) || w.push(d);
+  const g = (d) => {
+    const h = d.y - t.scrollY, E = d.x - n / 2;
+    return Math.max(0, _ - h) + Math.max(0, h + f - (p - _)) + Math.max(0, _ - E) + Math.max(0, E + n - (a - _));
+  };
+  let l = null;
+  for (const d of w) {
+    const h = d === r ? s : et(d, t, n, f), E = g(h);
+    if (E === 0)
+      return { placement: d, x: h.x, y: h.y, arrowShift: 0 };
+    (!l || E < l.overflow) && (l = { placement: d, x: h.x, y: h.y, overflow: E });
+  }
+  const m = l;
+  let x = m.x;
+  const b = n / 2;
+  x - b < _ ? x = b + _ : x + b > a - _ && (x = a - _ - b);
+  const y = t.x + t.width / 2, T = Math.max(0, b - q), I = Math.max(-T, Math.min(T, y - x));
+  return { placement: m.placement, x, y: m.y, arrowShift: I };
+}, k = (r) => {
+  const t = document.activeElement;
+  if (!r || !t || !r.contains(t)) return !1;
+  const n = document.documentElement.getAttribute("data-input-mode");
+  if (n) return n === "keyboard";
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}, rt = 1e3;
+let j = -1 / 0, H = !1;
+const ot = () => {
+  H || typeof document > "u" || (H = !0, document.addEventListener("pointerdown", () => {
+    j = Date.now();
+  }, { capture: !0, passive: !0 }));
+}, it = () => document.documentElement.getAttribute("data-input-mode") !== "keyboard" && Date.now() - j < rt, mt = ({
+  children: r = /* @__PURE__ */ P("div", {}),
+  className: t = "",
+  portalOn: n = !1,
+  id: f = "",
+  tooltipText: s = /* @__PURE__ */ P("div", {}),
+  style: p,
+  tooltipStyle: a,
+  position: w = "top",
+  isActive: g = !0,
+  showWhenActive: l = !1
+}) => {
+  const m = D(null), x = D(null), b = D(null), [y, T] = C(!1), [I, M] = C(null), [u, d] = C(null), [h, E] = C(w), [X, B] = C(!1), F = () => {
+    b.current && (clearTimeout(b.current), b.current = null);
+  }, S = z(() => {
+    F(), T(!1), M(null), d(null), B(!1), E(w);
+  }, [w]), L = z((e) => {
+    F();
+    const { x: i, y: o, width: c, height: v } = e.getBoundingClientRect();
+    M({ x: i, y: o, width: c, height: v, scrollY: window.scrollY }), T(!0);
+  }, []), N = z((e) => {
+    const { x: i, y: o, width: c, height: v } = e.getBoundingClientRect();
+    M((R) => R && { x: i, y: o, width: c, height: v, scrollY: window.scrollY });
+  }, []);
+  U(() => {
+    if (!n || !y || !I) return;
+    const e = x.current;
+    if (!e) return;
+    const { width: i, height: o } = e.getBoundingClientRect(), c = nt(w, I, i, o);
+    E(c.placement), d({ x: c.x, y: c.y, arrowShift: c.arrowShift });
+  }, [n, y, I, w, s]), Y(() => {
+    if (u)
+      return b.current = setTimeout(() => B(!0), Z), F;
+  }, [u]), Y(() => {
+    g || S();
+  }, [g, S]), Y(() => {
+    if (!y) return;
+    const e = () => {
+      if (l && g) return;
+      const i = m.current;
+      if (i && k(i)) {
+        N(i);
+        return;
+      }
+      S();
+    };
+    return window.addEventListener("scroll", e, !0), () => window.removeEventListener("scroll", e, !0);
+  }, [y, l, g, S, N]), Y(() => {
+    if (!n || !y) return;
+    let e;
+    const i = () => {
+      e !== void 0 && window.cancelAnimationFrame(e), e = window.requestAnimationFrame(() => {
+        const R = m.current;
+        R && N(R);
+      });
+    };
+    window.addEventListener("resize", i);
+    const o = typeof ResizeObserver > "u" ? null : new ResizeObserver(i);
+    let c = m.current;
+    for (; c; )
+      o == null || o.observe(c), c = c.parentElement;
+    const v = x.current;
+    return v && (o == null || o.observe(v)), () => {
+      window.removeEventListener("resize", i), o == null || o.disconnect(), e !== void 0 && window.cancelAnimationFrame(e);
+    };
+  }, [n, y, N]), Y(() => {
+    if (!l || !n) return;
+    if (!g) {
+      S();
+      return;
+    }
+    const e = m.current;
+    e && L(e);
+  }, [l, n, g, S, L]), Y(() => F, []), Y(ot, []);
+  const K = V(), A = f ? `u-tooltip${f}` : `u-tooltip${K.replace(/:/g, "")}`;
+  return Y(() => {
+    const e = m.current;
+    if (!n || !y || !e) return;
+    const i = document.activeElement, o = i instanceof HTMLElement && e.contains(i) ? i : e, c = new Set((o.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean));
+    return c.add(A), o.setAttribute("aria-describedby", [...c].join(" ")), () => {
+      const v = (o.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((R) => R && R !== A);
+      v.length ? o.setAttribute("aria-describedby", v.join(" ")) : o.removeAttribute("aria-describedby");
+    };
+  }, [n, y, A]), n ? /* @__PURE__ */ $(
+    "div",
+    {
+      ref: m,
+      style: p,
+      onMouseEnter: l ? void 0 : (e) => {
+        g && L(e.currentTarget);
+      },
+      onMouseLeave: l ? void 0 : () => {
+        k(m.current) || S();
+      },
+      onFocus: l ? void 0 : (e) => {
+        g && !it() && L(e.currentTarget);
+      },
+      onBlur: l ? void 0 : (e) => {
+        e.currentTarget.contains(e.relatedTarget) || S();
+      },
+      onKeyDown: (e) => {
+        e.key === "Escape" && S();
+      },
+      className: `u-help ${t}`,
+      children: [
+        y && J(
+          /* @__PURE__ */ P(
+            "div",
+            {
+              ref: x,
+              ...Q(),
+              style: {
+                left: (u == null ? void 0 : u.x) ?? 0,
+                top: (u == null ? void 0 : u.y) ?? 0,
+                opacity: X ? 1 : 0,
+                /**
+                 * До первого замера подсказка скрыта, но занимает место —
+                 * `visibility` сохраняет размеры, поэтому её есть чем измерить.
+                 */
+                visibility: u ? "visible" : "hidden",
+                /**
+                 * Переход только по прозрачности. В vanilla у `.u-help-tooltip`
+                 * стоит `transition: 0.3s` — на все свойства сразу, включая
+                 * координаты, и подсказка съезжала к месту через пол-экрана:
+                 * сначала при уточнении позиции по замеру, а с выносом замера
+                 * вперёд — ещё и от начальной точки.
+                 */
+                transition: "opacity 0.3s",
+                height: "fit-content",
+                /**
+                 * Как во Vue-ките: над окнами (1000), фильтрами таблицы (9999) и выпадающими
+                 * списками (10010). Одно значение у обоих китов — на странице с оболочкой и
+                 * сервисом слой подсказки не зависит от того, чей кит объявил токен на :root.
+                 */
+                zIndex: "var(--u-tooltip-z, 10020)",
+                "--u-tooltip-arrow-shift": `${(u == null ? void 0 : u.arrowShift) ?? 0}px`,
+                ...a
+              },
+              className: `u-help-tooltip u-help-tooltip-portal--${h}`,
+              id: A,
+              role: "tooltip",
+              children: s
+            }
+          ),
+          document.body
+        ),
+        /* @__PURE__ */ P("div", { className: "u-help__content", children: r })
+      ]
+    }
+  ) : /* @__PURE__ */ $("div", { style: p, className: `u-help ${t}`, children: [
+    /* @__PURE__ */ P("div", { className: `u-help-tooltip u-help-tooltip--${w}`, children: s }),
+    /* @__PURE__ */ P("div", { className: "u-help__content", children: r })
+  ] });
+};
+export { mt as Tooltip$u };

package/dist/components/TreeView/TreeView.d.ts

@@ -1,4 +1,5 @@
 
+
 import './TreeView.less';
 import { SelectProperties } from './TreeView.types';
 import '../../styles/tokens.less';

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAchC,eAAO,MAAM,QAAQ,GAAI,uRAyBtB,gBAAgB,4CAmYlB,CAAA"}
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAuB,MAAM,kBAAkB,CAAA;AACxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAchC,eAAO,MAAM,QAAQ,GAAI,uRAyBtB,gBAAgB,4CAmYlB,CAAA"}

package/dist/components/TreeView/TreeView.js

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

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

@@ -5,10 +5,6 @@ export type DataProperties = Partial<{
     parentId: string;
     title: string;
 }>;
-export type OptionsPositionProperties = Partial<{
-    x: number;
-    y: number;
-}>;
 export type SelectProperties = Partial<{
     title: string;
     required: boolean;

package/dist/components/TreeView/TreeView.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.types.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IAC1C,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC"}
+{"version":3,"file":"TreeView.types.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IAC1C,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC"}

package/dist/dev/index.js

@@ -814,7 +814,7 @@ function N() {
 function tn() {
   S == null || S(), S = null, k == null || k.disconnect(), k = null, b == null || b.removeEventListener("keydown", Dt, !0), b == null || b.removeEventListener("pointerup", N, !0), b == null || b.removeEventListener("pointercancel", N, !0), b = null, A = !1, E = !1, clearTimeout(tt), h == null || h.remove(), h = null, c = null, Object.assign(l, Et);
 }
-const Rt = Symbol.for("urfu-ui-kit.dev-panel"), M = {
+const Rt = /* @__PURE__ */ Symbol.for("urfu-ui-kit.dev-panel"), M = {
   version: 1,
   mount(t, e, n) {
     return Wt(), Xt(e), Zt(t, e).state.faults.includes("offline") && ot(!1), ye(n), Ge(), () => {
@@ -852,7 +852,7 @@ function an(t) {
 function cn() {
   (B() ?? M).reset();
 }
-const rn = () => "2.1.3";
+const rn = () => "2.1.5";
 function un(t) {
   return nn(t, { name: "urfu-ui-kit-react", version: rn() });
 }

package/dist/dev/types/vanilla/src/dev/shown.d.ts

@@ -1,5 +1,3 @@
-/** Сколько последних показов помнит журнал. */
-export declare const SHOWN_SIZE = 30;
 export type DevShownKind = 'screen' | 'notification' | 'offline';
 export interface DevShownEntry {
     id: number;

package/dist/dev/types/vanilla/src/dev/store.d.ts

@@ -15,16 +15,12 @@ export interface DevServiceEntry {
     /** Кит, через который подключён сервис: панель одна на все копии кита на странице. */
     kit?: DevKitInfo;
 }
-/** Пункты, которые есть у каждого сервиса (группа «Сеть» панели). */
-export declare const NETWORK_FAULTS: readonly ["offline", "network", "slow"];
 /**
  * Параметр `dev` в адресе: `off` снимает сбои всех сервисов (выход, если панели не видно),
  * `a,b` — включает этот набор сбоев (ссылка на сценарий). Параметр сразу убирается из адреса
  * (остальные параметры, hash и `history.state` роутера сохраняются): F5 не применяет его снова.
  */
 export declare function applyUrl(): void;
-/** Id пунктов, которые знает сервис: сеть, готовые пункты и группы. */
-export declare function knownFaults(config: DevPanelConfig): string[];
 export declare function setKitInfo(info: DevKitInfo | undefined): void;
 export declare function getKitInfo(): DevKitInfo | undefined;
 export declare function registerService(config: DevPanelConfig, kitInfo?: DevKitInfo): DevServiceEntry;

package/dist/fonts/icons/urfu-ui-icon-font.svg

@@ -133,6 +133,9 @@
     <glyph glyph-name="full-screen"
       unicode="&#xE929;"
       horiz-adv-x="1000" d="M50 950H300C327.614 950 350 927.614 350 900C350 872.386 327.614 850 300 850H220.7105L385.3555 685.3555C404.8815 665.829 404.8815 634.171 385.3555 614.6445C365.829 595.1185 334.171 595.1185 314.6445 614.6445L150 779.2895V700C150 672.386 127.614 650 100 650C72.386 650 50 672.386 50 700V950zM314.6445 385.355C334.171 404.88 365.829 404.88 385.3555 385.355C404.8815 365.83 404.8815 334.1700000000001 385.3555 314.645L220.7105 150H300C327.614 150 350 127.6149999999999 350 100C350 72.3850000000001 327.614 50 300 50H50V300C50 327.615 72.386 350 100 350C127.614 350 150 327.615 150 300V220.7099999999999L314.6445 385.355zM650 900C650 927.614 672.385 950 700 950H950V700C950 672.386 927.6149999999998 650 900 650C872.3850000000001 650 850 672.386 850 700V779.2895L685.355 614.6445C665.8299999999999 595.1185 634.1700000000001 595.1185 614.645 614.6445C595.12 634.171 595.12 665.829 614.645 685.3555L779.2900000000001 850H700C672.385 850 650 872.386 650 900zM614.645 385.355C634.1700000000001 404.88 665.8299999999999 404.88 685.355 385.355L850 220.7099999999999V300C850 327.615 872.3850000000001 350 900 350C927.6149999999998 350 950 327.615 950 300V50H700C672.385 50 650 72.3850000000001 650 100C650 127.6149999999999 672.385 150 700 150H779.2900000000001L614.645 314.645C595.12 334.1700000000001 595.12 365.83 614.645 385.355z" />
+    <glyph glyph-name="grid"
+      unicode="&#xE970;"
+      horiz-adv-x="1000" d="M150 950H350C405.2285000000001 950 450 905.2285 450 850V650C450 594.7715 405.2285000000001 550 350 550H150C94.7715 550 50 594.7715 50 650V850C50 905.2285 94.7715 950 150 950zM150 850V650H350V850zM650 950H850C905.2285 950 950 905.2285 950 850V650C950 594.7715 905.2285 550 850 550H650C594.7715 550 550 594.7715 550 650V850C550 905.2285 594.7715 950 650 950zM650 850V650H850V850zM150 450H350C405.2285000000001 450 450 405.2285000000001 450 350V150C450 94.7715000000001 405.2285000000001 50 350 50H150C94.7715 50 50 94.7715000000001 50 150V350C50 405.2285000000001 94.7715 450 150 450zM150 350V150H350V350zM650 450H850C905.2285 450 950 405.2285000000001 950 350V150C950 94.7715000000001 905.2285 50 850 50H650C594.7715 50 550 94.7715000000001 550 150V350C550 405.2285000000001 594.7715 450 650 450zM650 350V150H850V350z" />
     <glyph glyph-name="hidden"
       unicode="&#xE92A;"
       horiz-adv-x="1000" d="M666.945 328.175C686.745 347.425 718.4 347 737.65 327.2000000000001L933.745 125.4400000000001C952.9949999999998 105.64 952.57 73.985 932.77 54.735C912.97 35.49 881.315 35.92 862.0649999999999 55.715L665.9200000000001 257.4700000000001C646.6750000000001 277.27 647.145 308.925 666.945 328.175zM120.1625 696.782C137.944 717.9005 169.497 720.6135 190.622 702.8365C211.7395 685.0550000000001 214.453 653.502 196.677 632.377C149.3375 576.1225 119.136 519.5775000000001 105.172 490.385C122.378 457.2199999999999 162.5175 388.9400000000001 226.9995 328.5650000000001C293.3450000000001 266.4500000000001 383.243 214.5550000000001 500 214.5500000000001C531.53 214.5500000000001 560.91 218.34 588.235 224.9500000000001C615.0699999999999 231.45 642.135 214.97 648.635 188.135C655.13 161.295 638.61 134.2800000000001 611.77 127.7850000000001C576.865 119.335 539.595 114.5500000000001 500 114.5500000000001C350.8095 114.5550000000001 237.6365 181.605 158.6395 255.57C80.091 329.11 33.13205 411.38 14.25285 448.49C1.126735 474.3050000000001 1.08727 504.0705 13.1298 529.691C28.52015 562.4300000000001 63.5145 629.4655 120.1625 696.782zM500 689.5550000000001C610.4599999999999 689.5550000000001 700.005 600.0115000000001 700.005 489.555C699.995 438.8400000000001 681.115 392.53 650 357.275C613.355 315.76 559.735 289.5500000000001 500 289.5500000000001C389.551 289.5550000000001 300.0115 379.105 299.9985000000001 489.555C299.9985000000001 549.287 326.2045 602.9075 367.724 639.5550000000001C402.9805 670.673 449.278 689.5550000000001 500 689.5550000000001zM500 889.5565C651.33 889.5565 765.325 815.966 844 736.1865C922.335 656.746 968.805 568.274 987.02 529.4955C999.235 503.4805000000001 998.635 473.765 985.7 448.3450000000001C971.0050000000002 419.485 939.805 364.25 890.5799999999999 306.985C872.5849999999999 286.0450000000001 841.015 283.6700000000001 820.0749999999999 301.6600000000001C799.13 319.66 796.75 351.23 814.7500000000001 372.1700000000001C855.3649999999999 419.4250000000001 881.845 465.265 894.88 490.385C877.9999999999999 525.671 837.7800000000001 600.0805 772.805 665.971C705.975 733.7394999999999 616.075 789.556 500 789.556C468.7929999999999 789.5550000000001 439.722 785.576 412.646 778.5205C385.928 771.5564999999999 358.58 787.548 351.6105 814.263C344.6455 840.9845 360.68 868.3335 387.4015 875.2985C422.545 884.458 460.0975 889.5555 500 889.5565zM500 589.5545C474.5720000000001 589.5545 451.5755 580.215 433.8865 564.603C412.96 546.133 399.9995 519.4069999999999 399.9995 489.555C400.0125 434.3350000000001 444.78 389.5550000000001 500 389.5550000000001C529.855 389.5550000000001 556.58 402.515 575.05 423.44C590.66 441.125 599.995 464.135 600 489.555C600 544.7825 555.23 589.5545 500 589.5545zM96.285 915.1425C116.0815 934.3875 147.7395 933.9555 166.989 914.166L347.3135000000001 728.6669999999999C366.5555 708.8685 366.1285 677.211 346.337 657.963C326.537 638.7155 294.8815 639.19 275.6330000000001 658.9885L95.3085 844.439C76.064 864.235 76.4975 895.893 96.285 915.1425z" />
@@ -327,7 +330,7 @@
       horiz-adv-x="1000" d="M600 450C765.6850000000001 450 900 315.6850000000001 900 150V50C900 22.3850000000001 877.6149999999999 0 850 0C822.3850000000001 0 800 22.3850000000001 800 50V150C800 260.455 710.4549999999999 350 600 350H400C289.543 350 200 260.455 200 150L199.9025 116.015L200 106.835L199.951 49.9499999999999C199.9265 22.3699999999999 177.534 0 149.951 0C122.3695 0.015 100.013 22.3699999999999 100 49.9499999999999V150C100 315.6850000000001 234.3145 450 400 450H600zM500 1000C595 1000 675 920 675 825V725C675 630 595 550 500 550C405 550 325 630 325 725V825C325 920 405 1000 500 1000zM500 900C459.9999999999999 900 425 865 425 825V725C425 685 459.9999999999999 650 500 650C540 650 575 685 575 725V825C575 865 540 900 500 900z" />
     <glyph glyph-name="verified"
       unicode="&#xE96A;"
-      horiz-adv-x="1000" d="M494.998 19.9999999999999C484.998 19.9999999999999 469.998 19.9999999999999 459.998 25C374.998 55.0000000000001 169.998 140 99.998 275C34.99785 400 44.99785 650 59.998 785C64.998 825 89.998 860 129.998 875C184.998 895 309.998 925 499.998 925C690 925 815 895 869.9999999999999 875C910 860 935 830 940 790C955.0000000000002 680 975 410 910 280C840 144.9999999999999 625 60 540 30.0000000000001C520 25 509.9999999999999 19.9999999999999 494.998 19.9999999999999zM189.998 325C234.998 240 374.998 165 494.998 125H499.998C625 165 770 240 815 325C860 410 855.0000000000001 615 835 780C780 800 670 830 494.998 830C319.998 830 209.998 800 159.998 785C144.998 615 144.998 410 189.998 325zM322.265 433.395A50 50 0 0 0 377.735 516.605L519.6 422.025L634.95 654.95A50 50 0 0 0 715.05 595.05L531.9 350.4500000000001Q507 322 464.13 338.8150000000001L322.265 433.395z" />
+      horiz-adv-x="1000" d="M499.9915 925C689.965 924.999 814.9549999999999 894.9995 869.96 875C909.96 860 934.98 829.99 939.9800000000002 789.99C954.98 679.984 975 409.975 910 279.98C840 144.985 624.9799999999999 59.98 539.98 29.9799999999999C519.985 24.98 509.96 20.0200000000001 494.9625 20.0200000000001C484.968 20.0200000000001 469.995 20.0100000000001 460.0015 25C375.002 55.0000000000001 169.9935 140.005 99.9915 275C34.9915 400 45.00125 650.01 60.0015 785.01C65.0045 825.002 89.9805 860 129.972 875C184.972 895 309.9915000000001 925 499.9915 925zM494.9625 829.9805C319.998 829.9784999999999 210.0095 800.0115000000001 160.0015 785.01C145.0015 615.01 144.9815 410 189.9815 325C234.98 240.005 374.966 165 494.9625 125H499.9915C624.99 165 769.985 240 814.9800000000001 325C859.98 409.995 855.0000000000001 614.9845 835 779.9805C780 799.9805 669.96 829.9805 494.9625 829.9805zM634.025 653.662C649.86 676.28 681.035 681.7935 703.655 665.9670000000001C726.27 650.133 731.785 618.9585 715.96 596.338L546.575 354.3450000000001C527.875 327.635 491.2325 320.735 464.103 338.8200000000001L322.257 433.4C299.2805 448.7149999999999 293.0725 479.76 308.39 502.7345C323.7080000000001 525.7094999999999 354.75 531.919 377.726 516.6015L487.052 443.7000000000001L634.025 653.662z" />
     <glyph glyph-name="video"
       unicode="&#xE96B;"
       horiz-adv-x="750" d="M730.0024999999999 449.99V682.49C730.0024999999999 732.49 707.5 777.4902500000001 670 807.4902500000001L535 917.49025C507.5 939.99025 472.4999999999999 952.49025 437.5 952.49025H177.50125C90.00125 952.49025 20.001225 879.9902500000001 20.001225 789.9902500000001V227.49C20.001225 137.49 90.00125 64.99 177.50125 64.99H575C662.5 64.99 732.5 137.49 732.5 227.49V297.49C732.5 312.49 722.5 322.49 707.5 322.49C692.5 322.49 682.5 312.49 682.5 297.49V227.49C682.5 164.99 635 114.99 575 114.99H177.50125C117.50125 114.99 70.00125 164.99 70.00125 227.49V792.4902500000001C70.00125 854.9902500000001 117.50125 904.99025 177.50125 904.99025H440.0000000000001V759.99025C440.0000000000001 719.99 470 689.99 509.9999999999999 689.99H682.5V682.49V449.99C680 434.99 692.5024999999999 424.99 705.0024999999999 424.99C720.0025 424.99 730.0024999999999 434.99 730.0024999999999 449.99zM320.4775 567.9649999999999C312.1550000000001 572.3275 302.175 566.29 302.175 556.8925L302.175 393.1075C302.175 383.7100000000001 312.1550000000001 377.6725 320.4775 382.0350000000001L476.705 463.9300000000001C485.635 468.61 485.635 481.39 476.705 486.0699999999999L320.4775 567.9649999999999zM523.9124999999999 433.9775000000001L328.26 331.4175C293.4775 313.185 250 335.975 250 372.4400000000001V577.56C250 614.025 293.4775 636.815 328.26 618.5825L523.9124999999999 516.0225C558.6949999999999 497.79 558.6949999999999 452.21 523.9124999999999 433.9775000000001z" />