urfu-ui-kit-react 2.1.2 → 2.1.4

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

@@ -0,0 +1,268 @@
+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 { Button$u as L } from "../../Button/Button.js";
+import Ne from "./DefaultInput.js";
+/* empty css                                                     */
+/* empty css                    */
+import { TableFilterSortButton$u as we } 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,
+  values: B = [],
+  onChange: d,
+  selection: l,
+  onSelectionChange: h,
+  loading: c = !1,
+  error: n,
+  onRetry: w,
+  onReset: J,
+  resetLabel: se = "Сбросить фильтр",
+  search: ue,
+  onSearchChange: K,
+  searchLabel: ce = "Поиск значений",
+  sort: ae,
+  onSort: ie,
+  sortUnavailableReason: oe,
+  conditionControl: R,
+  allOptions: O = f,
+  optionsAlreadyFiltered: z = !1,
+  selectFoundOnSearch: ne = !1,
+  virtualize: v = !1,
+  paged: r,
+  numeric: k,
+  paging: o,
+  complete: me = !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 e = setTimeout(() => {
+      V.current && (Z.current = m, V.current(m));
+    }, Math.max(0, U));
+    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(() => {
+    const e = /* @__PURE__ */ new Map();
+    return f.forEach((t) => {
+      e.has(t.value) || e.set(t.value, t);
+    }), e;
+  }, [f]), q = (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 ?? "") });
+    }
+    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(() => {
+    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, r]);
+  const _e = (e) => {
+    const t = i.map((s) => s.value);
+    return D.current.forEach((s, b) => {
+      Te(s, e, k) && t.push(b);
+    }), 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,
+      {
+        value: m,
+        "aria-label": ce,
+        maxLength: r ? 256 : void 0,
+        onChange: (e) => ee(e.target.value),
+        onCompositionStart: () => {
+          _ === "search" && Y(!0);
+        },
+        onCompositionEnd: () => Y(!1),
+        onKeyDown: (e) => {
+          _ !== "search" || e.key !== "Enter" || e.nativeEvent.isComposing || (e.preventDefault(), e.stopPropagation());
+        },
+        placeholder: "Введите значение",
+        isSelectColumn: !0
+      }
+    ),
+    m ? /* @__PURE__ */ u(
+      L,
+      {
+        variant: "icon",
+        icon: "cross-small",
+        iconOnly: !0,
+        iconSize: 14,
+        className: "u-table-filter-options__clear",
+        "aria-label": "Очистить поиск",
+        onClick: () => {
+          var e, t;
+          ee(""), (t = (e = S.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: [
+    A,
+    te
+  ] }) });
+  const ye = (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 : "Не удалось изменить выбор.");
+      }
+      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]);
+  };
+  return /* @__PURE__ */ p("div", { className: "u-table-filter-options", children: [
+    /* @__PURE__ */ p("div", { className: "u-table-filter-options__toolbar", children: [
+      R ?? A,
+      te
+    ] }),
+    R ? /* @__PURE__ */ u("div", { className: "u-table-filter-options__search", children: A }) : null,
+    /* @__PURE__ */ p(
+      "ul",
+      {
+        className: "u-table-filter-options__list",
+        "aria-busy": c,
+        ref: Q,
+        onFocusCapture: (e) => {
+          const t = e.target.closest("li[data-option-index]");
+          a.rememberFocus(t ? T[Number(t.dataset.optionIndex)] : null);
+        },
+        onBlurCapture: (e) => {
+          e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && a.rememberFocus(null);
+        },
+        onScroll: (e) => {
+          if (a.readViewport(), !o || c || n) return;
+          const t = e.currentTarget;
+          t.scrollTop + t.clientHeight >= t.scrollHeight - 24 && o.hasNext ? o.next() : t.scrollTop <= 24 && o.hasPrevious && o.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();
+            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);
+        },
+        children: [
+          n && (!r || !i.length) ? /* @__PURE__ */ p("li", { className: "select-column__li select-column__empty", role: "alert", children: [
+            n,
+            w ? /* @__PURE__ */ u(
+              L,
+              {
+                variant: "text",
+                size: "small",
+                disabled: c,
+                "aria-busy": c || void 0,
+                onClick: () => {
+                  var e, t;
+                  (t = (e = S.current) == null ? void 0 : e.querySelector("input")) == null || t.focus({ preventScroll: !0 }), w();
+                },
+                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,
+            {
+              className: "u-table-filter-options__option",
+              checked: pe,
+              disabled: j,
+              propsInput: { "aria-label": g },
+              onChange: (e) => {
+                if (y && W(!0), r) {
+                  const s = x && !k ? m.trim() : "", b = x ? k : 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 : "Не удалось изменить выбор.");
+                  }
+                  return;
+                }
+                if (l && !x) {
+                  h == null || h({ mode: e.target.checked ? "exclude" : "include", values: [] });
+                  return;
+                }
+                if (!x && !e.target.checked) {
+                  d == null || d([]);
+                  return;
+                }
+                const t = new Set((l == null ? void 0 : l.values) ?? B);
+                H.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]);
+              },
+              children: /* @__PURE__ */ u("h5", { className: "h5", children: g })
+            }
+          ) }) : !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(
+            "li",
+            {
+              className: "select-column__li",
+              "data-option-index": a.start + t,
+              ref: (s) => a.register(T[a.start + t], s),
+              children: /* @__PURE__ */ u(
+                le,
+                {
+                  className: "u-table-filter-options__option",
+                  checked: q(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 })
+                }
+              )
+            },
+            T[a.start + t]
+          )),
+          a.bottomPadding > 0 && /* @__PURE__ */ u("li", { "aria-hidden": "true", role: "presentation", style: { height: a.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(
+        L,
+        {
+          variant: "text",
+          size: "small",
+          disabled: c,
+          "aria-busy": c || void 0,
+          onClick: () => {
+            var e, t;
+            (t = (e = S.current) == null ? void 0 : e.querySelector("input")) == null || t.focus({ preventScroll: !0 }), w();
+          },
+          children: "Повторить"
+        }
+      ) : null
+    ] }) : null,
+    J ? /* @__PURE__ */ u(L, { className: "u-table-filter-options__reset", variant: "text", size: "small", onClick: J, children: se }) : null
+  ] });
+}
+export { He as TableFilterOptions$u };

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

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Tooltip$u as r } from "../../Tooltip/Tooltip.js";
+function c({ sort: o, onSort: t, unavailableReason: n }) {
+  const e = t ? o === "asc" ? "По возрастанию; переключить на убывание" : o === "desc" ? "По убыванию; сбросить сортировку" : "Сортировать по возрастанию" : n;
+  return /* @__PURE__ */ i(r, { tooltipText: e, isActive: !!e, position: "top", portalOn: !0, children: /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      className: "button-sort u-table-filter-options__sort",
+      onClick: t,
+      disabled: !t,
+      "aria-label": "Сортировка",
+      children: /* @__PURE__ */ i("i", { "aria-hidden": "true", className: "u-icon " + (o === "asc" ? "icon-up-arrow" : o === "desc" ? "icon-down-arrow" : "icon-sorting") })
+    }
+  ) });
+}
+export { c as TableFilterSortButton$u };

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

