@daisforge/ui 1.22.0 → 1.24.0

package/chunks/{GridDND-CqvpXgCY.mjs → GridDND-DC5VoxEY.mjs}

@@ -2,9 +2,9 @@ import { jsxs as xe, jsx as Z } from "react/jsx-runtime";
 import "react-grid-layout/css/styles.css";
 import { iconButtonFilterClassNames as ye } from "../components/IconButton/index.mjs";
 import { useRef as B, useState as P, useLayoutEffect as he, useEffect as et, forwardRef as ge, useCallback as G, useMemo as yt, useImperativeHandle as be } from "react";
-import { b as Qt } from "./AnalyticalWidget-BtyWKJuu.mjs";
+import { a as Qt } from "./AnalyticalWidget-CRfihris.mjs";
 import { Responsive as De } from "react-grid-layout";
-import { c as ve } from "./utils-u1KJ37g3.mjs";
+import { c as ve } from "./utils-Hu77fGGe.mjs";
 import { surfaceTransparentAccent as ke, outlineAccent as Oe, outlineAccentMinor as Ne, shadowDownHardS as Ae, outlineTransparentAccent as Me, shadowDownSoftS as Re } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import Et, { css as Ge } from "styled-components";
 const J = {
@@ -26,8 +26,8 @@ const J = {
 function Ee() {
   const e = B(null), [n, r] = P(0);
   return he(() => {
-    const a = e.current;
-    if (!a)
+    const u = e.current;
+    if (!u)
       return;
     let l = 0;
     const o = ve((s) => {
@@ -35,7 +35,7 @@ function Ee() {
       const d = ((y = s[0]) == null ? void 0 : y.contentRect.width) ?? 0;
       cancelAnimationFrame(l), l = requestAnimationFrame(() => r(d));
     });
-    return o.observe(a), () => {
+    return o.observe(u), () => {
       cancelAnimationFrame(l), o.disconnect();
     };
   }, []), {
@@ -47,15 +47,15 @@ function He(e) {
   const {
     onWidthChange: n,
     margin: r,
-    cols: a,
+    cols: u,
     containerPadding: l
   } = e, {
     ref: o,
     width: s
   } = Ee(), d = B(0);
   return et(() => {
-    s > 0 && s !== d.current && (n == null || n(s, r, a, l), d.current = s);
-  }, [s, n, r, a, l]), /* @__PURE__ */ Z("div", { ref: o, style: {
+    s > 0 && s !== d.current && (n == null || n(s, r, u, l), d.current = s);
+  }, [s, n, r, u, l]), /* @__PURE__ */ Z("div", { ref: o, style: {
     width: "100%"
   }, children: s > 0 && /* @__PURE__ */ Z(De, { ...e, width: s }) });
 }
@@ -68,7 +68,7 @@ const Te = Ge(["background-color:", ";border-radius:16px;outline:1px solid ", ";
 })(["&.react-draggable-dragging{outline:2px solid ", ";box-shadow:", ";cursor:grabbing;}& .", "{cursor:default;}height:100%;width:100%;cursor:", ";background-color:white;border-radius:16px;outline:", ";box-shadow:", ";overflow:hidden;"], () => Ne, () => Ae, Qt.topSlot, (e) => e.$isDraggable ? "grab" : "default", (e) => e.$isDraggable ? `2px solid ${Me}` : "none", () => Re), _e = Et.div.withConfig({
   displayName: "GridDNDstyled__GridItemContent"
 })(["height:100%;width:100%;"]), qe = (e) => !e || e === "." || e === "-" || e === " ";
-function tr(e, n, r, a) {
+function tr(e, n, r, u) {
   var d, y;
   const l = [], o = r[n], s = /* @__PURE__ */ new Set();
   for (let N = 0; N < e.length; N++) {
@@ -80,13 +80,13 @@ function tr(e, n, r, a) {
       if (!m || qe(m) || s.has(`${m}`))
         continue;
       let p = 0;
-      for (let u = i; u < A.length && A[u] === m; u++)
+      for (let a = i; a < A.length && A[a] === m; a++)
         p++;
       let x = 0;
-      for (let u = N; u < e.length; u++) {
+      for (let a = N; a < e.length; a++) {
         let b = !0;
         for (let v = i; v < i + p; v++)
-          if (!((d = e[u]) != null && d[v]) || ((y = e[u]) == null ? void 0 : y[v]) !== m) {
+          if (!((d = e[a]) != null && d[v]) || ((y = e[a]) == null ? void 0 : y[v]) !== m) {
             b = !1;
             break;
           }
@@ -94,7 +94,7 @@ function tr(e, n, r, a) {
           break;
         x++;
       }
-      for (let u = N; u < N + x; u++)
+      for (let a = N; a < N + x; a++)
         for (let b = i; b < i + p; b++)
           s.add(`${m}`);
       l.push({
@@ -114,7 +114,7 @@ function tr(e, n, r, a) {
         // Максимальная ширина (ограничена количеством колонок)
         minH: 1,
         // Минимальная высота
-        isResizable: a,
+        isResizable: u,
         // Можно ли изменять размер
         static: !1
         // Элемент не статичный (можно перемещать)
@@ -127,28 +127,28 @@ function er(e) {
   return Object.keys(e).sort((n, r) => (e[r] || 0) - (e[n] || 0));
 }
 function rr(e, n) {
-  const r = Object.keys(e).sort((a, l) => {
-    const o = e[a] || 0;
+  const r = Object.keys(e).sort((u, l) => {
+    const o = e[u] || 0;
     return (e[l] || 0) - o;
   });
-  for (const a of r) {
-    const l = e[a];
+  for (const u of r) {
+    const l = e[u];
     if (l !== void 0 && n >= l)
-      return a;
+      return u;
   }
   return r[r.length - 1];
 }
 function nr(e, n, r) {
   var l, o;
-  const a = r.indexOf(e);
-  if (a === -1)
+  const u = r.indexOf(e);
+  if (u === -1)
     return null;
-  for (let s = a - 1; s >= 0; s--) {
+  for (let s = u - 1; s >= 0; s--) {
     const d = r[s];
     if (d && ((l = n[d]) != null && l.length))
       return d;
   }
-  for (let s = a + 1; s < r.length; s++) {
+  for (let s = u + 1; s < r.length; s++) {
     const d = r[s];
     if (d && ((o = n[d]) != null && o.length))
       return d;
@@ -161,13 +161,13 @@ function ir(e, n) {
     // Ограничиваем ширину элемента количеством колонок
     w: Math.max(1, Math.min(i.w, n))
     // Старые координаты не важны - будем раскладывать заново
-  })).sort((i, m) => i.y - m.y || i.x - m.x), a = [], l = (i) => {
-    for (; a.length < i; )
-      a.push(Array(n).fill(!1));
+  })).sort((i, m) => i.y - m.y || i.x - m.x), u = [], l = (i) => {
+    for (; u.length < i; )
+      u.push(Array(n).fill(!1));
   }, o = (i, m, p, x) => {
     l(m + x);
-    for (let u = m; u < m + x; u++) {
-      const b = a[u];
+    for (let a = m; a < m + x; a++) {
+      const b = u[a];
       if (!b)
         return !1;
       for (let v = i; v < i + p; v++)
@@ -177,8 +177,8 @@ function ir(e, n) {
     return !0;
   }, s = (i, m, p, x) => {
     l(m + x);
-    for (let u = m; u < m + x; u++) {
-      const b = a[u];
+    for (let a = m; a < m + x; a++) {
+      const b = u[a];
       if (b)
         for (let v = i; v < i + p; v++)
           v < b.length && (b[v] = !0);
@@ -187,7 +187,7 @@ function ir(e, n) {
     let m = i;
     for (; ; ) {
       l(m + 1);
-      const p = a[m];
+      const p = u[m];
       if (p && p.some((x) => !x))
         return m;
       m++;
@@ -212,13 +212,13 @@ function ir(e, n) {
     let p = y;
     for (; ; ) {
       let x = !1;
-      for (let u = 0; u <= n - i.w; u++)
-        if (o(u, p, i.w, i.h)) {
-          s(u, p, i.w, i.h), A.push({
+      for (let a = 0; a <= n - i.w; a++)
+        if (o(a, p, i.w, i.h)) {
+          s(a, p, i.w, i.h), A.push({
             ...i,
-            x: u,
+            x: a,
             y: p
-          }), p === y && (N = u + i.w, N > n - 1 && (y = d(y), N = 0)), x = !0;
+          }), p === y && (N = a + i.w, N > n - 1 && (y = d(y), N = 0)), x = !0;
           break;
         }
       if (x)
@@ -241,9 +241,9 @@ const tt = (e) => e === "l" ? {
 function Ft(e, n) {
   if (!e || !n || e.length !== n.length)
     return !1;
-  const r = [...e].sort((l, o) => l.i > o.i ? 1 : -1), a = [...n].sort((l, o) => l.i > o.i ? 1 : -1);
+  const r = [...e].sort((l, o) => l.i > o.i ? 1 : -1), u = [...n].sort((l, o) => l.i > o.i ? 1 : -1);
   for (let l = 0; l < r.length; l += 1) {
-    const o = r[l], s = a[l];
+    const o = r[l], s = u[l];
     if (!o || !s || o.i !== s.i || o.x !== s.x || o.y !== s.y || o.w !== s.w || o.h !== s.h)
       return !1;
   }
@@ -255,15 +255,15 @@ function gt(e, n, r) {
 }
 function Be(e, n, r) {
   gt(e, n + 1, r);
-  const a = e[n];
-  return a ? a.some((l) => !l) : !1;
+  const u = e[n];
+  return u ? u.some((l) => !l) : !1;
 }
-function ht(e, n, r, a = 0) {
+function ht(e, n, r, u = 0) {
   gt(e, n + 1, r);
   const l = e[n];
   if (!l)
     return -1;
-  for (let o = Math.max(0, a); o < r; o++) {
+  for (let o = Math.max(0, u); o < r; o++) {
     if (o >= l.length)
       return -1;
     if (!l[o])
@@ -271,36 +271,36 @@ function ht(e, n, r, a = 0) {
   }
   return -1;
 }
-function Yt(e, n, r, a, l, o) {
+function Yt(e, n, r, u, l, o) {
   gt(e, r + l, o);
   for (let s = r; s < r + l; s++) {
     const d = e[s];
     if (!d)
       return !1;
-    for (let y = n; y < n + a; y++)
+    for (let y = n; y < n + u; y++)
       if (y >= o || d[y])
         return !1;
   }
   return !0;
 }
-function Ie(e, n, r, a, l, o) {
+function Ie(e, n, r, u, l, o) {
   gt(e, r + l, o);
   for (let s = r; s < r + l; s++) {
     const d = e[s];
     if (d)
-      for (let y = n; y < n + a; y++)
+      for (let y = n; y < n + u; y++)
         y < o && (d[y] = !0);
   }
 }
 function zt(e, n, r) {
-  let a = Math.max(0, n);
+  let u = Math.max(0, n);
   for (; ; ) {
-    if (Be(e, a, r))
-      return a;
-    a++;
+    if (Be(e, u, r))
+      return u;
+    u++;
   }
 }
-function $e(e, n, r, a) {
+function $e(e, n, r, u) {
   const l = [], o = [];
   let s = 0, d = 0;
   for (const y of e) {
@@ -335,21 +335,21 @@ function $e(e, n, r, a) {
     }
     const {
       x,
-      y: u
+      y: a
     } = p;
-    if (Ie(o, x, u, i, m, r), l.push({
+    if (Ie(o, x, a, i, m, r), l.push({
       i: y,
       x,
-      y: u,
+      y: a,
       w: i,
       h: m,
       minW: 1,
       maxW: r,
       minH: 1,
-      isResizable: a,
+      isResizable: u,
       static: !1
-    }), u > s)
-      s = u, d = Math.max(0, ht(o, s, r, 0)), d === -1 && (s = zt(o, s, r), d = ht(o, s, r, 0));
+    }), a > s)
+      s = a, d = Math.max(0, ht(o, s, r, 0)), d === -1 && (s = zt(o, s, r), d = ht(o, s, r, 0));
     else {
       const b = ht(o, s, r, x + i);
       b === -1 ? (s = zt(o, s, r), d = ht(o, s, r, 0)) : d = b;
@@ -361,9 +361,9 @@ function Pt(e) {
   return [...e].sort((n, r) => n.y - r.y || n.x - r.x).map((n) => n.i);
 }
 const sr = (e) => Object.keys(e).sort((n, r) => (e[r] || 0) - (e[n] || 0))[0] ?? "lg";
-function je(e, n, r, a, l = 0, o = 0) {
+function je(e, n, r, u, l = 0, o = 0) {
   const s = e.reduce((i, m) => Math.max(i, m.y + m.h), 0), d = Array.from({
-    length: Math.max(s, o) + a + 1
+    length: Math.max(s, o) + u + 1
   }, () => Array(n).fill(!1));
   for (const {
     x: i,
@@ -371,27 +371,27 @@ function je(e, n, r, a, l = 0, o = 0) {
     w: p,
     h: x
   } of e)
-    for (let u = m; u < m + x; u++) {
-      d[u] || (d[u] = Array(n).fill(!1));
-      const b = d[u];
+    for (let a = m; a < m + x; a++) {
+      d[a] || (d[a] = Array(n).fill(!1));
+      const b = d[a];
       for (let v = i; v < i + p; v++)
-        u >= 0 && v >= 0 && v < n && b && (b[v] = !0);
+        a >= 0 && v >= 0 && v < n && b && (b[v] = !0);
     }
   const y = (i, m) => {
-    for (let p = m; p < m + a; p++) {
+    for (let p = m; p < m + u; p++) {
       d[p] || (d[p] = Array(n).fill(!1));
       const x = d[p];
-      for (let u = i; u < i + r; u++)
-        if (u >= n || x && x[u])
+      for (let a = i; a < i + r; a++)
+        if (a >= n || x && x[a])
           return !1;
     }
     return !0;
   }, N = (i, m) => {
-    for (let p = m; p < m + a; p++) {
+    for (let p = m; p < m + u; p++) {
       d[p] || (d[p] = Array(n).fill(!1));
       const x = d[p];
-      for (let u = i; u < i + r; u++)
-        u < n && x && (x[u] = !0);
+      for (let a = i; a < i + r; a++)
+        a < n && x && (x[a] = !0);
     }
   };
   let A = o;
@@ -432,7 +432,7 @@ const or = (e) => {
     xs: 3,
     xxs: 2
   },
-  rowHeights: a = {
+  rowHeights: u = {
     lg: 248,
     md: 248,
     sm: 248,
@@ -451,7 +451,7 @@ const or = (e) => {
   useCSSTransforms: m = !0,
   compactType: p = "horizontal",
   smartCompact: x = !0,
-  resizeHandles: u = ["se", "sw", "ne", "nw", "s", "w", "e", "n"],
+  resizeHandles: a = ["se", "sw", "ne", "nw", "s", "w", "e", "n"],
   draggableHandle: b = `.${J.dragHandle}`,
   draggableCancel: v = `button, input, select, textarea, .${J.noDrag}, .${Qt.topSlot}, .${ye.root}`,
   maxRows: Ut,
@@ -482,7 +482,7 @@ const or = (e) => {
     xxs: []
   }), K = B("lg"), Q = B([]), j = Dt > 0, [kt, Wt] = P(!1), [Ct, Ot] = P(null), lt = B(null), Nt = B(!1), At = B(null), ft = B(null), C = G(() => {
     lt.current && (clearTimeout(lt.current), lt.current = null);
-  }, []), ut = G(() => {
+  }, []), at = G(() => {
     Wt(!1), Ot(null), Nt.current = !1;
   }, []), te = 64;
   et(() => {
@@ -532,23 +532,23 @@ const or = (e) => {
       }, Dt);
     }, O = () => {
       C(), w(), ft.current = null, Nt.current || requestAnimationFrame(() => {
-        ut();
+        at();
       });
     };
     return t.addEventListener("pointerdown", D), document.addEventListener("pointerup", O), () => {
       t.removeEventListener("pointerdown", D), document.removeEventListener("pointerup", O), C(), w();
     };
-  }, [j, Dt, C, ut]);
+  }, [j, Dt, C, at]);
   const St = j ? l && kt : l, [I, _t] = P({
     lg: [],
     md: [],
     sm: [],
     xs: [],
     xxs: []
-  }), [qt, ee] = P("lg"), [S, re] = P(a.lg ?? Xt), [ne, at] = P(p), [ie, Bt] = P(!1), se = yt(() => b.split(".").join(" "), [b]), oe = yt(() => Ht ?? Xe, [Ht]), dt = yt(() => new Map(e.map((t) => [t.id, t.type])), [e]), L = B(/* @__PURE__ */ new Map()), mt = G((t) => L.current.get(t) ?? dt.get(t) ?? "s", [dt]), $ = G((t) => t.map((f) => ({
+  }), [qt, ee] = P("lg"), [S, re] = P(u.lg ?? Xt), [ne, ut] = P(p), [ie, Bt] = P(!1), se = yt(() => b.split(".").join(" "), [b]), oe = yt(() => Ht ?? Xe, [Ht]), dt = yt(() => new Map(e.map((t) => [t.id, t.type])), [e]), L = B(/* @__PURE__ */ new Map()), mt = G((t) => L.current.get(t) ?? dt.get(t) ?? "s", [dt]), $ = G((t) => t.map((f) => ({
     id: f,
     type: mt(f)
-  })), [mt]), Mt = G((t) => a[t] ?? a.md ?? Xt, [a]), H = G((t, f, c) => {
+  })), [mt]), Mt = G((t) => u[t] ?? u.md ?? Xt, [u]), H = G((t, f, c) => {
     const w = c ?? R, h = f[t] ?? [], D = V.current[t] ?? [], O = new Map(h.map((k) => [k.i, k])), g = new Map(D.map((k) => [k.i, k]));
     return w.map((k) => {
       const E = mt(k), T = O.get(k) ?? g.get(k) ?? null, W = U.current[k] ?? tt(E), X = T ? {
@@ -608,7 +608,7 @@ const or = (e) => {
       const O = Q.current[D - 1], g = Q.current[D];
       !O || !g || (w += Math.abs(g.x - O.x), h += Math.abs(g.y - O.y));
     }
-    w + h < 10 || (w > h * 1.5 ? at("horizontal") : h > w * 1.5 && at("vertical"));
+    w + h < 10 || (w > h * 1.5 ? ut("horizontal") : h > w * 1.5 && ut("vertical"));
   }, [x]), jt = G(() => {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
@@ -634,11 +634,11 @@ const or = (e) => {
     });
   }, [e]);
   const ce = G((t, f, c, w, h, D) => {
-    Q.current = [], at(p), j && (Nt.current = !0), st == null || st(t, f, c, w, h, D);
+    Q.current = [], ut(p), j && (Nt.current = !0), st == null || st(t, f, c, w, h, D);
   }, [p, st, j]), le = G((t, f, c, w, h, D) => {
     $t(h.clientX, h.clientY), it == null || it(t, f, c, w, h, D);
   }, [$t, it]), fe = G((t, f, c, w, h, D) => {
-    ot == null || ot(t, f, c, w, h, D), j && ut();
+    ot == null || ot(t, f, c, w, h, D), j && at();
     const O = Pt(t);
     _("[GridDND] dragStop: nextOrder(readingOrder)", O), ct(O);
     const g = q(O), k = K.current, E = H(k, g, O);
@@ -650,10 +650,10 @@ const or = (e) => {
     }, g, {
       itemsOrder: O,
       itemsOrderTyped: $(O)
-    }), at(p);
+    }), ut(p);
     const T = t, W = g[k];
     Ft(T, W) ? _("[GridDND] dragStop: live layout == target (OK)") : (_("[GridDND] dragStop: live layout != target → forceSyncWithRgl()"), jt());
-  }, [ot, j, ut, q, H, F, M, r, S, p, jt, _, $]), ue = G((t, f) => {
+  }, [ot, j, at, q, H, F, M, r, S, p, jt, _, $]), ae = G((t, f) => {
     _("RGL onLayoutChange", {
       cur: t,
       all: f
@@ -702,7 +702,7 @@ const or = (e) => {
     }, {
       itemsOrder: R
     });
-  }, [M, H, I, r, S, R, _]), ae = G((t) => {
+  }, [M, H, I, r, S, R, _]), ue = G((t) => {
     K.current = t, ee(t), re(Mt(t));
     const f = q(R), c = H(t, f, R);
     rt == null || rt(t, {
@@ -816,7 +816,7 @@ const or = (e) => {
       userSelect: "none",
       touchAction: "none"
     } : {}
-  }, children: /* @__PURE__ */ Z(He, { className: "layout", layouts: I, breakpoints: n, cols: r, rowHeight: S, margin: s, containerPadding: d, isDraggable: St, isResizable: o, onLayoutChange: ue, onBreakpointChange: ae, autoSize: i, useCSSTransforms: m, preventCollision: y, compactType: ie ? null : x ? ne : p, allowOverlap: N, isBounded: A, draggableHandle: b, draggableCancel: v, resizeHandles: o ? u : [], maxRows: Ut, transformScale: Vt, onWidthChange: de, onDrag: le, onDragStart: ce, onDragStop: fe, style: {
+  }, children: /* @__PURE__ */ Z(He, { className: "layout", layouts: I, breakpoints: n, cols: r, rowHeight: S, margin: s, containerPadding: d, isDraggable: St, isResizable: o, onLayoutChange: ae, onBreakpointChange: ue, autoSize: i, useCSSTransforms: m, preventCollision: y, compactType: ie ? null : x ? ne : p, allowOverlap: N, isBounded: A, draggableHandle: b, draggableCancel: v, resizeHandles: o ? a : [], maxRows: Ut, transformScale: Vt, onWidthChange: de, onDrag: le, onDragStart: ce, onDragStop: fe, style: {
     background: "transparent",
     ...Zt
   }, children: me.map((t) => /* @__PURE__ */ Z(Se, { $isDraggable: j ? kt && Ct === t.id : l, children: /* @__PURE__ */ Z(oe, { isDraggable: St, className: se, children: typeof bt == "function" ? bt(t, () => Rt(t.id), (f) => Gt(t.id, f)) : bt }) }, t.id)) }) });

package/chunks/{LeftPanel-C5SsoRJS.mjs → LeftPanel-C10BLKIn.mjs}

@@ -4,7 +4,7 @@ import { Box as tt } from "../components/Box/index.mjs";
 import { EmbedIconButton as et } from "@salutejs/sdds-finai";
 import { spacing8x as v, surfaceSolidCard as nt, spacing12x as ot, shadowDownSoftS as it, spacing6x as st, surfaceSolidSecondary as rt, spacing16x as j, outlineSolidSecondary as at, outlineSolidSecondaryHover as lt } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import p, { css as ct } from "styled-components";
-import { t as dt, e as ut, d as pt } from "./utils-u1KJ37g3.mjs";
+import { t as dt, f as ut, e as pt } from "./utils-Hu77fGGe.mjs";
 import { useCallback as O, useEffect as M, useMemo as B, useState as A, useRef as k } from "react";
 const W = {
   icon: "left-panel__toggle-button",

package/chunks/{LeftPanel-AyuV7bGS.cjs → LeftPanel-upGFk7jM.cjs}

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),Y=require("@salutejs/plasma-icons"),Z=require("../components/Box/index.cjs"),ee=require("@salutejs/sdds-finai"),s=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),A=require("./utils-ChDQGRjv.cjs"),n=require("react"),z={icon:"left-panel__toggle-button",leftBlockIsResizing:"left-panel__is-resizing"},te=72,ne=56,q=240,se=540,$=.2,ie=h(Z.Box).withConfig({displayName:"styled__PanelContainer"})(["width:100%;height:100%;min-width:","px;display:flex;background-color:",";margin-right:",";border-radius:",";box-shadow:",";transition:",";max-width:",";position:relative;overflow:hidden;padding-right:",";"],({minWidth:e})=>e,()=>s.surfaceSolidCard,({$isAdaptive1280:e})=>e?s.spacing8x:s.spacing12x,s.spacing8x,()=>s.shadowDownSoftS,e=>e.$resizing?"none":`max-width ${$}s ease-in-out, opacity ${$}s ease-in-out`,e=>e.width!==void 0?`${Math.min(e.width,e.maxWidth)}px`:`${e.minWidth}px`,({showResizeable:e})=>e?s.spacing6x:0),oe=h.div.withConfig({displayName:"styled__PanelCrossfade"})(["flex:1 1 auto;min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;"]),W=h.css(["grid-area:1 / 1;min-width:0;min-height:0;opacity:",";visibility:",";pointer-events:",";transition:opacity ","s ease-in-out,visibility 0s ",";"],({$active:e})=>e?1:0,({$active:e})=>e?"visible":"hidden",({$active:e})=>e?"auto":"none",$,({$active:e})=>e?"0s":`${$}s`),re=h.div.withConfig({displayName:"styled__PanelContent"})(["",";width:100%;height:100%;margin-top:0;position:relative;"],W),ae=h.div.withConfig({displayName:"styled__PanelCollapsedContent"})(["",";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:",";width:100%;"],W,({$isAdaptive1280:e,showResizeable:t})=>t?e?"6px":"10px":s.spacing8x),le=h.div.withConfig({displayName:"styled__PanelCollapsedBody"})(["gap:",";display:flex;flex-direction:column;"],s.spacing8x),ce=h(ee.EmbedIconButton).withConfig({displayName:"styled__PanelIconButton"})(["z-index:1;position:",";top:",";right:",";width:","px !important;height:","px !important;.left-panel__toggle-button{transform:",";}"],e=>e.isAbsolute?"absolute":"static",s.spacing8x,s.spacing8x,({$isAdaptive1280:e})=>e?32:40,({$isAdaptive1280:e})=>e?32:40,e=>e.collapsed?"rotate(270deg)":"rotate(90deg)"),de=h.div.withConfig({displayName:"styled__PanelSeparator"})(["position:absolute;top:0;right:0px;width:12px;height:100%;cursor:col-resize;z-index:10;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:100%;background-color:",";}&::after{content:'';position:absolute;top:",";left:50%;transform:translateX(-50%);border-radius:95px;width:4px;height:",";background-color:",";}&:hover{&::after{background-color:",";}}"],()=>s.surfaceSolidSecondary,`calc(50% - ${s.spacing16x} / 2)`,s.spacing16x,()=>s.outlineSolidSecondary,()=>s.outlineSolidSecondaryHover),j=({onClick:e,collapsed:t=!1,isAbsolute:o=!1,isAdaptive1280:a=!1,...u})=>c.jsx(ce,{onClick:e,$isAdaptive1280:a,collapsed:t,isAbsolute:o,view:"secondary",size:a?"s":"l",...u,children:c.jsx(Y.IconArrowBarDown,{className:z.icon})}),T=({setWidth:e,isResizingRef:t,setIsResizing:o,panelRef:a,minWidth:u,maxWidth:b,parentRef:P,isCollapsed:C,onResize:m})=>{const L=n.useCallback(()=>{var f;document.body.style.cursor="col-resize",document.body.style.userSelect="none",t.current=!0,o(!0),(f=a.current)==null||f.classList.add(z.leftBlockIsResizing)},[a,t,o]);return n.useEffect(()=>{const f=()=>{var _,r;document.body.style.cursor="auto",document.body.style.userSelect="",t.current=!1,o(!1),(_=a.current)==null||_.classList.remove(z.leftBlockIsResizing);const g=((r=a.current)==null?void 0:r.clientWidth)??0;g>u&&g<q&&e(u)},B=g=>{if(!t.current||!a.current||!P.current)return;g.preventDefault();const d=P.current.getBoundingClientRect(),r=g.clientX-d.left,l=A.clamp(u,r,b);e(l),!C&&m&&m(l)},x=A.throttleWithLastCall(B,16);return window.addEventListener("mousemove",x),window.addEventListener("mouseup",f),()=>{window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",f)}},[e,t,o,a,u,b,P,C,m]),{startResizing:L}},X=e=>({buttonSize:e?"xs":"s"}),H=(e,t)=>t??(e?ne:te),E=(e,t)=>typeof e=="function"?e(t):e,O=({widthState:e,minWidth:t,maxWidth:o=se,disableMediaAdaptive:a=!1,collapseState:u,containerProps:b,contentProps:P,collapsedContentProps:C,expandedContent:m,collapsedContent:L,collapsedFooterContent:f,showToggleButton:B=!0,showResizeable:x=!0,onResize:g,onToggleCollapse:d})=>{const{down:_}=A.useBreakpoint(),r=!a&&_("xl"),l=H(r,t),w=n.useMemo(()=>X(r),[r]),R=n.useMemo(()=>E(m,w),[m,w]),F=n.useMemo(()=>E(L,w),[L,w]),K=n.useMemo(()=>E(f,w),[f,w]),V=n.useState(!1),[i,I]=u??V,G=n.useState(Number(i?l:o)),[y,v]=e??G,N=n.useRef(null),M=n.useRef(null),k=n.useRef(!1),[J,Q]=n.useState(!1),{startResizing:U}=T({setWidth:v,isResizingRef:k,setIsResizing:Q,panelRef:N,minWidth:l,maxWidth:o,parentRef:M,isCollapsed:i,onResize:g});n.useEffect(()=>{if(y!==void 0){const p=y<q;p!==i&&(I(p),d&&!k.current&&d(p))}},[y,i,d,I]),n.useEffect(()=>{!k.current&&i&&y!==l&&v(l)},[i,l,v,y]);const D=n.useCallback(()=>{I(p=>{const S=!p;return d&&d(S),v(S?l:o),S})},[d,I,v,l,o]);return c.jsxs(ie,{ref:N,collapsed:i,maxWidth:o,minWidth:l,width:y,$resizing:J,$isAdaptive1280:r,showResizeable:x,...b,children:[c.jsxs(oe,{children:[c.jsxs(re,{$active:!i,"aria-hidden":i,...P,children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r,isAbsolute:!0}),R]}),c.jsxs(ae,{$active:i,"aria-hidden":!i,$isAdaptive1280:r,showResizeable:x,...C,children:[c.jsxs(le,{children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r}),F]}),K]})]}),x&&c.jsx(de,{onMouseDown:p=>{var S;p.preventDefault(),(S=N.current)!=null&&S.parentElement&&(M.current=N.current.parentElement),U()}})]})};O.LeftPanelToggleButton=j;exports.LeftPanel=O;exports.LeftPanelToggleButton=j;exports.getLeftPanelMinWidth=H;exports.getLeftPanelSlotSizes=X;exports.renderLeftPanelSlot=E;exports.toggleButtonClassNames=z;exports.useResize=T;
+"use strict";const c=require("react/jsx-runtime"),Y=require("@salutejs/plasma-icons"),Z=require("../components/Box/index.cjs"),ee=require("@salutejs/sdds-finai"),s=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),A=require("./utils-OQNruMpn.cjs"),n=require("react"),z={icon:"left-panel__toggle-button",leftBlockIsResizing:"left-panel__is-resizing"},te=72,ne=56,q=240,se=540,$=.2,ie=h(Z.Box).withConfig({displayName:"styled__PanelContainer"})(["width:100%;height:100%;min-width:","px;display:flex;background-color:",";margin-right:",";border-radius:",";box-shadow:",";transition:",";max-width:",";position:relative;overflow:hidden;padding-right:",";"],({minWidth:e})=>e,()=>s.surfaceSolidCard,({$isAdaptive1280:e})=>e?s.spacing8x:s.spacing12x,s.spacing8x,()=>s.shadowDownSoftS,e=>e.$resizing?"none":`max-width ${$}s ease-in-out, opacity ${$}s ease-in-out`,e=>e.width!==void 0?`${Math.min(e.width,e.maxWidth)}px`:`${e.minWidth}px`,({showResizeable:e})=>e?s.spacing6x:0),oe=h.div.withConfig({displayName:"styled__PanelCrossfade"})(["flex:1 1 auto;min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;"]),W=h.css(["grid-area:1 / 1;min-width:0;min-height:0;opacity:",";visibility:",";pointer-events:",";transition:opacity ","s ease-in-out,visibility 0s ",";"],({$active:e})=>e?1:0,({$active:e})=>e?"visible":"hidden",({$active:e})=>e?"auto":"none",$,({$active:e})=>e?"0s":`${$}s`),re=h.div.withConfig({displayName:"styled__PanelContent"})(["",";width:100%;height:100%;margin-top:0;position:relative;"],W),ae=h.div.withConfig({displayName:"styled__PanelCollapsedContent"})(["",";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:",";width:100%;"],W,({$isAdaptive1280:e,showResizeable:t})=>t?e?"6px":"10px":s.spacing8x),le=h.div.withConfig({displayName:"styled__PanelCollapsedBody"})(["gap:",";display:flex;flex-direction:column;"],s.spacing8x),ce=h(ee.EmbedIconButton).withConfig({displayName:"styled__PanelIconButton"})(["z-index:1;position:",";top:",";right:",";width:","px !important;height:","px !important;.left-panel__toggle-button{transform:",";}"],e=>e.isAbsolute?"absolute":"static",s.spacing8x,s.spacing8x,({$isAdaptive1280:e})=>e?32:40,({$isAdaptive1280:e})=>e?32:40,e=>e.collapsed?"rotate(270deg)":"rotate(90deg)"),de=h.div.withConfig({displayName:"styled__PanelSeparator"})(["position:absolute;top:0;right:0px;width:12px;height:100%;cursor:col-resize;z-index:10;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:100%;background-color:",";}&::after{content:'';position:absolute;top:",";left:50%;transform:translateX(-50%);border-radius:95px;width:4px;height:",";background-color:",";}&:hover{&::after{background-color:",";}}"],()=>s.surfaceSolidSecondary,`calc(50% - ${s.spacing16x} / 2)`,s.spacing16x,()=>s.outlineSolidSecondary,()=>s.outlineSolidSecondaryHover),j=({onClick:e,collapsed:t=!1,isAbsolute:o=!1,isAdaptive1280:a=!1,...u})=>c.jsx(ce,{onClick:e,$isAdaptive1280:a,collapsed:t,isAbsolute:o,view:"secondary",size:a?"s":"l",...u,children:c.jsx(Y.IconArrowBarDown,{className:z.icon})}),T=({setWidth:e,isResizingRef:t,setIsResizing:o,panelRef:a,minWidth:u,maxWidth:b,parentRef:P,isCollapsed:C,onResize:m})=>{const L=n.useCallback(()=>{var f;document.body.style.cursor="col-resize",document.body.style.userSelect="none",t.current=!0,o(!0),(f=a.current)==null||f.classList.add(z.leftBlockIsResizing)},[a,t,o]);return n.useEffect(()=>{const f=()=>{var _,r;document.body.style.cursor="auto",document.body.style.userSelect="",t.current=!1,o(!1),(_=a.current)==null||_.classList.remove(z.leftBlockIsResizing);const g=((r=a.current)==null?void 0:r.clientWidth)??0;g>u&&g<q&&e(u)},B=g=>{if(!t.current||!a.current||!P.current)return;g.preventDefault();const d=P.current.getBoundingClientRect(),r=g.clientX-d.left,l=A.clamp(u,r,b);e(l),!C&&m&&m(l)},x=A.throttleWithLastCall(B,16);return window.addEventListener("mousemove",x),window.addEventListener("mouseup",f),()=>{window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",f)}},[e,t,o,a,u,b,P,C,m]),{startResizing:L}},X=e=>({buttonSize:e?"xs":"s"}),H=(e,t)=>t??(e?ne:te),E=(e,t)=>typeof e=="function"?e(t):e,O=({widthState:e,minWidth:t,maxWidth:o=se,disableMediaAdaptive:a=!1,collapseState:u,containerProps:b,contentProps:P,collapsedContentProps:C,expandedContent:m,collapsedContent:L,collapsedFooterContent:f,showToggleButton:B=!0,showResizeable:x=!0,onResize:g,onToggleCollapse:d})=>{const{down:_}=A.useBreakpoint(),r=!a&&_("xl"),l=H(r,t),w=n.useMemo(()=>X(r),[r]),R=n.useMemo(()=>E(m,w),[m,w]),F=n.useMemo(()=>E(L,w),[L,w]),K=n.useMemo(()=>E(f,w),[f,w]),V=n.useState(!1),[i,I]=u??V,G=n.useState(Number(i?l:o)),[y,v]=e??G,N=n.useRef(null),M=n.useRef(null),k=n.useRef(!1),[J,Q]=n.useState(!1),{startResizing:U}=T({setWidth:v,isResizingRef:k,setIsResizing:Q,panelRef:N,minWidth:l,maxWidth:o,parentRef:M,isCollapsed:i,onResize:g});n.useEffect(()=>{if(y!==void 0){const p=y<q;p!==i&&(I(p),d&&!k.current&&d(p))}},[y,i,d,I]),n.useEffect(()=>{!k.current&&i&&y!==l&&v(l)},[i,l,v,y]);const D=n.useCallback(()=>{I(p=>{const S=!p;return d&&d(S),v(S?l:o),S})},[d,I,v,l,o]);return c.jsxs(ie,{ref:N,collapsed:i,maxWidth:o,minWidth:l,width:y,$resizing:J,$isAdaptive1280:r,showResizeable:x,...b,children:[c.jsxs(oe,{children:[c.jsxs(re,{$active:!i,"aria-hidden":i,...P,children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r,isAbsolute:!0}),R]}),c.jsxs(ae,{$active:i,"aria-hidden":!i,$isAdaptive1280:r,showResizeable:x,...C,children:[c.jsxs(le,{children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r}),F]}),K]})]}),x&&c.jsx(de,{onMouseDown:p=>{var S;p.preventDefault(),(S=N.current)!=null&&S.parentElement&&(M.current=N.current.parentElement),U()}})]})};O.LeftPanelToggleButton=j;exports.LeftPanel=O;exports.LeftPanelToggleButton=j;exports.getLeftPanelMinWidth=H;exports.getLeftPanelSlotSizes=X;exports.renderLeftPanelSlot=E;exports.toggleButtonClassNames=z;exports.useResize=T;

package/chunks/{ListOfFilters-CfV2bs_4.mjs → ListOfFilters-Cwqz354m.mjs}

@@ -3,12 +3,12 @@ import { jsxs as E, jsx as g } from "react/jsx-runtime";
 import { Box as A } from "../components/Box/index.mjs";
 import { Chip as O, ChipGroup as F, TabItem as G, Button as M, Tabs as H } from "@salutejs/sdds-finai";
 import { Collapse as P } from "../components/Collapse/index.mjs";
-import { o as N, C as q } from "./Table-tUWuA3Ri.mjs";
+import { o as N, C as q } from "./Table-C-03ZtkJ.mjs";
 import { IconClose as K } from "@salutejs/plasma-icons";
-import { c as T, u as U } from "./utils-u1KJ37g3.mjs";
+import { c as T, u as U } from "./utils-Hu77fGGe.mjs";
 import W, { css as Z } from "styled-components";
 import { borderRadiusS as X, textPrimary as Y, onLightTextSecondary as J, bodyS as Q } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import { F as tt } from "./FiltersActions-BJ5gD6Nx.mjs";
+import { F as tt } from "./FiltersActions-DA06ZTCK.mjs";
 const x = "list-of-filters", h = {
   chipsGroup: `${x}__chip-group`,
   chipsGroupLabel: `${x}__chip-group__label`,

package/chunks/{ListOfFilters-mqTsQbq_.cjs → ListOfFilters-DSysYwOU.cjs}

@@ -1 +1 @@
-"use strict";const y=require("react"),g=require("react/jsx-runtime"),O=require("../components/Box/index.cjs"),w=require("@salutejs/sdds-finai"),T=require("../components/Collapse/index.cjs"),A=require("./Table-vv1HTrxe.cjs"),$=require("@salutejs/plasma-icons"),q=require("./utils-ChDQGRjv.cjs"),B=require("styled-components"),k=require("@salutejs/sdds-themes/tokens/sdds_finai"),I=require("./FiltersActions-Bg5wvHFG.cjs"),_="list-of-filters",f={chipsGroup:`${_}__chip-group`,chipsGroupLabel:`${_}__chip-group__label`,chipsGroupCount:`${_}__chip-group__count`,chip:`${_}__chip`,clearButtonBlock:`${_}__clear-button-block`,chipsContainer:`${_}__chips-container`,container:`${_}__container`},N=e=>"groupId"in e,W=()=>B.css(k.bodyS),G=250,M=B(w.ChipGroup).withConfig({displayName:"ChipOrGroup__StyledChipGroup"})(["&{border-radius:",";padding:4px 2px;"," align-items:center;&.","{gap:4px;& .",":first-child,& ."," + .","{margin-left:4px;}& .","{display:inline-block;min-width:0;max-width:","px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}& .","{color:",";margin-left:4px;}& ."," svg{color:"," !important;}}}"],()=>k.borderRadiusS,()=>W(),f.chipsGroup,f.chip,f.chipsGroupLabel,f.chip,f.chipsGroupLabel,G,f.chipsGroupCount,()=>k.textPrimary,f.chip,()=>k.onLightTextSecondary),V=({itemOrGroup:e,maxLengthInGroup:i=2,ellipsisLabel:h=!1,chipStyle:n,renderGroupLabel:u,renderChipLabel:r})=>{if(N(e)){const p=e,b=p.items.slice(0,i),d=p.items.length-b.length,l=u?u(p):p.groupLabel;return g.jsxs(M,{className:f.chipsGroup,size:"xs",gap:"wide",view:"default",isCommonChipStyles:!1,children:[h?g.jsx("span",{className:f.chipsGroupLabel,title:l,children:l}):l,b.map(t=>g.jsx(w.Chip,{className:f.chip,title:"Удалить фильтр",view:"default",text:r?r(p,t):t.label.toString(),size:"xs",pilled:!0,onClick:t.onClick,style:{maxWidth:180,...A.overflowDotsStyle,...n&&n(p,t)},appearance:"transparent"},t.id)),d>0&&g.jsx(I.FiltersActionsTooltip,{groupLabel:l,items:p.items.map(t=>r?r(p,t):t.label.toString()),children:g.jsxs("span",{className:f.chipsGroupCount,children:["+",d]})})]})}return g.jsx(w.Chip,{className:f.chip,title:"Удалить фильтр",view:"default",text:r?r(null,e):e.label.toString(),size:"xs",pilled:!0,onClick:e.onClick,style:{maxWidth:150,...A.overflowDotsStyle,...n&&n(e,void 0)},appearance:"transparent"})},H=(e,i)=>{y.useEffect(()=>{var p;if(!i)return;const h=(p=e.current)==null?void 0:p.querySelector(".tabs-clip-scroll"),n=h==null?void 0:h.firstElementChild;if(!h)return;const u=()=>{h.dispatchEvent(new Event("scroll",{bubbles:!0}))},r=q.createSafeResizeObserver(u);return r.observe(h),n&&r.observe(n),()=>{r.disconnect()}},[e,i])},P=(e,i,h)=>{var c,s;const n=y.useRef(null),u=!!n.current,[r,p]=y.useState(0),b=n.current,d=(c=n.current)==null?void 0:c.firstChild,l=(s=n.current)==null?void 0:s.lastChild,t=(b&&d&&l&&b.offsetWidth-d.offsetWidth-l.offsetWidth-i*2-h*2)??void 0;return y.useEffect(()=>{const o=n.current;let m=0;function j(){m=(o==null?void 0:o.offsetWidth)??0,p(m)}j();const S=q.createSafeResizeObserver(j);return e&&o&&S.observe(o),()=>{S.disconnect()}},[e,u]),{refForContainer:n,maxWidthForCenterElement:t}},K={xs:{height:32,paddingInline:0}},D=1,F=`${D}px solid ${()=>A.COLORS.border}`,U=B(w.Tabs).withConfig({displayName:"ListOfFilters__StyledTabs"})({"&":{"& .tabs-clip-scroll":{overflowY:"hidden"},"& button.tab-item-animated":{marginLeft:"8px","&:first-of-type":{marginLeft:"0px"}}}}),Z=({opened:e,items:i,clearAll:h,size:n="xs",paddingTop:u=0,maxLengthInGroup:r=2,ellipsisLabel:p=!1,sizeOnOpen:b,leftSlot:d,paddingInline:l,maxHeight:t,chipStyle:c,renderGroupLabel:s,renderChipLabel:o,showResetAllFiltersButton:m=!0,extraCss:j={}})=>{const S=K[n],z=l??S.paddingInline,C=t??S.height,{refForContainer:L}=P(e,z,D);return q.useDebouncedValue(e,200),H(L,e),g.jsx(T.Collapse,{isOpen:e,sizeOnOpen:b??C+u,unMountOnClose:!0,children:g.jsxs(O.Box,{ref:L,className:f.container,$css:{display:"flex",borderInline:F,borderTop:F,paddingInline:z,maxHeight:C,marginTop:u,flexDirection:"row-reverse",...j},children:[g.jsx(O.Box,{$css:"display: inline;",children:d??null}),g.jsx(U,{className:f.chipsContainer,view:"clear",size:"xs",style:{height:C-D,flex:1,minWidth:0,overflow:"hidden"},children:!!i.length&&i.map((a,x)=>{let v;return"groupId"in a&&(v=a.groupId??x),"id"in a&&(v=a.id??x),g.jsx(w.TabItem,{view:"clear",onClick:E=>E.preventDefault(),children:g.jsx(V,{maxLengthInGroup:r,ellipsisLabel:p,itemOrGroup:a,chipStyle:c,renderGroupLabel:s,renderChipLabel:o})},v)})}),g.jsx(O.Box,{className:f.clearButtonBlock,$css:"display: inline-flex; margin-left: auto;",children:m&&g.jsx(w.Button,{view:"clear",size:"xs",text:"Сбросить все",disabled:!i.length,contentLeft:g.jsx($.IconClose,{size:"xs",color:"inherit"}),onClick:h})})]})})},R=y.memo(Z),X=e=>e==null?"":e instanceof Date?e.toLocaleDateString():Array.isArray(e)?e.map(i=>i instanceof Date?i.toLocaleDateString():String(i??"")).join(", "):String(e),Y=({filters:e,filtersInfo:i,options:h,updateFilters:n,order:u})=>{const{labelFromValueMaps:r}=y.useMemo(()=>{const d={};for(const l of Object.entries(h)){const[t,c]=l;d[t]=new Map(c.map(s=>[String(s.value),s.label]))}return{labelFromValueMaps:d}},[h]),p=y.useCallback(()=>{for(const d of Object.entries(i)){const[l,t]=d;n(l,t.clearedValue)}},[i,n]);return{...y.useMemo(()=>{const d=Object.entries(e).reduce((t,c)=>{var L;const s=c[0],o=c[1],m=Array.isArray(o);if(!(m&&o.length||!m&&o&&o!==!1)||o===i[s].clearedValue)return t;if(typeof o=="boolean"){const a={id:s,label:i[s].label,onClick:()=>{n(s,i[s].clearedValue)}};return t.push(a),t}const C={groupId:s,groupLabel:i[s].label,items:[]};if(m)C.items=o.map(a=>{var x,v;return{id:a,label:((v=(x=r==null?void 0:r[s])==null?void 0:x.get)==null?void 0:v.call(x,a))??a.toString(),onClick:()=>{n(s,o.filter(E=>E!==a))}}});else{const a=r==null?void 0:r[s],x=((L=a==null?void 0:a.get)==null?void 0:L.call(a,o))??X(o);C.items=[{id:o.toString(),label:x,onClick:()=>{n(s,"clearedValue"in i[s]?i[s].clearedValue:"")}}]}return t.push(C),t},[]);let l=d;if(u&&u!=="default"){if(typeof u=="function")l=u(d);else if(Array.isArray(u)){const t=new Map;d.forEach(c=>{const s="groupId"in c?c.groupId:String(c.id);t.set(s,c)}),l=[],u.forEach(c=>{const s=t.get(c);s&&(l.push(s),t.delete(c))}),t.size>0&&Array.from(t.keys()).sort().forEach(s=>{const o=t.get(s);o&&l.push(o)})}}return{filterListOpened:d.length>0,filterList:l}},[e,i,r,n,u]),clearAll:p,labelFromValueMaps:r}},J=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"}));exports.ListOfFilters=R;exports.ListOfFilters_lazy=J;exports.isGroup=N;exports.listOfFiltersClassNames=f;exports.useFiltersList=Y;
+"use strict";const y=require("react"),g=require("react/jsx-runtime"),O=require("../components/Box/index.cjs"),w=require("@salutejs/sdds-finai"),T=require("../components/Collapse/index.cjs"),A=require("./Table-C1u87WP_.cjs"),$=require("@salutejs/plasma-icons"),q=require("./utils-OQNruMpn.cjs"),B=require("styled-components"),k=require("@salutejs/sdds-themes/tokens/sdds_finai"),I=require("./FiltersActions-DqIbyWHy.cjs"),_="list-of-filters",f={chipsGroup:`${_}__chip-group`,chipsGroupLabel:`${_}__chip-group__label`,chipsGroupCount:`${_}__chip-group__count`,chip:`${_}__chip`,clearButtonBlock:`${_}__clear-button-block`,chipsContainer:`${_}__chips-container`,container:`${_}__container`},N=e=>"groupId"in e,W=()=>B.css(k.bodyS),G=250,M=B(w.ChipGroup).withConfig({displayName:"ChipOrGroup__StyledChipGroup"})(["&{border-radius:",";padding:4px 2px;"," align-items:center;&.","{gap:4px;& .",":first-child,& ."," + .","{margin-left:4px;}& .","{display:inline-block;min-width:0;max-width:","px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}& .","{color:",";margin-left:4px;}& ."," svg{color:"," !important;}}}"],()=>k.borderRadiusS,()=>W(),f.chipsGroup,f.chip,f.chipsGroupLabel,f.chip,f.chipsGroupLabel,G,f.chipsGroupCount,()=>k.textPrimary,f.chip,()=>k.onLightTextSecondary),V=({itemOrGroup:e,maxLengthInGroup:i=2,ellipsisLabel:h=!1,chipStyle:n,renderGroupLabel:u,renderChipLabel:r})=>{if(N(e)){const p=e,b=p.items.slice(0,i),d=p.items.length-b.length,l=u?u(p):p.groupLabel;return g.jsxs(M,{className:f.chipsGroup,size:"xs",gap:"wide",view:"default",isCommonChipStyles:!1,children:[h?g.jsx("span",{className:f.chipsGroupLabel,title:l,children:l}):l,b.map(t=>g.jsx(w.Chip,{className:f.chip,title:"Удалить фильтр",view:"default",text:r?r(p,t):t.label.toString(),size:"xs",pilled:!0,onClick:t.onClick,style:{maxWidth:180,...A.overflowDotsStyle,...n&&n(p,t)},appearance:"transparent"},t.id)),d>0&&g.jsx(I.FiltersActionsTooltip,{groupLabel:l,items:p.items.map(t=>r?r(p,t):t.label.toString()),children:g.jsxs("span",{className:f.chipsGroupCount,children:["+",d]})})]})}return g.jsx(w.Chip,{className:f.chip,title:"Удалить фильтр",view:"default",text:r?r(null,e):e.label.toString(),size:"xs",pilled:!0,onClick:e.onClick,style:{maxWidth:150,...A.overflowDotsStyle,...n&&n(e,void 0)},appearance:"transparent"})},H=(e,i)=>{y.useEffect(()=>{var p;if(!i)return;const h=(p=e.current)==null?void 0:p.querySelector(".tabs-clip-scroll"),n=h==null?void 0:h.firstElementChild;if(!h)return;const u=()=>{h.dispatchEvent(new Event("scroll",{bubbles:!0}))},r=q.createSafeResizeObserver(u);return r.observe(h),n&&r.observe(n),()=>{r.disconnect()}},[e,i])},P=(e,i,h)=>{var c,s;const n=y.useRef(null),u=!!n.current,[r,p]=y.useState(0),b=n.current,d=(c=n.current)==null?void 0:c.firstChild,l=(s=n.current)==null?void 0:s.lastChild,t=(b&&d&&l&&b.offsetWidth-d.offsetWidth-l.offsetWidth-i*2-h*2)??void 0;return y.useEffect(()=>{const o=n.current;let m=0;function j(){m=(o==null?void 0:o.offsetWidth)??0,p(m)}j();const S=q.createSafeResizeObserver(j);return e&&o&&S.observe(o),()=>{S.disconnect()}},[e,u]),{refForContainer:n,maxWidthForCenterElement:t}},K={xs:{height:32,paddingInline:0}},D=1,F=`${D}px solid ${()=>A.COLORS.border}`,U=B(w.Tabs).withConfig({displayName:"ListOfFilters__StyledTabs"})({"&":{"& .tabs-clip-scroll":{overflowY:"hidden"},"& button.tab-item-animated":{marginLeft:"8px","&:first-of-type":{marginLeft:"0px"}}}}),Z=({opened:e,items:i,clearAll:h,size:n="xs",paddingTop:u=0,maxLengthInGroup:r=2,ellipsisLabel:p=!1,sizeOnOpen:b,leftSlot:d,paddingInline:l,maxHeight:t,chipStyle:c,renderGroupLabel:s,renderChipLabel:o,showResetAllFiltersButton:m=!0,extraCss:j={}})=>{const S=K[n],z=l??S.paddingInline,C=t??S.height,{refForContainer:L}=P(e,z,D);return q.useDebouncedValue(e,200),H(L,e),g.jsx(T.Collapse,{isOpen:e,sizeOnOpen:b??C+u,unMountOnClose:!0,children:g.jsxs(O.Box,{ref:L,className:f.container,$css:{display:"flex",borderInline:F,borderTop:F,paddingInline:z,maxHeight:C,marginTop:u,flexDirection:"row-reverse",...j},children:[g.jsx(O.Box,{$css:"display: inline;",children:d??null}),g.jsx(U,{className:f.chipsContainer,view:"clear",size:"xs",style:{height:C-D,flex:1,minWidth:0,overflow:"hidden"},children:!!i.length&&i.map((a,x)=>{let v;return"groupId"in a&&(v=a.groupId??x),"id"in a&&(v=a.id??x),g.jsx(w.TabItem,{view:"clear",onClick:E=>E.preventDefault(),children:g.jsx(V,{maxLengthInGroup:r,ellipsisLabel:p,itemOrGroup:a,chipStyle:c,renderGroupLabel:s,renderChipLabel:o})},v)})}),g.jsx(O.Box,{className:f.clearButtonBlock,$css:"display: inline-flex; margin-left: auto;",children:m&&g.jsx(w.Button,{view:"clear",size:"xs",text:"Сбросить все",disabled:!i.length,contentLeft:g.jsx($.IconClose,{size:"xs",color:"inherit"}),onClick:h})})]})})},R=y.memo(Z),X=e=>e==null?"":e instanceof Date?e.toLocaleDateString():Array.isArray(e)?e.map(i=>i instanceof Date?i.toLocaleDateString():String(i??"")).join(", "):String(e),Y=({filters:e,filtersInfo:i,options:h,updateFilters:n,order:u})=>{const{labelFromValueMaps:r}=y.useMemo(()=>{const d={};for(const l of Object.entries(h)){const[t,c]=l;d[t]=new Map(c.map(s=>[String(s.value),s.label]))}return{labelFromValueMaps:d}},[h]),p=y.useCallback(()=>{for(const d of Object.entries(i)){const[l,t]=d;n(l,t.clearedValue)}},[i,n]);return{...y.useMemo(()=>{const d=Object.entries(e).reduce((t,c)=>{var L;const s=c[0],o=c[1],m=Array.isArray(o);if(!(m&&o.length||!m&&o&&o!==!1)||o===i[s].clearedValue)return t;if(typeof o=="boolean"){const a={id:s,label:i[s].label,onClick:()=>{n(s,i[s].clearedValue)}};return t.push(a),t}const C={groupId:s,groupLabel:i[s].label,items:[]};if(m)C.items=o.map(a=>{var x,v;return{id:a,label:((v=(x=r==null?void 0:r[s])==null?void 0:x.get)==null?void 0:v.call(x,a))??a.toString(),onClick:()=>{n(s,o.filter(E=>E!==a))}}});else{const a=r==null?void 0:r[s],x=((L=a==null?void 0:a.get)==null?void 0:L.call(a,o))??X(o);C.items=[{id:o.toString(),label:x,onClick:()=>{n(s,"clearedValue"in i[s]?i[s].clearedValue:"")}}]}return t.push(C),t},[]);let l=d;if(u&&u!=="default"){if(typeof u=="function")l=u(d);else if(Array.isArray(u)){const t=new Map;d.forEach(c=>{const s="groupId"in c?c.groupId:String(c.id);t.set(s,c)}),l=[],u.forEach(c=>{const s=t.get(c);s&&(l.push(s),t.delete(c))}),t.size>0&&Array.from(t.keys()).sort().forEach(s=>{const o=t.get(s);o&&l.push(o)})}}return{filterListOpened:d.length>0,filterList:l}},[e,i,r,n,u]),clearAll:p,labelFromValueMaps:r}},J=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"}));exports.ListOfFilters=R;exports.ListOfFilters_lazy=J;exports.isGroup=N;exports.listOfFiltersClassNames=f;exports.useFiltersList=Y;