urfu-ui-kit-react 2.1.7-next.0 → 2.1.7-next.2

package/dist/components/Calendar/CalendarSelect.js

@@ -1,41 +1,41 @@
-import { jsxs as x, jsx as a } from "react/jsx-runtime";
-import { useRef as d, useEffect as h } from "react";
-import { useDismiss$u as m } from "../../hooks/useDismiss.js";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { useRef as d, useEffect as m } from "react";
+import { useDismiss$u as b } from "../../hooks/useDismiss.js";
 const S = ({
-  options: i,
-  value: t,
+  options: n,
+  value: a,
   onChange: p,
-  width: f = 100,
-  fallbackValue: l,
-  isOpen: r,
-  onOpen: v,
-  onClose: c
+  width: v = 100,
+  fallbackValue: o,
+  isOpen: t,
+  onOpen: f,
+  onClose: i
 }) => {
-  const o = d(null), u = d(null);
-  m({ refs: [o], onDismiss: c, enabled: r });
-  const s = i.find((e) => e.value === t);
-  return h(() => {
-    if (!r) return;
+  const l = d(null), u = d(null);
+  b({ refs: [l], onDismiss: i, enabled: t });
+  const s = n.find((e) => e.value === a);
+  return m(() => {
+    if (!t) return;
     const e = u.current;
     if (!e) return;
-    const n = e.querySelector("[data-current='true']") ?? e.querySelector("[data-fallback='true']");
-    n && (e.scrollTop = n.offsetTop - e.clientHeight / 2 + n.offsetHeight / 2);
-  }, [r]), /* @__PURE__ */ x(
+    const c = e.querySelector("[data-current='true']") ?? e.querySelector("[data-fallback='true']");
+    c && (e.scrollTop = c.offsetTop - e.clientHeight / 2 + c.offsetHeight / 2);
+  }, [t]), /* @__PURE__ */ x(
     "div",
     {
-      ref: o,
+      ref: l,
       style: {
         // Ширину задаёт скрытый эталон ниже — по самой длинной подписи. `width`
         // остаётся нижней границей, чтобы короткие списки не схлопывались.
         position: "relative",
         width: "max-content",
-        minWidth: `calc(${f} * var(--u-unit, 1px))`,
+        minWidth: `calc(${v} * var(--u-unit, 1px))`,
         userSelect: "none",
         cursor: "pointer"
       },
       className: "calendar-custom-select",
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "span",
           {
             "aria-hidden": !0,
@@ -45,7 +45,7 @@ const S = ({
               overflow: "hidden",
               fontSize: "var(--u-font-size-14, calc(14 * var(--u-unit, 1px)))"
             },
-            children: i.map((e) => /* @__PURE__ */ a(
+            children: n.map((e) => /* @__PURE__ */ r(
               "span",
               {
                 style: {
@@ -62,7 +62,7 @@ const S = ({
             ))
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "div",
           {
             className: "calendar-custom-select-input",
@@ -77,18 +77,18 @@ const S = ({
               lineHeight: "calc(29 * var(--u-unit, 1px))",
               // Черта идёт по всей ширине поля, а ширину задаёт эталон по самой
               // длинной подписи — значит она совпадает с шириной выпадающего списка.
-              borderBottom: "1px solid #748AB9",
+              borderBottom: "1px solid var(--u-color-border, #748AB9)",
               display: "flex",
               alignItems: "center",
               justifyContent: "center"
             },
             onClick: (e) => {
-              e.stopPropagation(), r ? c() : v();
+              e.stopPropagation(), t ? i() : f();
             },
-            children: /* @__PURE__ */ a("span", { children: s ? s.label : "" })
+            children: /* @__PURE__ */ r("span", { children: s ? s.label : "" })
           }
         ),
-        r && /* @__PURE__ */ a(
+        t && /* @__PURE__ */ r(
           "div",
           {
             ref: u,
@@ -103,8 +103,8 @@ const S = ({
               // из-за этого годы обрезались в «202», а месяцы в «Сентябр».
               width: "100%",
               scrollbarGutter: "stable",
-              background: "#fff",
-              border: "1px solid #748AB9",
+              background: "var(--u-color-surface, #fff)",
+              border: "1px solid var(--u-color-border, #748AB9)",
               borderRadius: "calc(4 * var(--u-unit, 1px))",
               boxShadow: "0 2px 8px rgba(30,67,145,0.08)",
               zIndex: 10,
@@ -112,29 +112,29 @@ const S = ({
               overflowY: "auto",
               fontSize: "var(--u-font-size-14, calc(14 * var(--u-unit, 1px)))"
             },
-            children: i.map((e) => /* @__PURE__ */ a(
+            children: n.map((e) => /* @__PURE__ */ r(
               "div",
               {
                 className: "calendar-custom-select-option",
-                "data-current": t === e.value ? "true" : void 0,
-                "data-fallback": l !== void 0 && l === e.value ? "true" : void 0,
+                "data-current": a === e.value ? "true" : void 0,
+                "data-fallback": o !== void 0 && o === e.value ? "true" : void 0,
                 style: {
                   // Без внешних отступов: они оставляли белые поля вокруг подсветки
                   // выбранного пункта. Воздух даёт паддинг, подсветка идёт от
                   // края до края списка.
                   padding: "calc(6 * var(--u-unit, 1px)) calc(6 * var(--u-unit, 1px))",
                   cursor: "pointer",
-                  background: t === e.value ? "#EAF1FF" : "#fff",
-                  borderRadius: t === e.value ? "4px" : 0,
-                  color: t === e.value ? "#1E4391" : "#222",
+                  background: a === e.value ? "var(--u-calendar-select-option-active-background, #EAF1FF)" : "var(--u-color-surface, #fff)",
+                  borderRadius: a === e.value ? "4px" : 0,
+                  color: a === e.value ? "var(--u-color-primary, #1E4391)" : "var(--u-color-text, #222)",
                   margin: 0,
-                  transition: "background 0.15s",
+                  transition: "background var(--u-duration-fast, 0.15s)",
                   fontSize: "var(--u-font-size-14, calc(14 * var(--u-unit, 1px)))",
                   // Подписи не переносим: список расширяется по содержимому.
                   whiteSpace: "nowrap"
                 },
-                onClick: (n) => {
-                  n.stopPropagation(), c(), p(e.value);
+                onClick: (c) => {
+                  c.stopPropagation(), i(), p(e.value);
                 },
                 children: e.label
               },

package/dist/components/Calendar/MaskedDateInput.d.ts

@@ -12,6 +12,8 @@ type ExtraDateProps = {
     /** Включает редактирование сегментов колесом мыши, стрелками ↑↓ и переход по Enter.
      *  По умолчанию выключено — поле работает как обычный masked-input (только ввод). */
     wheelEdit?: boolean;
+    /** Период: маска «дд.мм.гггг - дд.мм.гггг». Колесо и откат неполного значения на blur не работают. */
+    range?: boolean;
 };
 export declare const MaskedDateInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & ExtraDateProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/Calendar/MaskedDateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedDateInput.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/MaskedDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAWf,KAAK,cAAc,GAAG;IACpB,oHAAoH;IACpH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;+DAC2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;yFACqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAqBF,eAAO,MAAM,eAAe,qJA8T1B,CAAC"}
+{"version":3,"file":"MaskedDateInput.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/MaskedDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAWf,KAAK,cAAc,GAAG;IACpB,oHAAoH;IACpH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;+DAC2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;yFACqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAoCF,eAAO,MAAM,eAAe,qJAsU1B,CAAC"}

package/dist/components/Calendar/MaskedDateInput.js

@@ -1,42 +1,45 @@
-import { jsx as P } from "react/jsx-runtime";
-import { forwardRef as C, useRef as I, useState as _, useCallback as S, useEffect as $, useLayoutEffect as N } from "react";
-import { useInputOverflow$u as tt } from "../../hooks/useInputOverflow.js";
-import { getSegmentRange$u as U, incrementDateSegment$u as et, parseDateString$u as rt, getSegmentAtCaret$u as M, maskDateValue$u as nt } from "../../vanilla/core/dateMask.js";
-const b = /^\d{2}\.\d{2}\.\d{4}$/, ct = (n, i) => {
-  var l, f;
-  (f = (l = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : l.set) == null || f.call(n, i), n.dispatchEvent(new Event("input", { bubbles: !0 }));
-}, st = (n, i) => {
-  const l = n.selectionStart ?? 0, f = n.selectionEnd ?? l;
-  if (l === f) return !1;
-  if (l === 0 && f === n.value.length) return !0;
-  if (!i) return !1;
-  const [T, d] = U(i);
-  return l === T && f === d;
-}, ut = C(({ value: n, onChange: i, onFocus: l, onBlur: f, onMouseUp: T, onKeyDown: d, onWheelDate: H, onOpenCalendar: R, onFocusChange: E, isClearable: Y, wheelEdit: o = !1, ...w }, A) => {
-  const s = I(null);
-  tt(s, n, w.disabled);
-  const [g, z] = _(null), q = I(null), p = S((t) => {
-    q.current = t, z(t);
-  }, []), [B, G] = _(0), [J, Q] = _(0), a = I(typeof n == "string" ? n : ""), L = I(
-    typeof n == "string" && b.test(n) ? n : ""
-  ), V = I(!1);
-  $(() => {
-    typeof n == "string" && b.test(n) && (L.current = n), V.current || (a.current = typeof n == "string" ? n : "");
-  }, [n]);
-  const W = S(
+import { jsx as nt } from "react/jsx-runtime";
+import { forwardRef as ct, useRef as I, useState as O, useCallback as E, useEffect as q, useLayoutEffect as Y } from "react";
+import { useInputOverflow$u as st } from "../../hooks/useInputOverflow.js";
+import { getSegmentRange$u as v, incrementDateSegment$u as ut, parseDateString$u as it, getSegmentAtCaret$u as j, maskDateValue$u as w } from "../../vanilla/core/dateMask.js";
+const S = /^\d{2}\.\d{2}\.\d{4}$/, z = " - ", lt = " — ", at = /\s*[-–—]\s*$/, ft = (r) => r.replace(z, lt), ot = (r) => {
+  const s = r.replaceAll(/\D/g, "").slice(0, 16), i = w(s.slice(0, 8));
+  return s.length > 8 ? i + z + w(s.slice(8)) : i;
+}, pt = (r, s) => {
+  var i, f;
+  (f = (i = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : i.set) == null || f.call(r, s), r.dispatchEvent(new Event("input", { bubbles: !0 }));
+}, mt = (r, s) => {
+  const i = r.selectionStart ?? 0, f = r.selectionEnd ?? i;
+  if (i === f) return !1;
+  if (i === 0 && f === r.value.length) return !0;
+  if (!s) return !1;
+  const [R, d] = v(s);
+  return i === R && f === d;
+}, dt = ct(({ value: r, onChange: s, onFocus: i, onBlur: f, onMouseUp: R, onKeyDown: d, onWheelDate: G, onOpenCalendar: L, onFocusChange: A, isClearable: J, wheelEdit: o = !1, range: V = !1, ...B }, T) => {
+  const u = I(null), [Q, U] = O(!1);
+  st(u, r, B.disabled);
+  const [g, X] = O(null), M = I(null), p = E((t) => {
+    M.current = t, X(t);
+  }, []), [W, Z] = O(0), [P, h] = O(0), a = I(typeof r == "string" ? r : ""), k = I(
+    typeof r == "string" && S.test(r) ? r : ""
+  ), _ = I(!1);
+  q(() => {
+    typeof r == "string" && S.test(r) && (k.current = r), _.current || (a.current = typeof r == "string" ? r : "");
+  }, [r]);
+  const F = E(
     (t) => {
-      s.current = t, typeof A == "function" ? A(t) : A && (A.current = t);
+      u.current = t, typeof T == "function" ? T(t) : T && (T.current = t);
     },
-    [A]
-  ), x = S((t) => {
-    const e = s.current;
+    [T]
+  ), x = E((t) => {
+    const e = u.current;
     if (!e) return;
-    const [r, c] = U(t);
-    e.setSelectionRange(r, c);
-  }, []), D = S(
+    const [n, c] = v(t);
+    e.setSelectionRange(n, c);
+  }, []), D = E(
     (t) => {
       const e = () => {
-        q.current === t && x(t);
+        M.current === t && x(t);
       };
       requestAnimationFrame(() => {
         e(), requestAnimationFrame(e);
@@ -44,86 +47,90 @@ const b = /^\d{2}\.\d{2}\.\d{4}$/, ct = (n, i) => {
     },
     [x]
   );
-  N(() => {
+  Y(() => {
     if (!o) return;
-    const t = s.current;
+    const t = u.current;
     !t || document.activeElement !== t || !g || x(g);
-  }, [n, g, x, o, J]), N(() => {
-    if (B === 0) return;
-    const t = s.current;
+  }, [r, g, x, o, P]), Y(() => {
+    if (W === 0) return;
+    const t = u.current;
     !t || document.activeElement !== t || t.setSelectionRange(0, t.value.length);
-  }, [B]);
-  const X = (t) => {
-    const e = nt(t.target.value);
-    t.target.value = e, a.current = e, i == null || i(t);
-  }, Z = (t) => {
-    if (T == null || T(t), !o) return;
+  }, [W]);
+  const K = (t) => {
+    const e = V ? ot(t.target.value) : w(t.target.value);
+    t.target.value = e, a.current = e, s == null || s(t);
+  }, C = (t) => {
+    if (R == null || R(t), !o) return;
     if (t.preventDefault(), t.detail >= 2) {
-      p(null), G((r) => r + 1);
+      p(null), Z((n) => n + 1);
       return;
     }
     const e = t.currentTarget.selectionStart ?? 0;
-    p(M(e)), Q((r) => r + 1);
-  }, h = (t) => {
-    var r;
-    l == null || l(t), E == null || E(!0);
-    const e = ((r = s.current) == null ? void 0 : r.value) ?? "";
-    a.current = b.test(e) ? e : typeof n == "string" ? n : "", b.test(a.current) && (L.current = a.current), V.current = !0, o && (p("day"), D("day"));
-  }, F = (t) => {
+    p(j(e)), h((n) => n + 1);
+  }, tt = (t) => {
+    var n;
+    i == null || i(t), A == null || A(!0), U(!0);
+    const e = ((n = u.current) == null ? void 0 : n.value) ?? "";
+    a.current = S.test(e) ? e : typeof r == "string" ? r : "", S.test(a.current) && (k.current = a.current), _.current = !0, o && (p("day"), D("day"));
+  }, et = (t) => {
     var y;
-    f == null || f(t), E == null || E(!1), V.current = !1, p(null);
-    const e = ((y = s.current) == null ? void 0 : y.value) ?? "";
-    if (b.test(e)) {
-      a.current = e, L.current = e;
+    f == null || f(t), A == null || A(!1), U(!1), _.current = !1, p(null);
+    const e = ((y = u.current) == null ? void 0 : y.value) ?? "";
+    if (V) {
+      a.current = e;
       return;
     }
-    const r = Y && e.trim() === "", c = L.current;
-    if (!r && b.test(c)) {
+    if (S.test(e)) {
+      a.current = e, k.current = e;
+      return;
+    }
+    const n = J && e.trim() === "", c = k.current;
+    if (!n && S.test(c)) {
       a.current = c;
-      const u = s.current;
+      const l = u.current;
       setTimeout(() => {
         var m;
-        if (!u) return;
-        const k = (m = Object.getOwnPropertyDescriptor(
+        if (!l) return;
+        const b = (m = Object.getOwnPropertyDescriptor(
           window.HTMLInputElement.prototype,
           "value"
         )) == null ? void 0 : m.set;
-        k == null || k.call(u, c), u.dispatchEvent(new Event("input", { bubbles: !0 }));
+        b == null || b.call(l, c), l.dispatchEvent(new Event("input", { bubbles: !0 }));
       }, 0);
       return;
     }
     a.current = e;
-  }, j = S(
+  }, N = E(
     (t, e) => {
-      var k;
-      V.current = !0;
-      const r = s.current, c = (r == null ? void 0 : r.value) ?? "", y = b.test(a.current) ? a.current : b.test(c) ? c : "", u = et(y, t, e);
-      if (a.current = u, L.current = u, R == null || R(), r) {
-        const m = (k = Object.getOwnPropertyDescriptor(
+      var b;
+      _.current = !0;
+      const n = u.current, c = (n == null ? void 0 : n.value) ?? "", y = S.test(a.current) ? a.current : S.test(c) ? c : "", l = ut(y, t, e);
+      if (a.current = l, k.current = l, L == null || L(), n) {
+        const m = (b = Object.getOwnPropertyDescriptor(
           window.HTMLInputElement.prototype,
           "value"
-        )) == null ? void 0 : k.set;
-        m == null || m.call(r, u), r.dispatchEvent(new Event("input", { bubbles: !0 }));
-      } else if (H) {
-        const m = rt(u);
-        m && H(m);
-      } else i && i({
-        target: { value: u },
-        currentTarget: { value: u }
+        )) == null ? void 0 : b.set;
+        m == null || m.call(n, l), n.dispatchEvent(new Event("input", { bubbles: !0 }));
+      } else if (G) {
+        const m = it(l);
+        m && G(m);
+      } else s && s({
+        target: { value: l },
+        currentTarget: { value: l }
       });
       p(t), D(t);
     },
-    [i, H, R, D, p]
-  ), v = S(
+    [s, G, L, D, p]
+  ), H = E(
     (t) => {
-      const e = s.current;
+      const e = u.current;
       if (!e || document.activeElement !== e) return;
       t.cancelable && t.preventDefault(), t.stopPropagation();
-      const r = e.selectionStart ?? 0, c = g ?? M(r);
-      j(c, t.deltaY < 0 ? 1 : -1);
+      const n = e.selectionStart ?? 0, c = g ?? j(n);
+      N(c, t.deltaY < 0 ? 1 : -1);
     },
-    [g, j]
-  ), K = S(
+    [g, N]
+  ), rt = E(
     (t) => {
       if (!o) {
         d == null || d(t);
@@ -131,14 +138,14 @@ const b = /^\d{2}\.\d{2}\.\d{4}$/, ct = (n, i) => {
       }
       if (t.key === "ArrowUp" || t.key === "ArrowDown") {
         t.preventDefault();
-        const e = s.current;
+        const e = u.current;
         if (!e) return;
-        const r = e.selectionStart ?? 0, c = g ?? M(r);
-        j(c, t.key === "ArrowUp" ? 1 : -1);
+        const n = e.selectionStart ?? 0, c = g ?? j(n);
+        N(c, t.key === "ArrowUp" ? 1 : -1);
         return;
       }
       if (t.key === "Enter") {
-        const e = s.current, r = (e == null ? void 0 : e.selectionStart) ?? 0, c = g ?? M(r);
+        const e = u.current, n = (e == null ? void 0 : e.selectionStart) ?? 0, c = g ?? j(n);
         if (c !== "year") {
           t.preventDefault();
           const y = c === "day" ? "month" : "year";
@@ -148,44 +155,44 @@ const b = /^\d{2}\.\d{2}\.\d{4}$/, ct = (n, i) => {
       }
       d == null || d(t);
     },
-    [g, j, D, d, p, o]
-  ), O = S(
+    [g, N, D, d, p, o]
+  ), $ = E(
     (t) => {
-      const e = s.current;
+      const e = u.current;
       if (!e) return;
-      const r = t.inputType === "insertText", c = t.inputType.startsWith("delete") && t.inputType !== "deleteByCut" && t.inputType !== "deleteByDrag", y = q.current;
-      if (p(null), !(r || c) || !t.cancelable || !st(e, y)) return;
+      const n = t.inputType === "insertText", c = t.inputType.startsWith("delete") && t.inputType !== "deleteByCut" && t.inputType !== "deleteByDrag", y = M.current;
+      if (p(null), !(n || c) || !t.cancelable || !mt(e, y)) return;
       t.preventDefault();
-      const u = r && /^\d$/.test(t.data ?? "");
-      (u || c) && ct(e, u ? t.data ?? "" : "");
+      const l = n && /^\d$/.test(t.data ?? "");
+      (l || c) && pt(e, l ? t.data ?? "" : "");
     },
     [p]
   );
-  return $(() => {
+  return q(() => {
     if (!o) return;
-    const t = s.current;
+    const t = u.current;
     if (t)
-      return t.addEventListener("wheel", v, { passive: !1 }), () => t.removeEventListener("wheel", v);
-  }, [v, o]), $(() => {
+      return t.addEventListener("wheel", H, { passive: !1 }), () => t.removeEventListener("wheel", H);
+  }, [H, o]), q(() => {
     if (!o) return;
-    const t = s.current;
+    const t = u.current;
     if (t)
-      return t.addEventListener("beforeinput", O), () => t.removeEventListener("beforeinput", O);
-  }, [O, o]), /* @__PURE__ */ P(
+      return t.addEventListener("beforeinput", $), () => t.removeEventListener("beforeinput", $);
+  }, [$, o]), /* @__PURE__ */ nt(
     "input",
     {
-      ...w,
-      value: n,
-      ref: W,
+      ...B,
+      value: V && typeof r == "string" ? ft(Q ? r : r.replace(at, "")) : r,
+      ref: F,
       inputMode: "numeric",
-      maxLength: 10,
-      onChange: X,
-      onKeyDown: K,
-      onMouseUp: Z,
-      onFocus: h,
-      onBlur: F
+      maxLength: V ? 23 : 10,
+      onChange: K,
+      onKeyDown: rt,
+      onMouseUp: C,
+      onFocus: tt,
+      onBlur: et
     }
   );
 });
-ut.displayName = "MaskedDateInput";
-export { ut as MaskedDateInput$u };
+dt.displayName = "MaskedDateInput";
+export { dt as MaskedDateInput$u };

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSettings/ColumnSettings.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,QAAsB,EACtB,OAAmB,EACnB,KAAuC,EACvC,IAAgB,EAChB,WAAiC,EACjC,SAAiB,EACjB,KAAe,EACf,aAAmB,EACnB,SAAc,GACjB,EAAE,mBAAmB,CAAC,GAAG,CAAC,2CA0R1B"}
+{"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSettings/ColumnSettings.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,QAAsB,EACtB,OAAmB,EACnB,KAAuC,EACvC,IAAgB,EAChB,WAAiC,EACjC,SAAiB,EACjB,KAAe,EACf,aAAmB,EACnB,SAAc,GACjB,EAAE,mBAAmB,CAAC,GAAG,CAAC,2CA0R1B"}

package/dist/components/ColumnSettings/ColumnSettings.js

@@ -1,13 +1,14 @@
 import { jsxs as v, jsx as r, Fragment as re } from "react/jsx-runtime";
-import { useState as T, useRef as W, useId as ae, useEffect as V, useLayoutEffect as ce, Fragment as le } from "react";
+import { useState as T, useRef as W, useEffect as V, useLayoutEffect as ae, Fragment as ce } from "react";
 /* empty css                 */
 /* empty css                */
-import { Button$u as ie } from "../Button/Button.js";
-import { Tooltip$u as oe } from "../Tooltip/Tooltip.js";
-import { Icon$u as ue } from "../Icon/Icon.js";
+import { Button$u as le } from "../Button/Button.js";
+import { Tooltip$u as ie } from "../Tooltip/Tooltip.js";
+import { Icon$u as oe } from "../Icon/Icon.js";
 import { Checkbox$u as A } from "../Checkbox/Checkbox.js";
+import { useAutoId$u as ue } from "../../hooks/useAutoId.js";
 import { reconcileColumnOrder$u as de } from "../../vanilla/core/reconcileColumnOrder.js";
-function ke({
+function Se({
   options: p,
   visible: N,
   onChange: Y,
@@ -27,14 +28,14 @@ function ke({
   maxListHeight: q = 320,
   className: ee = ""
 }) {
-  const [i, F] = T(!1), [L, x] = T(0), [te, ne] = T(""), I = W(null), M = W(null), R = ae(), o = N instanceof Set ? N : new Set(N), m = y instanceof Set ? y : new Set(y), f = b instanceof Set ? b : new Set(b), $ = y !== void 0 && u !== void 0, h = b !== void 0 && d !== void 0, D = $ || h, c = E !== void 0, w = de(p.map((e) => e.key), j), U = new Map(p.map((e) => [e.key, e])), C = j !== void 0 || c ? w.map((e) => U.get(e)) : p, se = (e, n) => {
+  const [i, F] = T(!1), [L, x] = T(0), [te, ne] = T(""), I = W(null), M = W(null), R = ue(void 0, "u-column-settings-title"), o = N instanceof Set ? N : new Set(N), m = y instanceof Set ? y : new Set(y), f = b instanceof Set ? b : new Set(b), $ = y !== void 0 && u !== void 0, h = b !== void 0 && d !== void 0, D = $ || h, c = E !== void 0, g = de(p.map((e) => e.key), j), U = new Map(p.map((e) => [e.key, e])), C = j !== void 0 || c ? g.map((e) => U.get(e)) : p, se = (e, n) => {
     var a;
     if (!E) return;
-    const t = w.indexOf(e);
-    if (t < 0 || n < 0 || n >= w.length || t === n) return;
-    const s = [...w];
+    const t = g.indexOf(e);
+    if (t < 0 || n < 0 || n >= g.length || t === n) return;
+    const s = [...g];
     s.splice(t, 1), s.splice(n, 0, e), E(s), ne("Колонка «" + ((a = U.get(e)) == null ? void 0 : a.label) + "»: позиция " + (n + 1) + " из " + s.length);
-  }, X = (e, n) => se(e, w.indexOf(e) + n);
+  }, X = (e, n) => se(e, g.indexOf(e) + n);
   V(() => {
     if (!i) return;
     const e = (t) => {
@@ -50,10 +51,10 @@ function ke({
   const z = () => {
     const e = I.current, n = M.current;
     if (!e || !n) return;
-    const t = e.getBoundingClientRect(), s = n.offsetWidth, a = B === "right" ? t.right - s : t.left, g = a + s, l = 8;
-    a < l ? x(l - a) : g > window.innerWidth - l ? x(window.innerWidth - l - g) : x(0);
+    const t = e.getBoundingClientRect(), s = n.offsetWidth, a = B === "right" ? t.right - s : t.left, w = a + s, l = 8;
+    a < l ? x(l - a) : w > window.innerWidth - l ? x(window.innerWidth - l - w) : x(0);
   };
-  ce(() => {
+  ae(() => {
     i ? z() : x(0);
   });
   const G = W(z);
@@ -92,18 +93,18 @@ function ke({
     if (a.has(e)) a.delete(e);
     else {
       a.add(e);
-      const g = n === "left" ? f : m, l = n === "left" ? d : u;
-      if (g.has(e) && l) {
-        const Q = new Set(g);
+      const w = n === "left" ? f : m, l = n === "left" ? d : u;
+      if (w.has(e) && l) {
+        const Q = new Set(w);
         Q.delete(e), l(Q);
       }
     }
     t(a);
-  }, O = (e, n) => S ? /* @__PURE__ */ r(oe, { tooltipText: n, portalOn: !0, children: e }) : e;
+  }, O = (e, n) => S ? /* @__PURE__ */ r(ie, { tooltipText: n, portalOn: !0, children: e }) : e;
   return /* @__PURE__ */ v("div", { className: `u-react-column-settings u-react-column-settings-${Z}${$ && h ? " u-react-column-settings-both-sides" : ""} ${ee}`.trim(), ref: I, children: [
     O(
       /* @__PURE__ */ r(
-        ie,
+        le,
         {
           variant: "icon",
           icon: H,
@@ -190,7 +191,7 @@ function ke({
                         }
                       )
                     ),
-                    c && /* @__PURE__ */ r("span", { className: "u-react-column-settings-order", children: [-1, 1].map((t) => /* @__PURE__ */ r(le, { children: O(/* @__PURE__ */ r(
+                    c && /* @__PURE__ */ r("span", { className: "u-react-column-settings-order", children: [-1, 1].map((t) => /* @__PURE__ */ r(ce, { children: O(/* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
@@ -198,7 +199,7 @@ function ke({
                         title: S ? void 0 : t < 0 ? "Переместить выше (Alt+↑)" : "Переместить ниже (Alt+↓)",
                         "aria-disabled": t < 0 ? n === 0 : n === C.length - 1,
                         onClick: () => X(e.key, t),
-                        children: /* @__PURE__ */ r(ue, { name: t < 0 ? "up-arrow" : "down-arrow", size: "16px" })
+                        children: /* @__PURE__ */ r(oe, { name: t < 0 ? "up-arrow" : "down-arrow", size: "16px" })
                       }
                     ), t < 0 ? "Переместить выше (Alt+↑)" : "Переместить ниже (Alt+↓)") }, t)) })
                   ]
@@ -213,4 +214,4 @@ function ke({
     )
   ] });
 }
-export { ke as ColumnSettings$u };
+export { Se as ColumnSettings$u };

package/dist/components/ConfirmModal/ConfirmModal.d.ts

@@ -1,4 +1,3 @@
-import './ConfirmModal.less';
 
 import type { ConfirmModalProperties } from './ConfirmModal.types';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4DAA4D,CAAC;AAEpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,yIAY1B,sBAAsB,4CAwBxB,CAAC"}
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"AAGA,OAAO,4DAA4D,CAAC;AAEpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,yIAY1B,sBAAsB,4CAwBxB,CAAC"}