@@ -0,0 +1,2 @@
+const n = (e, c) => (e == null ? void 0 : e.column) !== void 0 && e.column === c ? e.asc ? "asc" : "desc" : void 0, i = (e, c) => e ? c ? "Сбросить фильтр и сортировку" : "Сбросить сортировку" : "Сбросить фильтр";
+export { n as getColumnSortDirection$u, i as getFilterResetLabel$u };

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

@@ -0,0 +1,48 @@
+const i = (e) => e.toLocaleLowerCase("ru");
+function a(e, t) {
+  const l = e.trim().replace(",", "."), r = /^-?\d+(?:\.\d+)?$/.test(l) ? Number(l) : t === void 0 ? Number.NaN : Number(String(t).replace(",", "."));
+  return Number.isFinite(r) ? r : void 0;
+}
+function s(e, t) {
+  return t.operator === "gt" ? e > t.value : t.operator === "lt" ? e < t.value : e === t.value;
+}
+function o(e, t, l) {
+  if (!i(e.label).includes(i(t))) return !1;
+  if (!l) return !0;
+  const r = a(e.label);
+  return r !== void 0 && s(r, l);
+}
+function g(e, t) {
+  if (e.exclude.includes(t.value)) return !1;
+  if (e.include.includes(t.value)) return !0;
+  let l = e.defaultSelected;
+  for (const r of e.rules) o(t, r.search, r.numeric) && (l = r.selected);
+  return l;
+}
+function h(e, t, l, r = 1e3) {
+  const n = e.include.filter((c) => c !== t), u = e.exclude.filter((c) => c !== t);
+  if ((l ? n : u).push(t), n.length + u.length > r) throw new Error("Выбрано слишком много отдельных значений. Используйте «Выбрать все найденные» или упростите условия.");
+  return { ...e, include: n, exclude: u };
+}
+function S(e, t, l, r, n = 10, u = []) {
+  if (!t && !l) return { defaultSelected: r, rules: [], include: [], exclude: [] };
+  const c = e.rules.filter((f) => f.search !== t || JSON.stringify(f.numeric) !== JSON.stringify(l));
+  if (c.length >= n) throw new Error("Достигнут предел условий поиска. Очистите поиск и выберите всё или ничего, чтобы упростить фильтр.");
+  const d = new Set(u);
+  return {
+    ...e,
+    rules: [...c, { search: t, ...l ? { numeric: l } : {}, selected: r }],
+    include: e.include.filter((f) => !d.has(f)),
+    exclude: e.exclude.filter((f) => !d.has(f))
+  };
+}
+function N(e, t, l) {
+  const r = e.defaultSelected && !e.rules.length && !e.exclude.length;
+  if (l) {
+    const u = JSON.stringify(e), c = t.filter((d) => d.expressionKey === u && typeof d.selected == "boolean" ? d.selected : g(e, d)).length;
+    return { allSelected: t.length > 0 ? c === t.length : r, count: c };
+  }
+  const n = !e.defaultSelected && !e.rules.length ? new Set(e.include.filter((u) => !e.exclude.includes(u))).size : void 0;
+  return { allSelected: r, count: n };
+}
+export { S as bulkFilterExpression$u, g as filterExpressionSelected$u, N as filterExpressionSummary$u, o as filterRuleMatches$u, s as matchesNumeric$u, a as parseFilterNumber$u, h as toggleFilterExpression$u };

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

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

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

