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

package/dist/components/Table/Filter/SelectFilter.js

@@ -1,31 +1,31 @@
-import { jsxs as r, jsx as c } from "react/jsx-runtime";
-import { useState as h, useEffect as z, useRef as N, useLayoutEffect as M } from "react";
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { useState as f, useEffect as M, useRef as E, useLayoutEffect as R } from "react";
 /* empty css              */
-import { createPortal as R } from "react-dom";
-import { useAnchoredPosition$u as A } from "../../../hooks/useAnchoredPosition.js";
+import { createPortal as A } from "react-dom";
+import { useAnchoredPosition$u as B } from "../../../hooks/useAnchoredPosition.js";
 /* empty css                       */
-import { useDismiss$u as B } from "../../../hooks/useDismiss.js";
-import { getPortalScopeProps$u as F } from "../../../shared/uiKitDefaults.js";
-const q = (e) => {
-  var C, w, k;
-  const [o, m] = h(!1), [E, f] = h(void 0);
-  z(() => f(e.value), []);
-  const s = () => {
-    m(!1);
-  }, b = () => {
-    m((t) => !t);
-  }, x = (t) => {
-    e.onChange({ ...e.valueAll ?? {}, [e.keySelect]: t }), f(t), s();
-  }, d = N(null), n = N(null), [g, H] = h(0), { rect: l } = A({ anchor: d.current, enabled: o && !!e.portalOn });
-  B({ refs: [d, n], onDismiss: s, enabled: o }), M(() => {
-    o && e.portalOn && n.current && H(n.current.scrollHeight);
-  }, [o, e.portalOn, l]);
-  const u = l ? window.innerHeight - l.y - l.height - 8 : 0, v = l ? l.y - 8 : 0, y = g > u && v > u, i = E, a = e.value, P = i == null ? void 0 : i.id, D = i == null ? void 0 : i.title, I = i == null ? void 0 : i.value, S = /* @__PURE__ */ r(
+import { useDismiss$u as F } from "../../../hooks/useDismiss.js";
+import { kitCls$u as o, getUiKitPrefix$u as a, getPortalScopeProps$u as K } from "../../../shared/uiKitDefaults.js";
+const G = (e) => {
+  var k, N, $;
+  const [n, b] = f(!1), [P, x] = f(void 0);
+  M(() => x(e.value), []);
+  const r = () => {
+    b(!1);
+  }, g = () => {
+    b((t) => !t);
+  }, v = (t) => {
+    e.onChange({ ...e.valueAll ?? {}, [e.keySelect]: t }), x(t), r();
+  }, h = E(null), c = E(null), [y, H] = f(0), { rect: l } = B({ anchor: h.current, enabled: n && !!e.portalOn });
+  F({ refs: [h, c], onDismiss: r, enabled: n }), R(() => {
+    n && e.portalOn && c.current && H(c.current.scrollHeight);
+  }, [n, e.portalOn, l]);
+  const u = l ? window.innerHeight - l.y - l.height - 8 : 0, S = l ? l.y - 8 : 0, C = y > u && S > u, i = P, s = e.value, D = i == null ? void 0 : i.id, I = i == null ? void 0 : i.title, z = i == null ? void 0 : i.value, w = /* @__PURE__ */ m(
     "div",
     {
-      ref: n,
-      ...e.portalOn ? F() : {},
-      className: `u-selectbox-options${e.isSelectColumn ? " u-table-filter-select-options" : ""}`,
+      ref: c,
+      ...e.portalOn ? K() : {},
+      className: `${a()}-selectbox-options${e.isSelectColumn ? ` ${a()}-table-filter-select-options` : ""}`,
       onClick: (t) => t.stopPropagation(),
       style: e.portalOn && l ? {
         position: "absolute",
@@ -33,29 +33,29 @@ const q = (e) => {
         width: l.width,
         boxSizing: "border-box",
         left: l.x + l.scrollX,
-        top: l.scrollY + (y ? l.y - g - 2 : l.y + l.height + 2),
-        maxHeight: Math.max(0, y ? v : u),
-        zIndex: "var(--u-select-popup-z, 10010)",
+        top: l.scrollY + (C ? l.y - y - 2 : l.y + l.height + 2),
+        maxHeight: Math.max(0, C ? S : u),
+        zIndex: `var(--${a()}-select-popup-z, 10010)`,
         // Портал не наследует токен обёртки поля: высоту поля передаём сами.
-        ...e.isSelectColumn && l.height > 0 ? { "--u-option-min-height": `${Math.round(l.height)}px` } : {}
+        ...e.isSelectColumn && l.height > 0 ? { [`--${a()}-option-min-height`]: `${Math.round(l.height)}px` } : {}
       } : void 0,
       children: [
-        (C = e.options) == null ? void 0 : C.map((t) => /* @__PURE__ */ c(
+        (k = e.options) == null ? void 0 : k.map((t) => /* @__PURE__ */ d(
           "div",
           {
             style: e.isSelectColumn ? void 0 : { padding: e.pdOption, minHeight: 0 },
-            className: "u-selectbox-option",
-            onClick: () => x(t),
+            className: o("selectbox-option"),
+            onClick: () => v(t),
             children: t.title
           },
           t.id
         )),
-        (w = e.optionsSelectColumn) == null ? void 0 : w.map((t) => /* @__PURE__ */ c(
+        (N = e.optionsSelectColumn) == null ? void 0 : N.map((t) => /* @__PURE__ */ d(
           "div",
           {
             style: e.isSelectColumn ? void 0 : { padding: e.pdOption },
-            className: "u-selectbox-option",
-            onClick: () => x(t),
+            className: o("selectbox-option"),
+            onClick: () => v(t),
             children: t.text
           },
           t.text
@@ -63,54 +63,54 @@ const q = (e) => {
       ]
     }
   );
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ m(
     "div",
     {
-      ref: d,
+      ref: h,
       className: [
-        "u-selectbox",
-        e.disabled && "u-selectbox-disabled",
-        e.isSelectColumn && "u-table-filter-select",
-        e.isSelectColumn && e.isError && !e.value && "u-table-filter-select--error",
+        o("selectbox"),
+        e.disabled && o("selectbox-disabled"),
+        e.isSelectColumn && o("table-filter-select"),
+        e.isSelectColumn && e.isError && !e.value && o("table-filter-select--error"),
         e.className
       ].filter(Boolean).join(" "),
       style: { width: e.width },
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ m(
           "div",
           {
             style: e.isSelectColumn ? void 0 : {
               height: e == null ? void 0 : e.height,
               display: "flex",
               alignItems: "center",
-              border: e.isError && !e.value ? "1px solid var(--u-color-error, #EF302B)" : ""
+              border: e.isError && !e.value ? `1px solid var(--${a()}-color-error, #EF302B)` : ""
             },
-            className: "u-selectbox-select none-outline " + (o ? "u-selectbox-select-open" : ""),
+            className: `${a()}-selectbox-select none-outline ` + (n ? o("selectbox-select-open") : ""),
             role: "button",
             tabIndex: e.disabled ? -1 : 0,
             "aria-label": e.placeholder,
-            "aria-expanded": o,
+            "aria-expanded": n,
             "aria-disabled": e.disabled || void 0,
             onKeyDown: (t) => {
-              e.disabled || (t.key === "Enter" || t.key === " " ? (t.preventDefault(), b()) : t.key === "Escape" && o && (t.preventDefault(), s()));
+              e.disabled || (t.key === "Enter" || t.key === " " ? (t.preventDefault(), g()) : t.key === "Escape" && n && (t.preventDefault(), r()));
             },
-            onClick: e.disabled ? void 0 : b,
+            onClick: e.disabled ? void 0 : g,
             children: [
-              /* @__PURE__ */ c("span", { className: "u-selectbox-select-title", children: e.optionsSelectColumn ? ((k = e.optionsSelectColumn.find(
-                (t) => t.value === P
-              )) == null ? void 0 : k.text) ?? D ?? I : a != null && a.title ? a.title : e.placeholder }),
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ d("span", { className: o("selectbox-select-title"), children: e.optionsSelectColumn ? (($ = e.optionsSelectColumn.find(
+                (t) => t.value === D
+              )) == null ? void 0 : $.text) ?? I ?? z : s != null && s.title ? s.title : e.placeholder }),
+              /* @__PURE__ */ d(
                 "i",
                 {
-                  className: "u-selectbox-select-icon-arrow"
+                  className: o("selectbox-select-icon-arrow")
                 }
               )
             ]
           }
         ),
-        !e.disabled && (e.portalOn ? o && l && R(S, document.body) : S)
+        !e.disabled && (e.portalOn ? n && l && A(w, document.body) : w)
       ]
     }
   );
 };
-export { q as default };
+export { G as default };

package/dist/components/Table/Filter/TableFilterOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/TableFilterOptions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/TableFilterOptions.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/Filter/TableFilterOptions.js

@@ -1,268 +1,269 @@
-import { jsx as u, jsxs as p } from "react/jsx-runtime";
-import { useState as F, useRef as N, useEffect as M, useMemo as I } from "react";
-import { Checkbox$u as le } from "../../Checkbox/Checkbox.js";
+import { jsx as i, jsxs as _ } from "react/jsx-runtime";
+import { useState as M, useRef as w, useEffect as P, useMemo as I } from "react";
+import { Checkbox$u as se } from "../../Checkbox/Checkbox.js";
 import { Button$u as L } from "../../Button/Button.js";
-import Ne from "./DefaultInput.js";
+import we from "./DefaultInput.js";
 /* empty css                                                     */
 /* empty css                    */
-import { TableFilterSortButton$u as we } from "./TableFilterSortButton.js";
+import { TableFilterSortButton$u as ke } from "./TableFilterSortButton.js";
 import { useVirtualOptionWindow$u as ve } from "./useVirtualOptionWindow.js";
-import { filterExpressionSummary$u as ke, bulkFilterExpression$u as Ee, filterExpressionSelected$u as Se, filterRuleMatches$u as Te, toggleFilterExpression$u as De } from "./filterExpression.js";
-function He({
-  variant: _ = "values",
-  onSearchApply: P,
-  searchDebounceMs: U = 350,
-  options: f,
+import { filterExpressionSummary$u as Ee, bulkFilterExpression$u as Se, filterExpressionSelected$u as Te, filterRuleMatches$u as De, toggleFilterExpression$u as Fe } from "./filterExpression.js";
+import { kitCls$u as o, kitClasses$u as Me, getUiKitPrefix$u as Pe } from "../../../shared/uiKitDefaults.js";
+function Je({
+  variant: y = "values",
+  onSearchApply: K,
+  searchDebounceMs: J = 350,
+  options: d,
   values: B = [],
-  onChange: d,
+  onChange: h,
   selection: l,
-  onSelectionChange: h,
-  loading: c = !1,
-  error: n,
-  onRetry: w,
-  onReset: J,
-  resetLabel: se = "Сбросить фильтр",
-  search: ue,
-  onSearchChange: K,
+  onSelectionChange: b,
+  loading: a = !1,
+  error: m,
+  onRetry: k,
+  onReset: R,
+  resetLabel: ie = "Сбросить фильтр",
+  search: ae,
+  onSearchChange: O,
   searchLabel: ce = "Поиск значений",
-  sort: ae,
-  onSort: ie,
-  sortUnavailableReason: oe,
-  conditionControl: R,
-  allOptions: O = f,
-  optionsAlreadyFiltered: z = !1,
-  selectFoundOnSearch: ne = !1,
+  sort: ue,
+  onSort: oe,
+  sortUnavailableReason: ne,
+  conditionControl: z,
+  allOptions: V = d,
+  optionsAlreadyFiltered: W = !1,
+  selectFoundOnSearch: me = !1,
   virtualize: v = !1,
   paged: r,
-  numeric: k,
-  paging: o,
-  complete: me = !1
+  numeric: E,
+  paging: n,
+  complete: fe = !1
 }) {
-  const [fe, de] = F(""), [he, W] = F(!1), [G, E] = F(), S = N(null), Q = N(null), m = ue ?? fe, [X, Y] = F(!1), Z = N(void 0), V = N(P);
-  M(() => {
-    V.current = P;
-  }, [P]), M(() => {
-    if (_ !== "search" || c || X || m === Z.current) return;
+  const [de, he] = M(""), [be, $] = M(!1), [G, S] = M(), T = w(null), Q = w(null), f = ae ?? de, [X, Y] = M(!1), Z = w(void 0), q = w(K);
+  P(() => {
+    q.current = K;
+  }, [K]), P(() => {
+    if (y !== "search" || a || X || f === Z.current) return;
     const e = setTimeout(() => {
-      V.current && (Z.current = m, V.current(m));
-    }, Math.max(0, U));
+      q.current && (Z.current = f, q.current(f));
+    }, Math.max(0, J));
     return () => clearTimeout(e);
-  }, [_, m, c, X, U]);
-  const y = m.trim().length > 0 || !!k, i = I(() => z ? f : f.filter((e) => e.label.toLocaleLowerCase("ru").includes(m.trim().toLocaleLowerCase("ru"))), [z, f, m]), T = I(() => i.map((e, t) => v ? JSON.stringify([typeof e.value, typeof e.value == "object" && e.value !== null ? t : e.value, e.label]) : String(t)), [i, v]), a = ve(T, v, Q), $ = new Set((l == null ? void 0 : l.values) ?? B), be = I(() => JSON.stringify(r == null ? void 0 : r.expression), [r == null ? void 0 : r.expression]), xe = I(() => {
+  }, [y, f, a, X, J]);
+  const N = f.trim().length > 0 || !!E, u = I(() => W ? d : d.filter((e) => e.label.toLocaleLowerCase("ru").includes(f.trim().toLocaleLowerCase("ru"))), [W, d, f]), D = I(() => u.map((e, t) => v ? JSON.stringify([typeof e.value, typeof e.value == "object" && e.value !== null ? t : e.value, e.label]) : String(t)), [u, v]), c = ve(D, v, Q), C = new Set((l == null ? void 0 : l.values) ?? B), xe = I(() => JSON.stringify(r == null ? void 0 : r.expression), [r == null ? void 0 : r.expression]), pe = I(() => {
     const e = /* @__PURE__ */ new Map();
-    return f.forEach((t) => {
+    return d.forEach((t) => {
       e.has(t.value) || e.set(t.value, t);
     }), e;
-  }, [f]), q = (e) => {
+  }, [d]), H = (e) => {
     if (r) {
-      const t = xe.get(e);
-      return (t == null ? void 0 : t.expressionKey) === be && typeof t.selected == "boolean" ? t.selected : Se(r.expression, { value: e, label: (t == null ? void 0 : t.label) ?? String(e ?? "") });
+      const t = pe.get(e);
+      return (t == null ? void 0 : t.expressionKey) === xe && typeof t.selected == "boolean" ? t.selected : Te(r.expression, { value: e, label: (t == null ? void 0 : t.label) ?? String(e ?? "") });
     }
-    return (l == null ? void 0 : l.mode) === "exclude" ? !$.has(e) : $.has(e);
-  }, C = r ? ke(r.expression, f, me && !y).allSelected : l ? l.mode === "exclude" && l.values.length === 0 : O.length > 0 && O.every((e) => q(e.value)), x = y && (ne || he || !C), H = x ? i : O, pe = (l || r) && !x ? C : H.length > 0 && H.every((e) => q(e.value)), g = x ? "Выбрать все найденные" : "Выбрать все", j = r ? !i.length && (c || !!n) : c || !!n, D = N(/* @__PURE__ */ new Map());
-  M(() => {
+    return (l == null ? void 0 : l.mode) === "exclude" ? !C.has(e) : C.has(e);
+  }, g = r ? Ee(r.expression, d, fe && !N).allSelected : l ? l.mode === "exclude" && l.values.length === 0 : V.length > 0 && V.every((e) => H(e.value)), p = N && (me || be || !g), U = p ? u : V, _e = (l || r) && !p ? g : U.length > 0 && U.every((e) => H(e.value)), ee = p ? "Выбрать все найденные" : "Выбрать все", j = r ? !u.length && (a || !!m) : a || !!m, F = w(/* @__PURE__ */ new Map());
+  P(() => {
     if (!r) return;
     const e = /* @__PURE__ */ new Set([...r.expression.include, ...r.expression.exclude]);
-    D.current.forEach((t, s) => {
-      e.has(s) || D.current.delete(s);
-    }), f.forEach((t) => {
-      e.has(t.value) && D.current.set(t.value, t);
+    F.current.forEach((t, s) => {
+      e.has(s) || F.current.delete(s);
+    }), d.forEach((t) => {
+      e.has(t.value) && F.current.set(t.value, t);
     });
-  }, [f, r]);
-  const _e = (e) => {
-    const t = i.map((s) => s.value);
-    return D.current.forEach((s, b) => {
-      Te(s, e, k) && t.push(b);
+  }, [d, r]);
+  const ye = (e) => {
+    const t = u.map((s) => s.value);
+    return F.current.forEach((s, x) => {
+      De(s, e, E) && t.push(x);
     }), t;
   };
-  M(() => {
-    y || W(!1);
-  }, [y]);
-  const ee = (e) => {
-    de(e), K == null || K(e);
-  }, A = /* @__PURE__ */ p("div", { className: "u-table-filter-options__input", ref: S, children: [
-    /* @__PURE__ */ u(
-      Ne,
+  P(() => {
+    N || $(!1);
+  }, [N]);
+  const te = (e) => {
+    he(e), O == null || O(e);
+  }, A = /* @__PURE__ */ _("div", { className: o("table-filter-options__input"), ref: T, children: [
+    /* @__PURE__ */ i(
+      we,
       {
-        value: m,
+        value: f,
         "aria-label": ce,
         maxLength: r ? 256 : void 0,
-        onChange: (e) => ee(e.target.value),
+        onChange: (e) => te(e.target.value),
         onCompositionStart: () => {
-          _ === "search" && Y(!0);
+          y === "search" && Y(!0);
         },
         onCompositionEnd: () => Y(!1),
         onKeyDown: (e) => {
-          _ !== "search" || e.key !== "Enter" || e.nativeEvent.isComposing || (e.preventDefault(), e.stopPropagation());
+          y !== "search" || e.key !== "Enter" || e.nativeEvent.isComposing || (e.preventDefault(), e.stopPropagation());
         },
         placeholder: "Введите значение",
         isSelectColumn: !0
       }
     ),
-    m ? /* @__PURE__ */ u(
+    f ? /* @__PURE__ */ i(
       L,
       {
         variant: "icon",
         icon: "cross-small",
         iconOnly: !0,
         iconSize: 14,
-        className: "u-table-filter-options__clear",
+        className: o("table-filter-options__clear"),
         "aria-label": "Очистить поиск",
         onClick: () => {
           var e, t;
-          ee(""), (t = (e = S.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
+          te(""), (t = (e = T.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
         }
       }
     ) : null
-  ] }), te = /* @__PURE__ */ u(we, { sort: ae, onSort: ie, unavailableReason: oe });
-  if (_ === "search") return /* @__PURE__ */ u("div", { className: "u-table-filter-options u-table-filter-options--search", children: /* @__PURE__ */ p("div", { className: "u-table-filter-options__toolbar", children: [
+  ] }), re = /* @__PURE__ */ i(ke, { sort: ue, onSort: oe, unavailableReason: ne });
+  if (y === "search") return /* @__PURE__ */ i("div", { className: Me("table-filter-options", "table-filter-options--search"), children: /* @__PURE__ */ _("div", { className: o("table-filter-options__toolbar"), children: [
     A,
-    te
+    re
   ] }) });
-  const ye = (e, t) => {
+  const Ne = (e, t) => {
     if (j) return;
     if (r) {
       try {
-        r.onChange(De(r.expression, e, t, r.maxExplicitValues)), E(void 0);
-      } catch (b) {
-        E(b instanceof Error ? b.message : "Не удалось изменить выбор.");
+        r.onChange(Fe(r.expression, e, t, r.maxExplicitValues)), S(void 0);
+      } catch (x) {
+        S(x instanceof Error ? x.message : "Не удалось изменить выбор.");
       }
       return;
     }
     const s = new Set((l == null ? void 0 : l.values) ?? B);
-    ((l == null ? void 0 : l.mode) === "exclude" ? !t : t) ? s.add(e) : s.delete(e), l ? h == null || h({ mode: l.mode, values: [...s] }) : d == null || d([...s]);
+    ((l == null ? void 0 : l.mode) === "exclude" ? !t : t) ? s.add(e) : s.delete(e), l ? b == null || b({ mode: l.mode, values: [...s] }) : h == null || h([...s]);
   };
-  return /* @__PURE__ */ p("div", { className: "u-table-filter-options", children: [
-    /* @__PURE__ */ p("div", { className: "u-table-filter-options__toolbar", children: [
-      R ?? A,
-      te
+  return /* @__PURE__ */ _("div", { className: o("table-filter-options"), children: [
+    /* @__PURE__ */ _("div", { className: o("table-filter-options__toolbar"), children: [
+      z ?? A,
+      re
     ] }),
-    R ? /* @__PURE__ */ u("div", { className: "u-table-filter-options__search", children: A }) : null,
-    /* @__PURE__ */ p(
+    z ? /* @__PURE__ */ i("div", { className: o("table-filter-options__search"), children: A }) : null,
+    /* @__PURE__ */ _(
       "ul",
       {
-        className: "u-table-filter-options__list",
-        "aria-busy": c,
+        className: o("table-filter-options__list"),
+        "aria-busy": a,
         ref: Q,
         onFocusCapture: (e) => {
           const t = e.target.closest("li[data-option-index]");
-          a.rememberFocus(t ? T[Number(t.dataset.optionIndex)] : null);
+          c.rememberFocus(t ? D[Number(t.dataset.optionIndex)] : null);
         },
         onBlurCapture: (e) => {
-          e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && a.rememberFocus(null);
+          e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && c.rememberFocus(null);
         },
         onScroll: (e) => {
-          if (a.readViewport(), !o || c || n) return;
+          if (c.readViewport(), !n || a || m) return;
           const t = e.currentTarget;
-          t.scrollTop + t.clientHeight >= t.scrollHeight - 24 && o.hasNext ? o.next() : t.scrollTop <= 24 && o.hasPrevious && o.previous();
+          t.scrollTop + t.clientHeight >= t.scrollHeight - 24 && n.hasNext ? n.next() : t.scrollTop <= 24 && n.hasPrevious && n.previous();
         },
         onKeyDown: (e) => {
           if (!v || !["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) return;
           const t = e.target.closest("li[data-option-index]");
           if (!t) return;
           const s = Number(t.dataset.optionIndex);
-          if (o && !c && !n && (e.key === "ArrowDown" && s === i.length - 1 && o.hasNext || e.key === "ArrowUp" && s === 0 && o.hasPrevious)) {
-            e.preventDefault(), e.key === "ArrowDown" ? o.next() : o.previous();
+          if (n && !a && !m && (e.key === "ArrowDown" && s === u.length - 1 && n.hasNext || e.key === "ArrowUp" && s === 0 && n.hasPrevious)) {
+            e.preventDefault(), e.key === "ArrowDown" ? n.next() : n.previous();
             return;
           }
-          const b = e.key === "Home" ? 0 : e.key === "End" ? i.length - 1 : Math.max(0, Math.min(i.length - 1, s + (e.key === "ArrowDown" ? 1 : -1)));
-          e.preventDefault(), a.scrollToIndex(b);
+          const x = e.key === "Home" ? 0 : e.key === "End" ? u.length - 1 : Math.max(0, Math.min(u.length - 1, s + (e.key === "ArrowDown" ? 1 : -1)));
+          e.preventDefault(), c.scrollToIndex(x);
         },
         children: [
-          n && (!r || !i.length) ? /* @__PURE__ */ p("li", { className: "select-column__li select-column__empty", role: "alert", children: [
-            n,
-            w ? /* @__PURE__ */ u(
+          m && (!r || !u.length) ? /* @__PURE__ */ _("li", { className: "select-column__li select-column__empty", role: "alert", children: [
+            m,
+            k ? /* @__PURE__ */ i(
               L,
               {
                 variant: "text",
                 size: "small",
-                disabled: c,
-                "aria-busy": c || void 0,
+                disabled: a,
+                "aria-busy": a || void 0,
                 onClick: () => {
                   var e, t;
-                  (t = (e = S.current) == null ? void 0 : e.querySelector("input")) == null || t.focus({ preventScroll: !0 }), w();
+                  (t = (e = T.current) == null ? void 0 : e.querySelector("input")) == null || t.focus({ preventScroll: !0 }), k();
                 },
                 children: "Повторить"
               }
             ) : null
-          ] }) : c && (!r || !i.length) ? /* @__PURE__ */ u("li", { className: "select-column__li select-column__empty", role: "status", children: "Загрузка значений…" }) : null,
-          i.length && (r || !c && !n) ? /* @__PURE__ */ u("li", { className: "select-column__li u-table-filter-options__bulk", children: /* @__PURE__ */ u(
-            le,
+          ] }) : a && (!r || !u.length) ? /* @__PURE__ */ i("li", { className: "select-column__li select-column__empty", role: "status", children: "Загрузка значений…" }) : null,
+          u.length && (r || !a && !m) ? /* @__PURE__ */ i("li", { className: `select-column__li ${Pe()}-table-filter-options__bulk`, children: /* @__PURE__ */ i(
+            se,
             {
-              className: "u-table-filter-options__option",
-              checked: pe,
+              className: o("table-filter-options__option"),
+              checked: _e,
               disabled: j,
-              propsInput: { "aria-label": g },
+              propsInput: { "aria-label": ee },
               onChange: (e) => {
-                if (y && W(!0), r) {
-                  const s = x && !k ? m.trim() : "", b = x ? k : void 0;
+                if (N && $(!0), r) {
+                  const s = p && !E ? f.trim() : "", x = p ? E : void 0;
                   try {
-                    r.onChange(Ee(r.expression, s, b, e.target.checked, r.maxRules, _e(s))), E(void 0);
-                  } catch (re) {
-                    E(re instanceof Error ? re.message : "Не удалось изменить выбор.");
+                    r.onChange(Se(r.expression, s, x, e.target.checked, r.maxRules, ye(s))), S(void 0);
+                  } catch (le) {
+                    S(le instanceof Error ? le.message : "Не удалось изменить выбор.");
                   }
                   return;
                 }
-                if (l && !x) {
-                  h == null || h({ mode: e.target.checked ? "exclude" : "include", values: [] });
+                if (l && !p) {
+                  b == null || b({ mode: e.target.checked ? "exclude" : "include", values: [] });
                   return;
                 }
-                if (!x && !e.target.checked) {
-                  d == null || d([]);
+                if (!p && !e.target.checked) {
+                  h == null || h([]);
                   return;
                 }
                 const t = new Set((l == null ? void 0 : l.values) ?? B);
-                H.forEach((s) => {
+                U.forEach((s) => {
                   ((l == null ? void 0 : l.mode) === "exclude" ? !e.target.checked : e.target.checked) ? t.add(s.value) : t.delete(s.value);
-                }), l ? h == null || h({ mode: l.mode, values: [...t] }) : d == null || d([...t]);
+                }), l ? b == null || b({ mode: l.mode, values: [...t] }) : h == null || h([...t]);
               },
-              children: /* @__PURE__ */ u("h5", { className: "h5", children: g })
+              children: /* @__PURE__ */ i("h5", { className: "h5", children: ee })
             }
-          ) }) : !c && !n ? /* @__PURE__ */ u("li", { className: "select-column__li select-column__empty", children: "Не найдено" }) : null,
-          a.topPadding > 0 && /* @__PURE__ */ u("li", { "aria-hidden": "true", role: "presentation", style: { height: a.topPadding } }),
-          i.slice(a.start, a.end).map((e, t) => /* @__PURE__ */ u(
+          ) }) : !a && !m ? /* @__PURE__ */ i("li", { className: "select-column__li select-column__empty", children: "Не найдено" }) : null,
+          c.topPadding > 0 && /* @__PURE__ */ i("li", { "aria-hidden": "true", role: "presentation", style: { height: c.topPadding } }),
+          u.slice(c.start, c.end).map((e, t) => /* @__PURE__ */ i(
             "li",
             {
               className: "select-column__li",
-              "data-option-index": a.start + t,
-              ref: (s) => a.register(T[a.start + t], s),
-              children: /* @__PURE__ */ u(
-                le,
+              "data-option-index": c.start + t,
+              ref: (s) => c.register(D[c.start + t], s),
+              children: /* @__PURE__ */ i(
+                se,
                 {
-                  className: "u-table-filter-options__option",
-                  checked: q(e.value),
+                  className: o("table-filter-options__option"),
+                  checked: H(e.value),
                   disabled: j,
                   propsInput: { "aria-label": e.label },
-                  onChange: (s) => ye(e.value, s.target.checked),
-                  children: /* @__PURE__ */ u("h5", { className: "h5", children: e.label })
+                  onChange: (s) => Ne(e.value, s.target.checked),
+                  children: /* @__PURE__ */ i("h5", { className: "h5", children: e.label })
                 }
               )
             },
-            T[a.start + t]
+            D[c.start + t]
           )),
-          a.bottomPadding > 0 && /* @__PURE__ */ u("li", { "aria-hidden": "true", role: "presentation", style: { height: a.bottomPadding } })
+          c.bottomPadding > 0 && /* @__PURE__ */ i("li", { "aria-hidden": "true", role: "presentation", style: { height: c.bottomPadding } })
         ]
       }
     ),
-    G ? /* @__PURE__ */ u("div", { className: "u-table-filter-options__notice", role: "alert", children: G }) : null,
-    o && n && i.length ? /* @__PURE__ */ p("div", { className: "u-table-filter-options__notice", role: "alert", children: [
-      n,
-      w ? /* @__PURE__ */ u(
+    G ? /* @__PURE__ */ i("div", { className: o("table-filter-options__notice"), role: "alert", children: G }) : null,
+    n && m && u.length ? /* @__PURE__ */ _("div", { className: o("table-filter-options__notice"), role: "alert", children: [
+      m,
+      k ? /* @__PURE__ */ i(
         L,
         {
           variant: "text",
           size: "small",
-          disabled: c,
-          "aria-busy": c || void 0,
+          disabled: a,
+          "aria-busy": a || void 0,
           onClick: () => {
             var e, t;
-            (t = (e = S.current) == null ? void 0 : e.querySelector("input")) == null || t.focus({ preventScroll: !0 }), w();
+            (t = (e = T.current) == null ? void 0 : e.querySelector("input")) == null || t.focus({ preventScroll: !0 }), k();
           },
           children: "Повторить"
         }
       ) : null
     ] }) : null,
-    J ? /* @__PURE__ */ u(L, { className: "u-table-filter-options__reset", variant: "text", size: "small", onClick: J, children: se }) : null
+    R ? /* @__PURE__ */ i(L, { className: o("table-filter-options__reset"), variant: "text", size: "small", onClick: R, children: ie }) : null
   ] });
 }
-export { He as TableFilterOptions$u };
+export { Je as TableFilterOptions$u };

package/dist/components/Table/Filter/TableFilterSortButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilterSortButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/TableFilterSortButton.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AACD,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,KAAK,2CAW/E"}
+{"version":3,"file":"TableFilterSortButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/TableFilterSortButton.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AACD,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,KAAK,2CAW/E"}