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

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

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
 import { FilterConditionSelect$u as b } from "./FilterConditionSelect.js";
 import { TableFilterSortButton$u as B } from "./TableFilterSortButton.js";
 import { getColumnSortDirection$u as S } from "./filterBoxHelpers.js";
@@ -6,7 +6,8 @@ import { getColumnSortDirection$u as S } from "./filterBoxHelpers.js";
 /* empty css                    */
 import { selectBoolean$u as l } from "./SelectOptions.js";
 import { FilterBoxShell$u as j } from "./FilterBoxShell.js";
-const y = ({
+import { kitClasses$u as F } from "../../../shared/uiKitDefaults.js";
+const A = ({
   column: r,
   anchorRef: a,
   boxRef: m,
@@ -20,15 +21,15 @@ const y = ({
   embedded: h
 }) => {
   const o = r.filterServer, e = (o == null ? void 0 : o.type) === "values" ? o.selection : void 0, x = e && e.values.length === 0 && e.mode === "exclude" ? l[0] : (e == null ? void 0 : e.mode) === "include" && e.values.length === 1 ? e.values[0] === !0 ? l[1] : e.values[0] === !1 ? l[2] : void 0 : void 0;
-  return /* @__PURE__ */ n(j, { embedded: h, customContent: !!o, anchorRef: a, tableRight: u, boxRef: m, width: c, label: d, children: /* @__PURE__ */ C("div", { className: "u-table-filter-options__toolbar u-table-filter-boolean", children: [
+  return /* @__PURE__ */ n(j, { embedded: h, customContent: !!o, anchorRef: a, tableRight: u, boxRef: m, width: c, label: d, children: /* @__PURE__ */ g("div", { className: F("table-filter-options__toolbar", "table-filter-boolean"), children: [
     /* @__PURE__ */ n(
       b,
       {
         value: o ? x : i == null ? void 0 : i.typeFilterSearch,
         options: l,
-        onChange: (o == null ? void 0 : o.type) === "values" ? (g) => {
+        onChange: (o == null ? void 0 : o.type) === "values" ? (C) => {
           var s;
-          const t = (s = g.typeFilterSearch) == null ? void 0 : s.id;
+          const t = (s = C.typeFilterSearch) == null ? void 0 : s.id;
           t === "0" ? o.onChange({ mode: "exclude", values: [] }) : (t === "1" || t === "2") && o.onChange({ mode: "include", values: [t === "1"] });
         } : f,
         portalOn: !!o
@@ -37,4 +38,4 @@ const y = ({
     /* @__PURE__ */ n(B, { sort: S(v, r.field), onSort: p })
   ] }) });
 };
-export { y as FilterBooleanBox$u };
+export { A as FilterBooleanBox$u };

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

@@ -1,89 +1,89 @@
-import { jsx as Y, Fragment as tt } from "react/jsx-runtime";
-import { useRef as O, useState as et, useLayoutEffect as J } from "react";
-import { createPortal as nt } from "react-dom";
-import { getPortalScopeProps$u as ot } from "../../../shared/uiKitDefaults.js";
-const it = 278, rt = 8, dt = ({ anchorRef: d, tableRight: B, boxRef: R, width: b, label: z, customContent: m, embedded: w, adaptiveHeight: a, autoFocus: $ = !0, children: v }) => {
-  const r = O(null), h = O(), M = O(!1), [e, K] = et(null), y = e !== null;
-  return J(() => {
-    const t = d == null ? void 0 : d.current;
+import { jsx as X, Fragment as et } from "react/jsx-runtime";
+import { useRef as O, useState as nt, useLayoutEffect as Y } from "react";
+import { createPortal as it } from "react-dom";
+import { getUiKitPrefix$u as r, getPortalScopeProps$u as ot } from "../../../shared/uiKitDefaults.js";
+const rt = 278, ct = 8, mt = ({ anchorRef: m, tableRight: B, boxRef: R, width: w, label: z, customContent: h, embedded: v, adaptiveHeight: l, autoFocus: I = !0, children: M }) => {
+  const c = O(null), f = O(), y = O(!1), [e, J] = nt(null), W = e !== null;
+  return Y(() => {
+    const t = m == null ? void 0 : m.current;
     if (!t) return;
-    const o = () => {
-      var G;
-      const c = t.getBoundingClientRect(), l = Number.parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--u-unit")) || 1, u = rt * l, L = Math.max(0, window.innerWidth - 2 * u), q = Math.min(b ?? it * l, L), s = Math.min(((G = r.current) == null ? void 0 : G.getBoundingClientRect().width) || q, L), i = t.closest(".u-table"), p = i == null ? void 0 : i.getBoundingClientRect(), A = i && p ? Math.max(0, p.left + i.clientLeft) : 0, E = i && p ? Math.min(window.innerWidth, p.left + i.clientLeft + i.clientWidth) : window.innerWidth, g = !!i && E - A >= s, C = (B ?? (g ? E : window.innerWidth)) - c.left >= s ? c.left : c.right - s, F = g ? C : Math.max(u, Math.min(C, window.innerWidth - s - u)), Q = g ? Math.min(s, Math.max(0, A - F)) : 0, U = g ? Math.min(s, Math.max(0, F + s - E)) : 0, x = 2 * l, n = r.current, Z = n == null ? void 0 : n.style.maxHeight;
+    const i = () => {
+      var K;
+      const s = t.getBoundingClientRect(), u = Number.parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--u-unit")) || 1, d = ct * u, L = Math.max(0, window.innerWidth - 2 * d), A = Math.min(w ?? rt * u, L), a = Math.min(((K = c.current) == null ? void 0 : K.getBoundingClientRect().width) || A, L), o = t.closest(`.${r()}-table`), g = o == null ? void 0 : o.getBoundingClientRect(), C = o && g ? Math.max(0, g.left + o.clientLeft) : 0, E = o && g ? Math.min(window.innerWidth, g.left + o.clientLeft + o.clientWidth) : window.innerWidth, x = !!o && E - C >= a, N = (B ?? (x ? E : window.innerWidth)) - s.left >= a ? s.left : s.right - a, F = x ? N : Math.max(d, Math.min(N, window.innerWidth - a - d)), Q = x ? Math.min(a, Math.max(0, C - F)) : 0, Z = x ? Math.min(a, Math.max(0, F + a - E)) : 0, b = 2 * u, n = c.current, tt = n == null ? void 0 : n.style.maxHeight;
       n && (n.style.maxHeight = "none");
-      const N = (n == null ? void 0 : n.getBoundingClientRect().height) || 0;
-      a && n && h.current === void 0 && (h.current = Math.min(N / l, 266));
-      const T = a ? (h.current ?? 266) * l : Math.max(N, m ? 0 : 266 * l);
-      n && (n.style.maxHeight = Z ?? "");
-      const H = Math.max(0, window.innerHeight - c.bottom - x - u), k = Math.max(0, c.top - x - u), j = T > H && k > H, D = j ? k : H, V = Math.min(T, D), P = {
+      const T = (n == null ? void 0 : n.getBoundingClientRect().height) || 0;
+      l && n && f.current === void 0 && (f.current = Math.min(T / u, 266));
+      const k = l ? (f.current ?? 266) * u : Math.max(T, h ? 0 : 266 * u);
+      n && (n.style.maxHeight = tt ?? "");
+      const P = Math.max(0, window.innerHeight - s.bottom - b - d), j = Math.max(0, s.top - b - d), D = k > P && j > P, V = D ? j : P, G = Math.min(k, V), H = {
         left: F,
-        top: j ? c.top - x - V : Math.max(u, c.bottom + x),
-        minWidth: q,
+        top: D ? s.top - b - G : Math.max(d, s.bottom + b),
+        minWidth: A,
         maxWidth: L,
-        maxHeight: D,
+        maxHeight: V,
         clipLeft: Q,
-        clipRight: U,
-        height: a && h.current !== void 0 ? V : void 0
+        clipRight: Z,
+        height: l && f.current !== void 0 ? G : void 0
       };
-      K((S) => S && Object.keys(P).every((X) => S[X] === P[X]) ? S : P);
+      J((S) => S && Object.keys(H).every((U) => S[U] === H[U]) ? S : H);
     };
-    o();
-    const f = window.requestAnimationFrame(o), W = new ResizeObserver(o);
-    r.current && W.observe(r.current);
-    const I = t.closest(".u-table");
-    I && W.observe(I);
-    const _ = new MutationObserver(o);
-    return r.current && _.observe(r.current, { childList: !0, subtree: !0, characterData: !0 }), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), () => {
-      window.cancelAnimationFrame(f), W.disconnect(), _.disconnect(), window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o);
+    i();
+    const p = window.requestAnimationFrame(i), $ = new ResizeObserver(i);
+    c.current && $.observe(c.current);
+    const _ = t.closest(`.${r()}-table`);
+    _ && $.observe(_);
+    const q = new MutationObserver(i);
+    return c.current && q.observe(c.current, { childList: !0, subtree: !0, characterData: !0 }), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), () => {
+      window.cancelAnimationFrame(p), $.disconnect(), q.disconnect(), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
     };
-  }, [d, B, b, m, a, y]), J(() => {
-    const t = r.current;
-    if (w || !$ || !y || !t || M.current || t.querySelector(".u-table-filter-dates")) return;
+  }, [m, B, w, h, l, W]), Y(() => {
+    const t = c.current;
+    if (v || !I || !W || !t || y.current || t.querySelector(`.${r()}-table-filter-dates`)) return;
     if (t.contains(document.activeElement)) {
-      M.current = !0;
+      y.current = !0;
       return;
     }
-    const f = t.querySelector(
+    const p = t.querySelector(
       'input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([disabled]), textarea:not([disabled])'
     ) ?? t.querySelector(
-      '[role="combobox"]:not([aria-disabled="true"]), select:not([disabled]), .u-selectbox-select[tabindex="0"]'
+      `[role="combobox"]:not([aria-disabled="true"]), select:not([disabled]), .${r()}-selectbox-select[tabindex="0"]`
     );
-    f && (f.focus({ preventScroll: !0 }), M.current = !0);
-  }, [$, v, w, y]), w ? /* @__PURE__ */ Y(tt, { children: v }) : typeof document > "u" || !e ? null : nt(
-    /* @__PURE__ */ Y(
+    p && (p.focus({ preventScroll: !0 }), y.current = !0);
+  }, [I, M, v, W]), v ? /* @__PURE__ */ X(et, { children: M }) : typeof document > "u" || !e ? null : it(
+    /* @__PURE__ */ X(
       "div",
       {
-        className: `select-params__box${m ? " u-table-filter-custom" : ""}${a ? " u-table-filter-adaptive" : ""}`,
+        className: `select-params__box${h ? ` ${r()}-table-filter-custom` : ""}${l ? ` ${r()}-table-filter-adaptive` : ""}`,
         role: "dialog",
         "aria-label": z ? `Фильтр: ${z}` : "Фильтр колонки",
         ...ot(),
         ref: (t) => {
-          r.current = t, R && (R.current = t);
+          c.current = t, R && (R.current = t);
         },
         onClick: (t) => t.stopPropagation(),
         style: {
           position: "fixed",
           top: e.top,
           left: e.left,
-          width: b === void 0 ? void 0 : e.minWidth,
+          width: w === void 0 ? void 0 : e.minWidth,
           minWidth: e.minWidth,
           maxWidth: e.maxWidth,
-          minHeight: m || a ? void 0 : `min(calc(266 * var(--u-unit, 1px)), ${e.maxHeight}px)`,
+          minHeight: h || l ? void 0 : `min(calc(266 * var(--u-unit, 1px)), ${e.maxHeight}px)`,
           height: e.height,
           maxHeight: e.maxHeight,
           overflowY: "auto",
           boxSizing: "border-box",
           clipPath: e.clipLeft || e.clipRight ? `inset(0 ${e.clipRight}px 0 ${e.clipLeft}px)` : void 0,
-          backgroundColor: "var(--u-color-surface, #FFFFFF)",
-          border: "1px solid var(--u-color-border, #748AB9)",
+          backgroundColor: `var(--${r()}-color-surface, #FFFFFF)`,
+          border: `1px solid var(--${r()}-color-border, #748AB9)`,
           borderRadius: "calc(10 * var(--u-unit, 1px))",
           cursor: "default",
-          zIndex: "var(--u-table-filter-popup-z, 9999)"
+          zIndex: `var(--${r()}-table-filter-popup-z, 9999)`
         },
-        children: v
+        children: M
       }
     ),
     document.body
   );
 };
-export { dt as FilterBoxShell$u };
+export { mt as FilterBoxShell$u };

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

@@ -1 +1 @@
-{"version":3,"file":"FilterDateBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/FilterDateBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAI1E,OAAO,sEAAsE,CAAC;AAC9E,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,qGAAqG;IACrG,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC7E,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAC7E,KAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAkBzG;AAED,wGAAwG;AACxG,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAuC7C,eAAO,MAAM,aAAa,GAAI,iKAG3B,cAAc,GAAG,gBAAgB,4CA6DnC,CAAC"}
+{"version":3,"file":"FilterDateBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/FilterDateBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAI1E,OAAO,sEAAsE,CAAC;AAC9E,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,qGAAqG;IACrG,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC7E,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAC7E,KAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAkBzG;AAED,wGAAwG;AACxG,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAuC7C,eAAO,MAAM,aAAa,GAAI,iKAG3B,cAAc,GAAG,gBAAgB,4CA6DnC,CAAC"}

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

@@ -1,119 +1,120 @@
 import { jsxs as R, jsx as r } from "react/jsx-runtime";
-import { useAutoId$u as W } from "../../../hooks/useAutoId.js";
-import { useEffect as j, useState as k, useRef as Y, useCallback as z } from "react";
-import { Button$u as X } from "../../Button/Button.js";
-import { FilterConditionSelect$u as U } from "./FilterConditionSelect.js";
-import { getFilterResetLabel$u as Z, getColumnSortDirection$u as q } from "./filterBoxHelpers.js";
-import { isServerFilterActive$u as $ } from "../Table.helpers.js";
-import { Calendar$u as E } from "../../Calendar/Calendar.js";
-import { selectDate$u as L } from "./SelectOptions.js";
-import { FilterBoxShell$u as x } from "./FilterBoxShell.js";
-import { TableFilterSortButton$u as tt } from "./TableFilterSortButton.js";
+import { useAutoId$u as X } from "../../../hooks/useAutoId.js";
+import { useEffect as v, useState as L, useRef as z, useCallback as U } from "react";
+import { Button$u as Z } from "../../Button/Button.js";
+import { FilterConditionSelect$u as q } from "./FilterConditionSelect.js";
+import { getFilterResetLabel$u as $, getColumnSortDirection$u as E } from "./filterBoxHelpers.js";
+import { isServerFilterActive$u as x } from "../Table.helpers.js";
+import { Calendar$u as G } from "../../Calendar/Calendar.js";
+import { selectDate$u as j } from "./SelectOptions.js";
+import { FilterBoxShell$u as tt } from "./FilterBoxShell.js";
+import { TableFilterSortButton$u as et } from "./TableFilterSortButton.js";
 /* empty css                                                     */
 /* empty css                    */
-const G = (o) => o == null ? void 0 : o.source;
-function H({
+import { kitCls$u as A } from "../../../shared/uiKitDefaults.js";
+const H = (o) => o == null ? void 0 : o.source;
+function J({
   date: o,
   endDate: u,
   onDateChange: l,
   onEndDateChange: i,
   range: a = !1,
-  conditionControl: A,
+  conditionControl: O,
   fromPlaceholder: c,
-  sort: O,
+  sort: y,
   onSort: h,
   error: s,
-  children: y
+  children: N
 }) {
-  const w = W(void 0, "u-table-date");
-  return /* @__PURE__ */ R("div", { className: "u-table-filter-dates", children: [
-    /* @__PURE__ */ R("div", { className: "u-table-filter-options__toolbar", children: [
-      A ?? /* @__PURE__ */ r("span", { children: a ? "Диапазон дат" : "Дата" }),
-      /* @__PURE__ */ r(tt, { sort: O, onSort: h })
+  const w = X(void 0, A("table-date"));
+  return /* @__PURE__ */ R("div", { className: A("table-filter-dates"), children: [
+    /* @__PURE__ */ R("div", { className: A("table-filter-options__toolbar"), children: [
+      O ?? /* @__PURE__ */ r("span", { children: a ? "Диапазон дат" : "Дата" }),
+      /* @__PURE__ */ r(et, { sort: y, onSort: h })
     ] }),
-    /* @__PURE__ */ R("div", { className: "u-table-filter-dates__fields", children: [
+    /* @__PURE__ */ R("div", { className: A("table-filter-dates__fields"), children: [
       /* @__PURE__ */ r(
-        E,
+        G,
         {
           id: w + "-from",
           portalOn: !0,
           isClearable: !0,
           isFilter: !0,
           selected: o,
-          onChange: (d, C) => l(d instanceof Date ? d : null, G(C)),
+          onChange: (d, C) => l(d instanceof Date ? d : null, H(C)),
           placeholder: a ? c ?? "С" : "Выберите дату",
           "aria-label": a ? "Дата с" : "Дата"
         }
       ),
       a ? /* @__PURE__ */ r(
-        E,
+        G,
         {
           id: w + "-to",
           portalOn: !0,
           isClearable: !0,
           isFilter: !0,
           selected: u,
-          onChange: (d, C) => i == null ? void 0 : i(d instanceof Date ? d : null, G(C)),
+          onChange: (d, C) => i == null ? void 0 : i(d instanceof Date ? d : null, H(C)),
           placeholder: "По",
           "aria-label": "Дата по"
         }
       ) : null,
       s ? /* @__PURE__ */ r("span", { role: "alert", children: s }) : null,
-      y
+      N
     ] })
   ] });
 }
-const et = 450;
-function ot() {
-  const o = Y(), u = Y(null), l = z(() => {
+const ot = 450;
+function nt() {
+  const o = z(), u = z(null), l = U(() => {
     o.current && clearTimeout(o.current), o.current = void 0;
     const i = u.current;
     u.current = null, i == null || i();
   }, []);
-  return j(() => l, [l]), z((i, a) => {
-    u.current = i, o.current && clearTimeout(o.current), a === "input" ? o.current = setTimeout(l, et) : l();
+  return v(() => l, [l]), U((i, a) => {
+    u.current = i, o.current && clearTimeout(o.current), a === "input" ? o.current = setTimeout(l, ot) : l();
   }, [l]);
 }
-let J = !1;
-function nt(o) {
-  if (!(J || (o == null ? void 0 : o.type) !== "date" || o.applyMode !== "confirm")) {
+let K = !1;
+function it(o) {
+  if (!(K || (o == null ? void 0 : o.type) !== "date" || o.applyMode !== "confirm")) {
     try {
       if (process.env.NODE_ENV === "production") return;
     } catch {
       return;
     }
-    J = !0, console.warn("urfu-ui-kit-react: filterServer.applyMode игнорируется — фильтры дат применяются сами, без кнопок. Проп будет удалён в следующей минорной версии.");
+    K = !0, console.warn("urfu-ui-kit-react: filterServer.applyMode игнорируется — фильтры дат применяются сами, без кнопок. Проп будет удалён в следующей минорной версии.");
   }
 }
-const Dt = ({
+const wt = ({
   column: o,
   anchorRef: u,
   boxRef: l,
   width: i,
   label: a,
-  tableRight: A,
+  tableRight: O,
   typeFilterSearch: c,
-  setTypeFilterSearch: O,
+  setTypeFilterSearch: y,
   handleSort: h,
   sort: s,
-  date: y,
+  date: N,
   setDate: w,
   dateEnd: d,
   setDateEnd: C,
-  embedded: K
+  embedded: Q
 }) => {
-  var V;
+  var Y;
   const t = o.filterServer;
-  j(() => nt(t), [t]);
-  const f = ot(), g = (t == null ? void 0 : t.type) === "date" ? t.date : void 0, T = (t == null ? void 0 : t.type) === "date" ? t.endDate : void 0, N = g == null ? void 0 : g.getTime(), F = T == null ? void 0 : T.getTime(), S = (t == null ? void 0 : t.type) === "date" ? t.operators ? t.operator : t.operator ?? "between" : void 0, [p, _] = k(S), [m, B] = k(g ?? null), [D, M] = k(T ?? null);
-  j(() => {
-    B(N === void 0 ? null : new Date(N)), M(F === void 0 ? null : new Date(F)), _(S);
-  }, [N, F, S]);
-  const Q = p === "between" && !!m && !!D && m > D, v = $(t), I = (s == null ? void 0 : s.column) === o.field, P = (e, n, b) => {
+  v(() => it(t), [t]);
+  const f = nt(), g = (t == null ? void 0 : t.type) === "date" ? t.date : void 0, T = (t == null ? void 0 : t.type) === "date" ? t.endDate : void 0, F = g == null ? void 0 : g.getTime(), S = T == null ? void 0 : T.getTime(), k = (t == null ? void 0 : t.type) === "date" ? t.operators ? t.operator : t.operator ?? "between" : void 0, [p, _] = L(k), [m, B] = L(g ?? null), [D, M] = L(T ?? null);
+  v(() => {
+    B(F === void 0 ? null : new Date(F)), M(S === void 0 ? null : new Date(S)), _(k);
+  }, [F, S, k]);
+  const W = p === "between" && !!m && !!D && m > D, I = x(t), V = (s == null ? void 0 : s.column) === o.field, P = (e, n, b) => {
     (t == null ? void 0 : t.type) === "date" && (b === "between" && (e && !n || !e && n || e && n && e > n) || (t.operators ? t.onChange(e, b === "between" ? n : null, b) : t.onChange(e, n)));
   };
-  return /* @__PURE__ */ r(x, { autoFocus: !1, embedded: K, customContent: !!t, anchorRef: u, tableRight: A, boxRef: l, width: i, label: a, children: (t == null ? void 0 : t.type) === "date" ? /* @__PURE__ */ r(
-    H,
+  return /* @__PURE__ */ r(tt, { autoFocus: !1, embedded: Q, customContent: !!t, anchorRef: u, tableRight: O, boxRef: l, width: i, label: a, children: (t == null ? void 0 : t.type) === "date" ? /* @__PURE__ */ r(
+    J,
     {
       range: p === "between",
       date: m,
@@ -127,47 +128,47 @@ const Dt = ({
         M(e), f(() => P(e ? m : null, e, p ?? "between"), n);
       },
       conditionControl: /* @__PURE__ */ r(
-        U,
+        q,
         {
           portalOn: !0,
-          value: L.find((e) => e.id === p),
-          options: L.filter((e) => (t.operators ?? ["between"]).includes(e.id)),
+          value: j.find((e) => e.id === p),
+          options: j.filter((e) => (t.operators ?? ["between"]).includes(e.id)),
           onChange: (e) => {
             const n = e;
             _(n.typeFilterSearch.id), m && f(() => P(m, D, n.typeFilterSearch.id));
           }
         }
       ),
-      error: Q ? "Дата «С» должна быть не позже даты «По»" : void 0,
-      sort: q(s, o.field),
+      error: W ? "Дата «С» должна быть не позже даты «По»" : void 0,
+      sort: E(s, o.field),
       onSort: h,
-      children: t.resetVisible !== !1 && (v || I) ? /* @__PURE__ */ r(X, { variant: "text", size: "small", onClick: () => {
+      children: t.resetVisible !== !1 && (I || V) ? /* @__PURE__ */ r(Z, { variant: "text", size: "small", onClick: () => {
         B(null), M(null), _(t.operators ? void 0 : "between"), f(() => {
           t.onReset ? t.onReset() : t.onChange(null, null);
         });
-      }, children: Z(I, v) }) : null
+      }, children: $(V, I) }) : null
     }
   ) : /* @__PURE__ */ r(
-    H,
+    J,
     {
-      date: y,
+      date: N,
       endDate: d,
       onDateChange: (e, n) => f(() => w(e), n),
       onEndDateChange: (e, n) => f(() => C(e), n),
-      range: ((V = c == null ? void 0 : c.typeFilterSearch) == null ? void 0 : V.title) === "Между",
+      range: ((Y = c == null ? void 0 : c.typeFilterSearch) == null ? void 0 : Y.title) === "Между",
       fromPlaceholder: "C",
-      sort: q(s, o.field),
+      sort: E(s, o.field),
       onSort: h,
       conditionControl: /* @__PURE__ */ r(
-        U,
+        q,
         {
           portalOn: !0,
           value: c == null ? void 0 : c.typeFilterSearch,
-          options: L,
-          onChange: O
+          options: j,
+          onChange: y
         }
       )
     }
   ) });
 };
-export { et as DATE_INPUT_APPLY_DELAY_MS$u, Dt as FilterDateBox$u, H as TableFilterDates$u };
+export { ot as DATE_INPUT_APPLY_DELAY_MS$u, wt as FilterDateBox$u, J as TableFilterDates$u };

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSortIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/FilterSortIndicator.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,GAAI,qBAA6B;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAoBtG,CAAC"}
+{"version":3,"file":"FilterSortIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/FilterSortIndicator.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,GAAI,qBAA6B;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAoBtG,CAAC"}

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

@@ -1,9 +1,10 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { Preloader$u as a } from "../../Preloader/Preloader.js";
-const h = ({ active: e, loading: i = !1 }) => {
-  if (i) return /* @__PURE__ */ r("span", { className: "u-table-filter-loading", role: "status", "aria-label": "Загрузка значений фильтра", children: /* @__PURE__ */ r(a, { variant: "small-primary" }) });
-  const t = e ? "var(--u-color-primary, #1E4391)" : "var(--u-table-filter-icon-color, #9FAECD)";
-  return /* @__PURE__ */ l(
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { Preloader$u as o } from "../../Preloader/Preloader.js";
+import { kitCls$u as s, getUiKitPrefix$u as e } from "../../../shared/uiKitDefaults.js";
+const x = ({ active: i, loading: l = !1 }) => {
+  if (l) return /* @__PURE__ */ r("span", { className: s("table-filter-loading"), role: "status", "aria-label": "Загрузка значений фильтра", children: /* @__PURE__ */ r(o, { variant: "small-primary" }) });
+  const t = i ? `var(--${e()}-color-primary, #1E4391)` : `var(--${e()}-table-filter-icon-color, #9FAECD)`;
+  return /* @__PURE__ */ a(
     "svg",
     {
       width: "12",
@@ -21,4 +22,4 @@ const h = ({ active: e, loading: i = !1 }) => {
     }
   );
 };
-export { h as FilterSortIndicator$u };
+export { x as FilterSortIndicator$u };