@@ -0,0 +1,33 @@
+import { useEffect as r } from "react";
+import { selectDate$u as h } from "./SelectOptions.js";
+const m = ({ field: a, isDate: l, filterDates: p, setFilterDates: F, method: c, setMethod: b }) => {
+  const n = p == null ? void 0 : p.find((e) => e.id === a);
+  r(() => {
+    if (!l) return;
+    const e = h.find((t) => t.id === (n == null ? void 0 : n.type));
+    b((t) => (t == null ? void 0 : t.typeFilterSearch.id) === (e == null ? void 0 : e.id) ? t : e ? { typeFilterSearch: e } : void 0);
+  }, [l, n == null ? void 0 : n.type, b]);
+  const S = (e, t) => {
+    F((g) => {
+      const y = g.find((f) => f.id === a), d = {
+        id: a,
+        type: (c == null ? void 0 : c.typeFilterSearch.id) ?? (y == null ? void 0 : y.type) ?? "exact",
+        begin: (y == null ? void 0 : y.begin) ?? null,
+        end: (y == null ? void 0 : y.end) ?? null,
+        [e]: t
+      }, x = g.filter((f) => f.id !== a);
+      return d.begin == null && d.end == null ? x : [...x, d];
+    });
+  }, E = (e) => {
+    const t = typeof e == "function" ? e(c) : e;
+    b(t), !(!l || !n) && F((g) => g.map((y) => y.id === a ? { ...y, type: (t == null ? void 0 : t.typeFilterSearch.id) ?? "exact" } : y));
+  };
+  return {
+    date: n == null ? void 0 : n.begin,
+    dateEnd: n == null ? void 0 : n.end,
+    setDate: (e) => S("begin", e),
+    setDateEnd: (e) => S("end", e),
+    changeMethod: E
+  };
+};
+export { m as useFilterDates$u };

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

