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

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

@@ -1,14 +1,14 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { FilterConditionSelect$u as q } from "./FilterConditionSelect.js";
 import { getColumnSortDirection$u as B, getFilterResetLabel$u as k } from "./filterBoxHelpers.js";
-import { selectNumber$u as v, selectText$u as ee } from "./SelectOptions.js";
+import { selectNumber$u as g, selectText$u as ee } from "./SelectOptions.js";
 import { FilterBoxShell$u as te } from "./FilterBoxShell.js";
 import { TableFilterOptions$u as E } from "./TableFilterOptions.js";
 import { useState as H, useEffect as ie } from "react";
 import { useServerFilterOptions$u as oe } from "./useServerFilterOptions.js";
 import { usePagedFilterOptions$u as re } from "./usePagedFilterOptions.js";
 import { filterExpressionSummary$u as ne, parseFilterNumber$u as se, matchesNumeric$u as le } from "./filterExpression.js";
-import { getFilterSelectedCount$u as ae, isServerFilterActive$u as de } from "../Table.helpers.js";
+import { getFilterSelectedCount$u as de, isServerFilterActive$u as ae } from "../Table.helpers.js";
 const Ne = ({
   column: i,
   anchorRef: M,
@@ -16,48 +16,53 @@ const Ne = ({
   width: j,
   label: z,
   tableRight: I,
-  typeFilterSearch: b,
+  typeFilterSearch: h,
   setTypeFilterSearch: G,
-  handleSort: O,
-  sort: d,
+  handleSort: C,
+  sort: m,
   textSearch: J,
   setTextSearch: K,
   searched: Q,
-  checkBoxes: g,
-  uncheckedValues: x,
+  checkBoxes: b,
+  uncheckedValues: A,
   setUncheckedValues: V,
   embedded: W,
-  basePages: C,
-  baseOptions: A,
+  basePages: T,
+  baseOptions: l,
   onSelectedCountChange: f
 }) => {
-  const e = i.filterServer, [o, X] = H(""), h = i.filterType === "number", l = (e == null ? void 0 : e.type) === "values" && h && i.filterShowConditions === !0, [F, Y] = H(v[0]), T = !!A && (l || !o.trim()), Z = oe(T ? void 0 : e, l ? "" : o), S = T ? A : Z, r = (e == null ? void 0 : e.type) === "values" ? e.paged : void 0, R = Number(o.trim().replace(",", ".")), s = l && o.trim() && Number.isFinite(R) ? { operator: F.id === "1" ? "gt" : F.id === "2" ? "lt" : "eq", value: R } : void 0, w = !!C && !o.trim() && !s, _ = re(w ? void 0 : r, l && s ? "" : o.trim(), s), u = w ? C : _, m = r ? u : S, N = (e == null ? void 0 : e.type) === "values" ? ae({
+  const e = i.filterServer, [o, X] = H(""), F = i.filterType === "number", d = (e == null ? void 0 : e.type) === "values" && F && i.filterShowConditions === !0, [S, Y] = H(g[0]), O = !!l && (d || !o.trim()), Z = oe(
+    O ? void 0 : e,
+    d ? "" : o,
+    !0,
+    l != null && l.complete ? l.options : void 0
+  ), N = O ? l : Z, r = (e == null ? void 0 : e.type) === "values" ? e.paged : void 0, R = Number(o.trim().replace(",", ".")), s = d && o.trim() && Number.isFinite(R) ? { operator: S.id === "1" ? "gt" : S.id === "2" ? "lt" : "eq", value: R } : void 0, w = !!T && !o.trim() && !s, _ = re(w ? void 0 : r, d && s ? "" : o.trim(), s), v = w ? T : _, p = r ? v : N, y = (e == null ? void 0 : e.type) === "values" ? de({
     filter: e,
-    pagedSummary: r ? ne(r.expression, u.options, u.complete && !o.trim() && !s) : void 0,
-    loadedOptions: !r && S.complete && !o.trim() ? S.options : void 0
+    pagedSummary: r ? ne(r.expression, v.options, v.complete && !o.trim() && !s) : void 0,
+    loadedOptions: !r && N.complete && !o.trim() ? N.options : void 0
   }) : void 0;
   ie(() => {
-    N !== void 0 && (f == null || f(N));
-  }, [N, f]);
-  const $ = r || !l || !o.trim() ? m.options : s ? m.options.filter((t) => {
+    y !== void 0 && (f == null || f(y));
+  }, [y, f]);
+  const $ = r || !d || !o.trim() ? p.options : s ? p.options.filter((t) => {
     if (t.value === null || typeof t.value == "boolean" || t.value === "") return !1;
     const n = se(t.label, t.value);
     return n !== void 0 && le(n, s);
-  }) : [], L = de(e), U = (d == null ? void 0 : d.column) === i.field, D = (t) => h && t !== null && t !== "" && Number.isFinite(Number(t)) ? new Intl.NumberFormat("ru-RU", i.roundUpTo ? {
+  }) : [], L = ae(e), U = (m == null ? void 0 : m.column) === i.field, D = (t) => F && t !== null && t !== "" && Number.isFinite(Number(t)) ? new Intl.NumberFormat("ru-RU", i.roundUpTo ? {
     minimumFractionDigits: i.roundUpTo,
     maximumFractionDigits: i.roundUpTo
   } : void 0).format(Number(t)).replace(",", ".") : String(t ?? "");
-  return /* @__PURE__ */ c(te, { embedded: W, customContent: !!e, adaptiveHeight: i.filterAdaptiveHeight, anchorRef: M, tableRight: I, boxRef: P, width: j, label: z, children: (e == null ? void 0 : e.type) === "values" ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(te, { embedded: W, customContent: !!e, adaptiveHeight: i.filterAdaptiveHeight, anchorRef: M, tableRight: I, boxRef: P, width: j, label: z, children: (e == null ? void 0 : e.type) === "values" ? /* @__PURE__ */ u(
     E,
     {
-      ...m,
-      onRetry: m.retry,
+      ...p,
+      onRetry: p.retry,
       options: $,
-      allOptions: m.options,
+      allOptions: p.options,
       virtualize: !!r,
       paged: r,
       numeric: s,
-      paging: r ? u : void 0,
+      paging: r ? v : void 0,
       onReset: e.resetVisible !== !1 && (L || U) ? e.onReset : void 0,
       resetLabel: k(U, L),
       selection: e.selection,
@@ -67,45 +72,45 @@ const Ne = ({
       searchLabel: e.searchLabel,
       optionsAlreadyFiltered: !0,
       selectFoundOnSearch: e.selectFoundOnSearch,
-      onSort: O,
-      conditionControl: l ? /* @__PURE__ */ c(
+      onSort: C,
+      conditionControl: d ? /* @__PURE__ */ u(
         q,
         {
-          value: F,
-          options: v,
+          value: S,
+          options: g,
           onChange: (t) => {
             var a;
-            const n = (a = t.typeFilterSearch) == null ? void 0 : a.id, p = v.find((y) => y.id === n);
-            p && Y(p);
+            const n = (a = t.typeFilterSearch) == null ? void 0 : a.id, c = g.find((x) => x.id === n);
+            c && Y(c);
           },
           portalOn: !0
         }
       ) : void 0,
-      sort: B(d, i.field)
+      sort: B(m, i.field)
     }
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ u(
     E,
     {
       options: (Q ?? []).map((t) => ({ value: t, label: D(t) })),
-      allOptions: (g ?? []).map((t) => ({ value: t, label: D(t) })),
-      values: (g ?? []).filter((t) => {
+      allOptions: (b ?? []).map((t) => ({ value: t, label: D(t) })),
+      values: (b ?? []).filter((t) => {
         var n;
-        return !((n = x[i.field]) != null && n.includes(t));
+        return !((n = A[i.field]) != null && n.includes(t));
       }),
       search: J,
       onSearchChange: K,
       optionsAlreadyFiltered: !0,
       onChange: (t) => {
-        const n = new Set(t), p = (g ?? []).filter((y) => !n.has(y)), a = { ...x };
-        p.length ? a[i.field] = p : delete a[i.field], V(a);
+        const n = new Set(t), c = (b ?? []).filter((x) => !n.has(x)), a = { ...A };
+        c.length ? a[i.field] = c : delete a[i.field], V(a);
       },
-      onSort: O,
-      sort: B(d, i.field),
-      conditionControl: i.filterShowConditions === !1 ? void 0 : /* @__PURE__ */ c(
+      onSort: C,
+      sort: B(m, i.field),
+      conditionControl: i.filterShowConditions === !1 ? void 0 : /* @__PURE__ */ u(
         q,
         {
-          value: b == null ? void 0 : b.typeFilterSearch,
-          options: h ? v : ee,
+          value: h == null ? void 0 : h.typeFilterSearch,
+          options: F ? g : ee,
           onChange: G
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/SelectFilter.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,8BAA8B,CAAC;AAGtC,QAAA,MAAM,YAAY,GAAI,OAAO;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,mBAAmB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAqHA,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/SelectFilter.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,8BAA8B,CAAC;AAItC,QAAA,MAAM,YAAY,GAAI,OAAO;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,mBAAmB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAuHA,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

package/dist/components/Table/Filter/filterLoading.d.ts

@@ -1,5 +1,8 @@
+import type { TableFilterOption } from './TableFilterOptions';
 /** Общий текст отказа загрузки вариантов фильтра. */
 export declare const FILTER_LOAD_ERROR = "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0444\u0438\u043B\u044C\u0442\u0440\u0430. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.";
 /** Поиск ждёт паузу ввода; первая загрузка без условий идёт сразу. */
-export declare const getFilterSearchDelay: (search: string, hasNumeric?: boolean) => 0 | 300;
+export declare const getFilterSearchDelay: (search: string, hasNumeric?: boolean, delay?: number) => number;
+/** Прошлые варианты, суженные по подписи без учёта регистра, — пока не пришёл ответ на новый поиск. */
+export declare function narrowFilterOptions<Value>(options: readonly TableFilterOption<Value>[], search: string): readonly TableFilterOption<Value>[];
 //# sourceMappingURL=filterLoading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filterLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/filterLoading.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,eAAO,MAAM,iBAAiB,oTAA+D,CAAC;AAE9F,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,EAAE,oBAAkB,YAA0C,CAAC"}
+{"version":3,"file":"filterLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/filterLoading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,qDAAqD;AACrD,eAAO,MAAM,iBAAiB,oTAA+D,CAAC;AAE9F,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,EAAE,oBAAkB,EAAE,cAAW,WAA4C,CAAC;AAEjI,uGAAuG;AACvG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,uCAGtG"}

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

@@ -1,2 +1,6 @@
-const r = "Не удалось загрузить значения фильтра. Попробуйте ещё раз.", R = (e, t = !1) => e.trim() || t ? 300 : 0;
-export { r as FILTER_LOAD_ERROR$u, R as getFilterSearchDelay$u };
+const o = "Не удалось загрузить значения фильтра. Попробуйте ещё раз.", a = (e, t = !1, r = 300) => e.trim() || t ? r : 0;
+function n(e, t) {
+  const r = t.trim().toLocaleLowerCase("ru");
+  return r ? e.filter((l) => l.label.toLocaleLowerCase("ru").includes(r)) : e;
+}
+export { o as FILTER_LOAD_ERROR$u, a as getFilterSearchDelay$u, n as narrowFilterOptions$u };

package/dist/components/Table/Filter/useServerFilterOptions.d.ts

@@ -1,6 +1,8 @@
 import type { TableServerFilter, TableFilterValue } from '../Table.filterTypes';
 import type { TableFilterOption } from './TableFilterOptions';
-export declare function useServerFilterOptions(filter: TableServerFilter | undefined, search: string, enabled?: boolean): {
+type Options = readonly TableFilterOption<TableFilterValue>[];
+/** `fallback` — уже загруженный полный набор, который сужается, пока у этого хука нет своего ответа. */
+export declare function useServerFilterOptions(filter: TableServerFilter | undefined, search: string, enabled?: boolean, fallback?: Options): {
     options: readonly TableFilterOption<TableFilterValue>[];
     error: string;
     loading: boolean;
@@ -8,4 +10,5 @@ export declare function useServerFilterOptions(filter: TableServerFilter | undef
     complete: boolean;
     retry: () => void;
 };
+export {};
 //# sourceMappingURL=useServerFilterOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useServerFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/useServerFilterOptions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,UAAO;;;;IA6BxG,sGAAsG;;;EAGzG"}
+{"version":3,"file":"useServerFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/useServerFilterOptions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,KAAK,OAAO,GAAG,SAAS,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAQ9D,wGAAwG;AACxG,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,UAAO,EAAE,QAAQ,CAAC,EAAE,OAAO;;;;IAwC5H,sGAAsG;;;EAGzG"}

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

@@ -1,35 +1,38 @@
-import { useState as S, useRef as m, useEffect as x } from "react";
-import { FILTER_LOAD_ERROR$u as D, getFilterSearchDelay$u as L } from "./filterLoading.js";
-function k(n, e, s = !0) {
-  var v, w, y;
-  const t = (n == null ? void 0 : n.type) === "values" && !n.paged ? n.loadOptions : void 0, [c, i] = S({ options: [], loading: !!t }), [u, A] = S(0), l = m(!1), r = m(), a = m(!1), g = ((v = r.current) == null ? void 0 : v.loader) === t && ((w = r.current) == null ? void 0 : w.search) === e, d = g && ((y = r.current) == null ? void 0 : y.attempt) === u;
-  x(() => {
-    var O, R, E;
-    if (!t || !s || ((O = r.current) == null ? void 0 : O.loader) === t && ((R = r.current) == null ? void 0 : R.search) === e && ((E = r.current) == null ? void 0 : E.attempt) === u && a.current) return;
-    r.current = { loader: t, search: e, attempt: u }, a.current = !1;
-    const o = new AbortController(), F = l.current;
-    l.current = !1, i((p) => ({ options: [], loading: !0, error: F ? p.error : void 0 }));
-    const T = window.setTimeout(() => {
-      t(e, o.signal).then((p) => {
-        o.signal.aborted || (a.current = !0, i({ options: p, loading: !1 }));
+import { useState as b, useRef as y, useEffect as C, useMemo as I } from "react";
+import { FILTER_LOAD_ERROR$u as M, getFilterSearchDelay$u as Q, narrowFilterOptions$u as j } from "./filterLoading.js";
+function q(o, t, c) {
+  return o.loader !== t ? c : o.error ? void 0 : o.options;
+}
+function G(o, t, c = !0, h) {
+  var D, E, F;
+  const s = (o == null ? void 0 : o.type) === "values" && !o.paged ? o : void 0, r = s == null ? void 0 : s.loadOptions, g = s == null ? void 0 : s.searchDelay, [e, f] = b({ options: [], loading: !!r }), [a, x] = b(0), m = y(!1), n = y(), u = y(!1), O = ((D = n.current) == null ? void 0 : D.loader) === r && ((E = n.current) == null ? void 0 : E.search) === t, l = O && ((F = n.current) == null ? void 0 : F.attempt) === a;
+  C(() => {
+    var S, A, T;
+    if (!r || !c || ((S = n.current) == null ? void 0 : S.loader) === r && ((A = n.current) == null ? void 0 : A.search) === t && ((T = n.current) == null ? void 0 : T.attempt) === a && u.current) return;
+    n.current = { loader: r, search: t, attempt: a }, u.current = !1;
+    const i = new AbortController(), _ = m.current;
+    m.current = !1, f((p) => ({ ...p, loading: !0, error: _ ? p.error : void 0 }));
+    const k = window.setTimeout(() => {
+      r(t, i.signal).then((p) => {
+        i.signal.aborted || (u.current = !0, f({ options: p, loading: !1, loader: r }));
       }).catch(() => {
-        o.signal.aborted || (a.current = !0, i({ options: [], loading: !1, error: D }));
+        i.signal.aborted || (u.current = !0, f({ options: [], loading: !1, error: M, loader: r }));
       });
-    }, L(e));
+    }, Q(t, !1, g));
     return () => {
-      o.abort(), window.clearTimeout(T);
+      i.abort(), window.clearTimeout(k);
     };
-  }, [t, e, u, s]);
-  const f = !!t && s && (!d || c.loading);
+  }, [r, t, a, c, g]);
+  const v = !!r && c, w = v && (!l || e.loading), d = v ? q(e, r, h) : void 0, R = I(() => !w && l ? e.options : d ? j(d, t) : [], [w, l, e.options, d, t]), L = w && !R.length && (!d || g !== 0);
   return {
-    options: d ? c.options : [],
-    error: g ? c.error : void 0,
-    loading: f,
+    options: R,
+    error: O ? e.error : void 0,
+    loading: L,
     /** Словарь загружен для текущего запроса; пустой список выключенного загрузчика сюда не относится. */
-    complete: !!t && s && d && !f && !c.error,
+    complete: v && l && !e.loading && !e.error,
     retry: () => {
-      l.current = !0, A((o) => o + 1);
+      m.current = !0, x((i) => i + 1);
     }
   };
 }
-export { k as useServerFilterOptions$u };
+export { G as useServerFilterOptions$u };

package/dist/components/Table/Table.filterTypes.d.ts

@@ -53,6 +53,11 @@ export type TableServerFilter = {
     /** Можно скрыть локальный сброс, оставив общий сброс в тулбаре сервиса. */
     resetVisible?: boolean;
     loadOptions: (search: string, signal: AbortSignal) => Promise<readonly TableFilterOption<TableFilterValue>[]>;
+    /**
+     * Пауза ввода перед `loadOptions` при поиске, мс (по умолчанию 300). `0` — для загрузчика без сети,
+     * который режет готовый набор: варианты обновляются сразу. Порционный режим `paged` её не использует.
+     */
+    searchDelay?: number;
     searchLabel?: string;
     /** При поиске массовый выбор затрагивает только найденные варианты. */
     selectFoundOnSearch?: boolean;

package/dist/components/Table/Table.filterTypes.d.ts.map

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

package/dist/components/Table/TableHead.js

@@ -34,14 +34,14 @@ const ae = ({
   thStyle: c,
   cellContentStyle: b,
   thContentStyle: g,
-  effectiveSortField: O,
-  effectiveSortDir: v,
+  effectiveSortField: v,
+  effectiveSortDir: O,
   hoveredSortCol: G,
   setHoveredSortCol: w,
   handleSortToggle: J
 }) => {
   const K = (e) => {
-    const t = _(h, e), s = O === e.field, a = G === e.field, x = /* @__PURE__ */ p(
+    const t = _(h, e), s = v === e.field, a = G === e.field, x = /* @__PURE__ */ p(
       "span",
       {
         className: "u-table-th-sortable",
@@ -68,9 +68,9 @@ const ae = ({
           /* @__PURE__ */ r("i", { style: { display: "flex" }, children: /* @__PURE__ */ r(
             Y,
             {
-              name: s ? v === "desc" ? "down-arrow" : "up-arrow" : "sorting",
+              name: s ? O === "desc" ? "down-arrow" : "up-arrow" : "sorting",
               size: "14px",
-              color: s || a ? "#1E4391" : "#9FAECD"
+              color: s || a ? "var(--u-color-primary, #1E4391)" : "var(--u-color-primary-disabled, #9FAECD)"
             }
           ) })
         ]
@@ -125,7 +125,7 @@ const ae = ({
         {
           ref: (a) => P.current[e.field] = a,
           id: `${l}th${t}`,
-          "aria-sort": e.sortOn && !e.renderHeader && O === e.field ? v === "desc" ? "descending" : "ascending" : void 0,
+          "aria-sort": e.sortOn && !e.renderHeader && v === e.field ? O === "desc" ? "descending" : "ascending" : void 0,
           className: `${e.sticky ? "sticky" : ""} ${i && !e.resizeOff ? "resize" : ""}`,
           style: I(
             Object.assign(

package/dist/components/Table/TableMobileCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableMobileCard.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableMobileCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,sBAAsB,GAAI,4EAQpC;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC;CACjB,4CA2EA,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,kLAkBxB;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrH,IAAI,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnH,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB,4CAkJA,CAAC"}
+{"version":3,"file":"TableMobileCard.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableMobileCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,sBAAsB,GAAI,4EAQpC;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC;CACjB,4CA2EA,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,kLAkBxB;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrH,IAAI,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnH,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB,4CAkJA,CAAC"}

package/dist/components/Table/TableMobileCard.js

@@ -1,41 +1,42 @@
 import { jsx as a, Fragment as D, jsxs as c } from "react/jsx-runtime";
-import { useState as $, useId as I, useRef as R, useEffect as O, useLayoutEffect as E } from "react";
+import { useState as $, useRef as R, useEffect as I, useLayoutEffect as E } from "react";
 import { Icon$u as M } from "../Icon/Icon.js";
-import { animateHeight$u as W } from "../../vanilla/core/collapseMotion.js";
-const q = ({
+import { useAutoId$u as O } from "../../hooks/useAutoId.js";
+import { animateHeight$u as A } from "../../vanilla/core/collapseMotion.js";
+const W = ({
   label: h,
   children: s,
-  lines: t = 1,
+  lines: n = 1,
   valueColor: u,
   labelColor: m,
   gridSpan: d,
   gridRowSpan: f
 }) => {
-  const [r, w] = $(!1), [N, y] = $(!1), b = R(null), g = I(), _ = R(null);
+  const [r, w] = $(!1), [N, y] = $(!1), b = R(null), g = O(void 0, "u-table-card-value"), _ = R(null);
   return E(() => {
     const l = b.current, i = _.current;
     if (_.current = null, !l || i == null) return;
-    const n = () => {
-      l.classList.toggle("u-table-mobile-card__value--clamped", !r), l.style.webkitLineClamp = r ? "" : String(t);
+    const t = () => {
+      l.classList.toggle("u-table-mobile-card__value--clamped", !r), l.style.webkitLineClamp = r ? "" : String(n);
     };
     l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "";
     let o = l.getBoundingClientRect().height;
-    r || (l.classList.add("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = String(t), o = l.getBoundingClientRect().height, l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "");
-    const p = W(l, i, o, n);
+    r || (l.classList.add("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = String(n), o = l.getBoundingClientRect().height, l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "");
+    const p = A(l, i, o, t);
     return () => {
-      p(), n();
+      p(), t();
     };
-  }, [r, s, t]), O(() => {
+  }, [r, s, n]), I(() => {
     const l = b.current;
     if (!l) return;
     const i = () => {
-      const o = Number.parseFloat(getComputedStyle(l).lineHeight), p = Number.isFinite(o) ? o * t : l.clientHeight;
+      const o = Number.parseFloat(getComputedStyle(l).lineHeight), p = Number.isFinite(o) ? o * n : l.clientHeight;
       y(l.scrollHeight > p + 1);
     };
     if (i(), typeof ResizeObserver > "u") return;
-    const n = new ResizeObserver(i);
-    return n.observe(l), () => n.disconnect();
-  }, [s, t, r]), /* @__PURE__ */ c("div", { className: `u-table-mobile-card__row u-table-mobile-card__row--collapsible${d === "full" ? " u-table-mobile-card__row--span-full" : d === 2 ? " u-table-mobile-card__row--span2" : d === "narrow" ? " u-table-mobile-card__row--span-narrow" : ""}${f === 2 ? " u-table-mobile-card__row--rowspan2" : ""}`, children: [
+    const t = new ResizeObserver(i);
+    return t.observe(l), () => t.disconnect();
+  }, [s, n, r]), /* @__PURE__ */ c("div", { className: `u-table-mobile-card__row u-table-mobile-card__row--collapsible${d === "full" ? " u-table-mobile-card__row--span-full" : d === 2 ? " u-table-mobile-card__row--span2" : d === "narrow" ? " u-table-mobile-card__row--span-narrow" : ""}${f === 2 ? " u-table-mobile-card__row--rowspan2" : ""}`, children: [
     h != null && /* @__PURE__ */ a("span", { className: "u-table-mobile-card__label", style: m ? { color: m } : void 0, children: h }),
     /* @__PURE__ */ a(
       "span",
@@ -43,7 +44,7 @@ const q = ({
         ref: b,
         id: g,
         className: "u-table-mobile-card__value" + (r ? "" : " u-table-mobile-card__value--clamped"),
-        style: { ...r ? {} : { WebkitLineClamp: t }, ...u ? { color: u } : {} },
+        style: { ...r ? {} : { WebkitLineClamp: n }, ...u ? { color: u } : {} },
         children: s
       }
     ),
@@ -62,10 +63,10 @@ const q = ({
       }
     )
   ] });
-}, P = ({
+}, Q = ({
   title: h,
   titleLabel: s,
-  titleHideLabel: t,
+  titleHideLabel: n,
   titleColor: u,
   titleLabelColor: m,
   subtitle: d,
@@ -79,15 +80,15 @@ const q = ({
   density: _ = "default",
   divider: l,
   showLabels: i = !0,
-  columns: n = 1
+  columns: t = 1
 }) => {
-  const [o, p] = $(!1), S = I(), C = R(null);
-  O(() => {
+  const [o, p] = $(!1), S = O(void 0, "u-table-card-details"), C = R(null);
+  I(() => {
     C.current && (C.current.inert = !o);
   }, [o]);
-  const L = w.filter((e) => e.value != null && e.value !== ""), k = N.filter((e) => e.value != null && e.value !== ""), x = y.filter((e) => e.value != null && e.value !== ""), F = x.length > 0, z = k.length > 0, B = n === 3 ? " u-table-mobile-card__fields--cols3" : n === 2 ? " u-table-mobile-card__fields--cols2" : "", j = /* @__PURE__ */ a(D, { children: /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head-main", children: [
+  const L = w.filter((e) => e.value != null && e.value !== ""), k = N.filter((e) => e.value != null && e.value !== ""), x = y.filter((e) => e.value != null && e.value !== ""), F = x.length > 0, z = k.length > 0, B = t === 3 ? " u-table-mobile-card__fields--cols3" : t === 2 ? " u-table-mobile-card__fields--cols2" : "", j = /* @__PURE__ */ a(D, { children: /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head-main", children: [
     /* @__PURE__ */ c("span", { className: "u-table-mobile-card__primary", children: [
-      i && !t && s != null && s !== "" && /* @__PURE__ */ a(
+      i && !n && s != null && s !== "" && /* @__PURE__ */ a(
         "span",
         {
           className: "u-table-mobile-card__title-label",
@@ -141,7 +142,7 @@ const q = ({
       )
     ) })
   ] }) }), H = (e, v) => e.expandLines ? /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: i && !e.hideLabel ? e.label : null,
       lines: e.expandLines,
@@ -173,7 +174,7 @@ const q = ({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: `u-table-mobile-card u-table-mobile-card--list${b ? " u-table-mobile-card--flat" : ""}${l ? " u-table-mobile-card--divider" : ""}${n === 3 ? " u-table-mobile-card--cols3" : ""}${g ? " u-table-mobile-card--inset" : ""}${_ === "compact" ? " u-table-mobile-card--compact" : ""}`,
+      className: `u-table-mobile-card u-table-mobile-card--list${b ? " u-table-mobile-card--flat" : ""}${l ? " u-table-mobile-card--divider" : ""}${t === 3 ? " u-table-mobile-card--cols3" : ""}${g ? " u-table-mobile-card--inset" : ""}${_ === "compact" ? " u-table-mobile-card--compact" : ""}`,
       children: [
         /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head", children: [
           j,
@@ -209,4 +210,4 @@ const q = ({
     }
   );
 };
-export { P as MobileCard$u, q as MobileCollapsibleField$u };
+export { Q as MobileCard$u, W as MobileCollapsibleField$u };