laif-ds 1.0.0 → 1.0.2-app-data-grid.76

package/dist/components/ui/app-data-grid/use-grid-filters.js

@@ -0,0 +1,173 @@
+"use client";
+import { useState as F, useRef as f, useEffect as te, useMemo as v, useCallback as d } from "react";
+import { buildGridSearchFilter as g } from "./grid-filter-compile.js";
+import { getGridFilterTypeOptions as re, getGridFilterEditor as ne, isGridFilterType as ie } from "./grid-filter-operators.js";
+import { gridDefaultDebounceTime as k } from "./grid-tokens.js";
+const ae = (e) => e.flatMap(
+  (r) => r.accessorKey === void 0 ? [] : [
+    {
+      id: r.id,
+      accessorKey: r.accessorKey,
+      label: r.headerLabel,
+      columnType: r.columnType,
+      filterable: r.filterable,
+      // ⚠️ LE DUE RIGHE CHE RENDONO VIVE LE DUE PROP. Senza di loro il
+      // tipo le dichiara, il pannello non le vede mai e l'editor resta
+      // un campo di testo per tutti: e' la stessa meta' mancante che la
+      // Fase 5 ha misurato su `aggregate`, dove il campo type-checkava
+      // sul config pubblico e veniva SCARTATO nel builder.
+      filterType: r.filterType,
+      options: r.options
+    }
+  ]
+), se = (e) => e.filterType ?? (ie(e.columnType) ? e.columnType : void 0), fe = (e, r) => {
+  const l = se(e);
+  if (l !== void 0)
+    return {
+      filterType: l,
+      editor: ne(l),
+      operators: re(l, r),
+      options: e.options ?? []
+    };
+}, oe = "grid-custom-filter:", me = (e, r, l, O) => {
+  const m = e.describe(r, l), B = e.toFragment(r, { field: e.type });
+  return {
+    id: O,
+    kind: "custom",
+    customKey: e.type,
+    customLabel: m,
+    customFragment: B ?? void 0,
+    columnId: `${oe}${e.type}`,
+    columnAccessorKey: e.type,
+    columnLabel: e.type,
+    columnType: "other",
+    operator: "eq",
+    value: r
+  };
+}, C = (e, r) => e.kind === "custom" || r.has(e.columnId), pe = (e) => {
+  const {
+    initialBadges: r,
+    initialColumnVisibility: l,
+    initialPanelOpen: O = !1,
+    columns: m,
+    onFiltersChange: B,
+    debounceTime: D
+  } = e, [S, x] = F(
+    () => r ?? []
+  ), [b, K] = F(() => l ?? {}), [P, U] = F(O), [$, L] = F(0), [M, q] = F(() => r ?? []), a = f(null), G = f(k);
+  G.current = D ?? k, te(
+    () => () => {
+      a.current !== null && window.clearTimeout(a.current);
+    },
+    []
+  );
+  const w = f(B);
+  w.current = B;
+  const p = v(() => {
+    const t = /* @__PURE__ */ new Set();
+    for (const n of m)
+      b[n.id] !== !1 && t.add(n.id);
+    return t;
+  }, [m, b]), N = f(p);
+  N.current = p;
+  const u = f(S);
+  u.current = S;
+  const R = f(b);
+  R.current = b;
+  const A = f(m);
+  A.current = m;
+  const h = v(
+    () => S.filter((t) => C(t, p)),
+    [S, p]
+  ), X = v(
+    () => M.filter((t) => C(t, p)),
+    [M, p]
+  ), j = v(() => g(h), [h]), c = d(
+    (t, n = !1) => {
+      const s = u.current, i = t(s);
+      u.current = i, x(i);
+      const y = (o) => C(o, N.current), I = g(s.filter(y)), E = g(i.filter(y)), V = JSON.stringify(I) !== JSON.stringify(E), T = () => {
+        q(u.current), V && (L((o) => o + 1), w.current?.(
+          g(u.current.filter(y))
+        ));
+      };
+      if (a.current !== null && (window.clearTimeout(a.current), a.current = null), !n || G.current <= 0) {
+        T();
+        return;
+      }
+      a.current = window.setTimeout(() => {
+        a.current = null, T();
+      }, G.current);
+    },
+    []
+  ), z = d(
+    (t) => {
+      c((n) => [...n, t]);
+    },
+    [c]
+  ), H = d(
+    (t) => {
+      t.length !== 0 && c((n) => [...n, ...t]);
+    },
+    [c]
+  ), Q = d(
+    (t, n) => {
+      c(
+        (s) => s.map(
+          (i) => i.id === t ? { ...i, ...n } : i
+        ),
+        !0
+      );
+    },
+    [c]
+  ), W = d(
+    (t) => {
+      c((n) => n.filter((s) => s.id !== t));
+    },
+    [c]
+  ), Y = d(() => c(() => []), [c]), Z = d(
+    (t, n) => {
+      const s = [...t], i = { ...n };
+      u.current = s, R.current = i, x(s), K(i);
+    },
+    []
+  ), ee = d((t, n) => {
+    const s = R.current, i = { ...s, [t]: n };
+    R.current = i, K(i);
+    const y = (o) => {
+      const J = /* @__PURE__ */ new Set();
+      for (const _ of A.current)
+        o[_.id] !== !1 && J.add(_.id);
+      return J;
+    }, I = y(s), E = y(i), V = g(
+      u.current.filter((o) => C(o, I))
+    ), T = g(
+      u.current.filter((o) => C(o, E))
+    );
+    JSON.stringify(V) !== JSON.stringify(T) && (L((o) => o + 1), w.current?.(T));
+  }, []);
+  return {
+    badges: h,
+    committedBadges: X,
+    emissions: $,
+    columnVisibility: b,
+    panelOpen: P,
+    computedFilter: j,
+    addBadge: z,
+    addBadges: H,
+    updateBadge: Q,
+    removeBadge: W,
+    clearBadges: Y,
+    restore: Z,
+    setColumnVisible: ee,
+    setPanelOpen: U
+  };
+};
+export {
+  oe as GRID_CUSTOM_FILTER_COLUMN_PREFIX,
+  me as createGridCustomFilterBadge,
+  fe as gridColumnFilterControl,
+  se as resolveGridFilterType,
+  ae as toGridFilterColumns,
+  pe as useGridFilters
+};