@@ -0,0 +1,22 @@
+import { useState as u, useEffect as b } from "react";
+import { usePagedFilterOptions$u as h } from "./usePagedFilterOptions.js";
+import { useServerFilterOptions$u as m } from "./useServerFilterOptions.js";
+import { filterExpressionSummary$u as w } from "./filterExpression.js";
+function x(t, i, c) {
+  var v;
+  const o = ((v = t.filterServer) == null ? void 0 : v.type) === "values" ? t.filterServer : void 0, e = o == null ? void 0 : o.paged, s = !!t.filterAdaptiveHeight && !t.renderFilter, r = !!o && !(t.filterType === "boolean" && t.filterShowConditions === !0), n = m(s && r ? o : void 0, "", i), a = e ? w(e.expression, [], !1) : void 0, g = !!a && !a.allSelected && a.count === void 0, l = h(e && (c && g || i) ? e : void 0, ""), p = e ? l : n, [S, f] = u(!1), d = s && r && !S && p.loading && !p.error;
+  return b(() => {
+    i ? d || f(!0) : f(!1);
+  }, [i, d]), {
+    paged: e,
+    basePages: l,
+    baseOptions: n,
+    waitingForOptions: d,
+    /** Готовые варианты для панели, чтобы она не повторяла первый запрос. */
+    panelBase: {
+      basePages: e ? l : void 0,
+      baseOptions: s && r && !e ? n : void 0
+    }
+  };
+}
+export { x as useFilterOptionsPreload$u };

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

@@ -0,0 +1,32 @@
+import { useMemo as l, useState as O, useEffect as a } from "react";
+import { filterOptionsFormatter$u as c, filterOptions$u as v, setMethodSearch$u as M, setMethodSearchNumber$u as N, getSearchСontainsText$u as p, getSearchEqualsNumber$u as x } from "./Functions.js";
+import { selectText$u as h, selectNumber$u as k } from "./SelectOptions.js";
+function _({
+  column: s,
+  filterEmptyLabel: r,
+  textSearch: o,
+  typeFilterSearch: e,
+  setTypeFilterSearch: m,
+  uncheckedValues: g,
+  setUncheckedValues: d
+}) {
+  const t = l(
+    () => c(v(s.filterOptions), r),
+    [s.filterOptions, r]
+  ), [b, n] = O();
+  return a(() => {
+    var u;
+    if (s.filterServer) return;
+    const f = s.filterType === "string";
+    if (f || s.filterType === "number") {
+      !e && o.length > 0 && m({ typeFilterSearch: (f ? h : k)[0] });
+      const i = (u = e == null ? void 0 : e.typeFilterSearch) == null ? void 0 : u.id;
+      o ? i ? (f ? M : N)(i, o, n, t) : (f ? p : x)(o, n, t) : n(t);
+    }
+    if (s.filterType === "boolean" && d) {
+      const i = e == null ? void 0 : e.typeFilterSearch.id, T = i === "0" ? [] : i === "1" ? [!1, null, void 0] : i === "2" ? [!0] : void 0;
+      T && d({ ...g, [s.field]: T });
+    }
+  }, [o, t, e]), { checkBoxes: t, searched: b };
+}
+export { _ as useLocalFilterSearch$u };

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

@@ -0,0 +1,71 @@
+import { useRef as n, useState as _, useEffect as W, useCallback as X } from "react";
+import { getFilterSearchDelay$u as Y, FILTER_LOAD_ERROR$u as Z } from "./filterLoading.js";
+import { BoundedOptionPageCache$u as R } from "../../../vanilla/core/BoundedOptionPageCache.js";
+function te(c, x, z) {
+  var N, A, E, F;
+  const w = n(c);
+  w.current = c;
+  const s = n([]), u = n(new R(3)), y = n(new R(3)), P = n(), S = n("first"), [b, l] = _({ pages: [], loading: !!c }), [a, B] = _(0), g = JSON.stringify(z), f = c == null ? void 0 : c.contextKey, O = n(), v = n(0), i = JSON.stringify([f, x, g]), d = n(() => {
+  });
+  W(() => {
+    if (!w.current) {
+      d.current = () => {
+      };
+      return;
+    }
+    P.current !== f && (y.current.clear(), P.current = f);
+    const t = new AbortController();
+    let h = !1;
+    const J = async (r) => {
+      var T, k;
+      const K = w.current;
+      if (!K || h || t.signal.aborted) return;
+      const D = s.current, o = r === "next" ? (T = D.at(-1)) == null ? void 0 : T.nextCursor : r === "previous" ? (k = D[0]) == null ? void 0 : k.previousCursor : void 0;
+      if (r !== "first" && !o) return;
+      h = !0, S.current = r, l((e) => ({ ...e, loading: !0 }));
+      const U = JSON.stringify(K.expression);
+      try {
+        const e = await K.loadPage({ search: x, ...g ? { numeric: JSON.parse(g) } : {}, ...o ? { cursor: o } : {}, limit: 100 }, t.signal);
+        if (t.signal.aborted) return;
+        if (e.hasMore && !e.nextCursor || e.hasPrevious && !e.previousCursor || r === "next" && e.hasMore && e.nextCursor === o || r === "previous" && e.hasPrevious && e.previousCursor === o || e.options.length === 0 && (e.hasMore || e.hasPrevious) || e.options.length > 100) throw new Error("Invalid option page");
+        const I = { ...e, expressionKey: U };
+        r === "first" && u.current.clear(), r === "previous" ? u.current.setFirst("cursor:" + o, I) : u.current.set(o ? "cursor:" + o : "first", I), y.current.set(i, u.current);
+        const L = u.current.entries().map(([, V]) => V);
+        s.current = L, l({ pages: L, loading: !1 });
+      } catch {
+        t.signal.aborted || l((e) => ({ ...e, loading: !1, error: Z }));
+      } finally {
+        h = !1;
+      }
+    };
+    if (d.current = (r) => {
+      J(r);
+    }, O.current === i && s.current.length && v.current === a)
+      return l((r) => ({ ...r, pages: s.current, loading: !1 })), () => t.abort();
+    const m = v.current === a ? y.current.get(i) : void 0;
+    if (O.current = i, v.current = a, m != null && m.size)
+      return u.current = m, s.current = m.entries().map(([, r]) => r), l({ pages: s.current, loading: !1 }), () => t.abort();
+    s.current = [], u.current = new R(3), l((r) => ({ pages: [], loading: !0, error: a ? r.error : void 0 }));
+    const H = window.setTimeout(() => {
+      J("first");
+    }, Y(x, !!g));
+    return () => {
+      t.abort(), window.clearTimeout(H);
+    };
+  }, [f, x, g, i, a]);
+  const j = X(() => {
+    s.current.length ? d.current(S.current) : B((t) => t + 1);
+  }, []), C = O.current === i && v.current === a, G = !C && P.current === f && v.current === a ? (N = y.current.peek(i)) == null ? void 0 : N.entries().map(([, t]) => t) : void 0, p = C ? b.pages : G ?? [], M = !!c && (C ? b.loading : !p.length), q = C ? b.error : void 0;
+  return {
+    options: p.flatMap((t) => t.options.map((h) => ({ ...h, expressionKey: t.expressionKey }))),
+    loading: M,
+    error: q,
+    retry: j,
+    complete: p.length > 0 && !M && !q && !p[0].hasPrevious && !((A = p.at(-1)) != null && A.hasMore),
+    hasNext: !!((E = p.at(-1)) != null && E.hasMore),
+    hasPrevious: !!((F = p[0]) != null && F.hasPrevious),
+    next: () => d.current("next"),
+    previous: () => d.current("previous")
+  };
+}
+export { te as usePagedFilterOptions$u };

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

@@ -0,0 +1,35 @@
+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 }));
+      }).catch(() => {
+        o.signal.aborted || (a.current = !0, i({ options: [], loading: !1, error: D }));
+      });
+    }, L(e));
+    return () => {
+      o.abort(), window.clearTimeout(T);
+    };
+  }, [t, e, u, s]);
+  const f = !!t && s && (!d || c.loading);
+  return {
+    options: d ? c.options : [],
+    error: g ? c.error : void 0,
+    loading: f,
+    /** Словарь загружен для текущего запроса; пустой список выключенного загрузчика сюда не относится. */
+    complete: !!t && s && d && !f && !c.error,
+    retry: () => {
+      l.current = !0, A((o) => o + 1);
+    }
+  };
+}
+export { k as useServerFilterOptions$u };

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

@@ -0,0 +1,80 @@
+import { useRef as w, useState as C, useLayoutEffect as g, useMemo as P, useCallback as B } from "react";
+function _(r, i, l) {
+  const h = w(/* @__PURE__ */ new Map()), f = w(/* @__PURE__ */ new Map()), [S, b] = C(0), [n, I] = C({ top: 0, height: 170, prefix: 0, estimate: 40 }), [v, T] = C(null), m = w(null), O = w();
+  g(() => {
+    const t = new Set(r);
+    for (const e of h.current.keys()) t.has(e) || h.current.delete(e);
+    for (const e of f.current.keys()) t.has(e) || f.current.delete(e);
+  }, [r]);
+  const u = P(() => {
+    const t = [0];
+    for (const e of r) t.push(t[t.length - 1] + (h.current.get(e) ?? n.estimate));
+    return t;
+  }, [r, n.estimate, S]);
+  g(() => {
+    const t = O.current, e = l.current;
+    if (i && e && t && t.keys !== r) {
+      const o = Math.max(0, t.top - n.prefix), s = Math.max(0, t.offsets.findIndex((a, M) => M < t.keys.length && t.offsets[M + 1] > o)), c = r.indexOf(t.keys[s]);
+      c >= 0 ? e.scrollTop = Math.max(0, t.top + u[c] - t.offsets[s]) : r.some((a) => t.keys.includes(a)) || (e.scrollTop = 0), m.current && r.includes(m.current) && T(m.current);
+    }
+    O.current = { keys: r, offsets: u, top: (e == null ? void 0 : e.scrollTop) ?? n.top };
+  }, [i, r, u, n.top, n.prefix, l]);
+  const V = B((t) => {
+    let e = 0, o = r.length;
+    for (; e < o; ) {
+      const s = Math.floor((e + o) / 2);
+      u[s + 1] <= t ? e = s + 1 : o = s;
+    }
+    return Math.min(e, Math.max(0, r.length - 1));
+  }, [r.length, u]), d = i ? Math.max(0, V(Math.max(0, n.top - n.prefix)) - 3) : 0, x = i ? Math.min(r.length, V(Math.max(0, n.top + n.height - n.prefix)) + 4) : r.length, p = B(() => {
+    var c;
+    const t = l.current;
+    if (!t) return;
+    const e = ((c = t.querySelector(".u-table-filter-options__bulk")) == null ? void 0 : c.getBoundingClientRect().height) ?? 0, o = Number.parseFloat(getComputedStyle(t).getPropertyValue("--u-unit")) || 1, s = { top: t.scrollTop, height: t.clientHeight || 170, prefix: e, estimate: 40 * o };
+    I((a) => Object.entries(s).every(([M, K]) => a[M] === K) ? a : s);
+  }, [l]);
+  g(() => {
+    if (!i || (p(), !l.current)) return;
+    let e = !1;
+    for (const [o, s] of f.current) {
+      const c = s.getBoundingClientRect().height;
+      c > 0 && Math.abs((h.current.get(o) ?? n.estimate) - c) > 0.5 && (h.current.set(o, c), e = !0);
+    }
+    e && b((o) => o + 1);
+  }, [i, d, x, r, l, p, n.estimate, S]), g(() => {
+    const t = l.current;
+    if (!i || !t || typeof ResizeObserver > "u") return;
+    let e = t.getBoundingClientRect().width;
+    const o = new ResizeObserver(() => {
+      const s = t.getBoundingClientRect().width;
+      Math.abs(s - e) > 0.5 && (e = s, h.current.clear(), b((c) => c + 1)), p();
+    });
+    return o.observe(t), () => o.disconnect();
+  }, [i, l, p]), g(() => {
+    var e;
+    if (!v) return;
+    const t = (e = f.current.get(v)) == null ? void 0 : e.querySelector("input");
+    t && (t.focus({ preventScroll: !0 }), T(null));
+  }, [v, d, x]);
+  const F = (t) => {
+    const e = l.current;
+    if (!e || t < 0 || t >= r.length) return;
+    const o = n.prefix + u[t], s = n.prefix + u[t + 1];
+    (o < e.scrollTop || s > e.scrollTop + n.height) && (e.scrollTop = o < e.scrollTop ? o : Math.max(0, s - n.height)), T(r[t]), p();
+  };
+  return {
+    start: d,
+    end: x,
+    topPadding: i ? u[d] : 0,
+    bottomPadding: i ? Math.max(0, u[r.length] - u[x]) : 0,
+    readViewport: p,
+    scrollToIndex: F,
+    rememberFocus: (t) => {
+      m.current = t;
+    },
+    register: (t, e) => {
+      e ? f.current.set(t, e) : f.current.delete(t);
+    }
+  };
+}
+export { _ as useVirtualOptionWindow$u };