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

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

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as r, jsxs as H } from "react/jsx-runtime";
-import { useMemo as se, useRef as m, useEffect as We, useLayoutEffect as rt, useState as He, useId as je, useCallback as D } from "react";
+import { jsx as n, jsxs as H } from "react/jsx-runtime";
+import { useMemo as se, useRef as m, useEffect as We, useLayoutEffect as nt, useState as He, useId as je, useCallback as D } from "react";
 import { Icon as Ze } from "../icon.js";
 import { Input as it } from "../input.js";
 import { cn as ae } from "../../../lib/utils.js";
@@ -11,7 +11,7 @@ import { flattenGridColumns as _e } from "./grid-header-matrix.js";
 import { defaultGridI18n as i } from "./grid-i18n.js";
 import { registerGridMount as dt } from "./grid-mount-count.js";
 import { gridResultScope as ct, GRID_PAGE_SIZE_OPTIONS as ut } from "./grid-result-scope.js";
-import { gridRowHeight as W, gridZ as pt, gridFrameGapClass as gt } from "./grid-tokens.js";
+import { gridRowHeight as W, gridZ as gt, gridFrameGapClass as pt } from "./grid-tokens.js";
 import { readGridViewPreset as ft } from "./grid-view-preset.js";
 import { GridActionsRow as mt } from "./parts/grid-actions-row.js";
 import { createGridFilterBadge as wt } from "./parts/grid-filter-panel.js";
@@ -21,8 +21,8 @@ import { GridScrollArea as vt } from "./parts/grid-scroll-area.js";
 import { GridSelectionBar as Ct } from "./parts/grid-selection-bar.js";
 import { GridStatusSurface as Ke } from "./parts/grid-status-surface.js";
 import { gridBypassLinkClass as Ue, GridTable as bt } from "./parts/grid-table.js";
-import { GridToolbarFiltersTrigger as Rt, GridToolbarCustomFilters as St, GridToolbarFilterRowToggle as It, GridToolbarColumnsTrigger as xt } from "./parts/grid-toolbar-slots.js";
-import { toGridFilterColumns as Tt } from "./use-grid-filters.js";
+import { GridToolbarResetFiltersTrigger as Rt, GridToolbarFiltersTrigger as St, GridToolbarCustomFilters as It, GridToolbarFilterRowToggle as xt, GridToolbarColumnsTrigger as Tt } from "./parts/grid-toolbar-slots.js";
+import { toGridFilterColumns as Ft } from "./use-grid-filters.js";
 const Mt = [
   "a[href]",
   "button:not([disabled])",
@@ -31,7 +31,7 @@ const Mt = [
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(","), At = ({ visible: v, children: C }) => {
-  const T = /* @__PURE__ */ r(
+  const T = /* @__PURE__ */ n(
     "div",
     {
       "data-grid-live-region": "",
@@ -48,7 +48,7 @@ const Mt = [
       "data-grid-live-region-frame": "",
       className: "flex shrink-0 items-center gap-1.5 text-xs",
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           Ze,
           {
             name: "Megaphone",
@@ -61,11 +61,11 @@ const Mt = [
       ]
     }
   ) : T;
-}, en = (v) => {
+}, or = (v) => {
   const {
     columns: C,
     data: T,
-    i18n: n = i,
+    i18n: r = i,
     sortMode: Qe = "multi",
     maxSortedColumns: Xe = 2,
     density: j,
@@ -92,25 +92,25 @@ const Mt = [
     // ⚠️ `pagination` si legge da qui dalla Fase 4, per la stessa ragione.
     selection: K,
     pagination: U,
-    toolbar: g,
+    toolbar: l,
     initialFullscreen: oo,
-    paginated: M = !1,
+    paginated: F = !1,
     pageSize: to = 10,
     virtualized: ce = !1,
-    infinite: d,
+    infinite: c,
     groupBy: Z,
-    initialOpenGroups: no,
+    initialOpenGroups: ro,
     // DOVE CADE L'ETICHETTA DI UN GRUPPO — M5, criterio 2. Default
     // `"grouping-column"`, cioè il comportamento di sempre: una griglia che non
     // passa questa prop rende esattamente ciò che rendeva prima.
-    groupLabelPlacement: ro = "grouping-column",
-    preset: A,
+    groupLabelPlacement: no = "grouping-column",
+    preset: M,
     onPresetApplied: ue,
-    serverMode: pe = !1,
-    serverConfig: F,
+    serverMode: ge = !1,
+    serverConfig: q,
     initialState: io,
-    viewportHeight: ge = 480,
-    loading: u = !1,
+    viewportHeight: pe = 480,
+    loading: g = !1,
     emptyComponent: so,
     // GLI ESITI SENZA DATI — FASE 5. `error` è il PREDICATO (una fetch caduta è
     // distinguibile da un filtro che non pesca niente) e `onRetry` è la sola
@@ -136,12 +136,12 @@ const Mt = [
     statusRowVisible: uo = !1,
     // IL TOGGLE DELLA RIGA ZERO, OSSERVABILE — R13, criterio 4. Nessun default:
     // non passarla lascia la griglia esattamente com'era. Vedi il TSDoc.
-    onFilterRowOpenChange: po,
+    onFilterRowOpenChange: go,
     // LA PORTATA DELLA SELEZIONE, OSSERVABILE — M10. Nessun default: non
     // passarla lascia la griglia esattamente com'era, ed è un canale di sola
     // LETTURA (non esiste una prop che imponga la portata da fuori). Vedi il
     // TSDoc, dove le due metà della precondizione sono separate.
-    onSelectionScopeChange: go,
+    onSelectionScopeChange: po,
     actions: me = [],
     hideActionsRow: fo = !1,
     checkable: mo = !1,
@@ -166,7 +166,7 @@ const Mt = [
     // è stato morto, è il valore da cui riparte se il call-site smette di
     // controllare la prop.
     density: j ?? "default",
-    paginated: M,
+    paginated: F,
     // LA TAGLIA DI PAGINA SI RISOLVE QUI, IN UN PUNTO SOLO — e la precedenza è
     // `initialState.pagination.pageSize` > `pagination.pageSize` > `pageSize`.
     //
@@ -186,13 +186,13 @@ const Mt = [
     // su `serverConfig.onStateChange`. Chiamarli entrambi sarebbe due refetch per
     // gesto, cioè il difetto R10 con un altro nome — e un consumer che li passa
     // tutti e due ha quasi certamente migrato a metà, non chiesto il doppio.
-    onQueryChange: we ?? F?.onStateChange,
+    onQueryChange: we ?? q?.onStateChange,
     debounceTime: bo,
-    serverMode: pe,
-    serverConfig: F,
+    serverMode: ge,
+    serverConfig: q,
     initialState: io,
     groupBy: Z,
-    initialOpenGroups: no,
+    initialOpenGroups: ro,
     rowSelection: wo,
     getRowId: ho,
     onRowSelectionChange: yo,
@@ -201,7 +201,7 @@ const Mt = [
     // Le due fonti sollevate di P7: quando ci sono, comandano. Vedi le prop.
     filters: S,
     columnVisibility: _
-  }), x = So ? j : o.state.view.density, E = n.toolbar ?? i.toolbar, l = o.state.view.fullscreen, ve = (e) => {
+  }), x = So ? j : o.state.view.density, E = r.toolbar ?? i.toolbar, d = o.state.view.fullscreen, ve = (e) => {
     o.applyView({ type: "view/fullscreen", fullscreen: e }), Je?.(e);
   }, Ce = (e, t) => e?.render ? e.render() : t, Io = se(
     () => _e(C).map((e) => ({
@@ -244,37 +244,37 @@ const Mt = [
       ...o.state.view.columnVisibility,
       [e]: t
     }));
-  }, Mo = (e) => {
+  }, Fo = (e) => {
     o.applyView({ type: "view/column-order", columnOrder: e }), eo?.([...e]);
-  }, Ao = (e, t) => {
+  }, Mo = (e, t) => {
     o.applyView({ type: "view/column-width", columnId: e, width: t }), Ye?.({
       ...o.state.view.columnWidths,
       [e]: t
     });
-  }, Re = v.viewportHeight !== void 0 || ce || d !== void 0 || Z !== void 0, O = m(null), Se = m(0), Ie = m(void 0);
+  }, Re = v.viewportHeight !== void 0 || ce || c !== void 0 || Z !== void 0, A = m(null), Se = m(0), Ie = m(void 0);
   We(() => {
-    if (A === void 0 || Ie.current === A) return;
-    Ie.current = A;
+    if (M === void 0 || Ie.current === M) return;
+    Ie.current = M;
     let e;
     try {
-      e = ft(A);
+      e = ft(M);
     } catch (t) {
       console.error(t);
       return;
     }
     o.applyPreset({ query: e.query, view: e.view }), le?.(e.view.density), ue?.(e);
-  }, [A, o, ue, le]);
-  const Q = m(null), Oo = (e, t) => {
-    const s = O.current;
+  }, [M, o, ue, le]);
+  const Q = m(null), Ao = (e, t) => {
+    const s = A.current;
     if (s !== null) {
       const a = k.findIndex(
         (De) => De.kind === "group" && De.group.path === e
-      ), c = Math.floor(
+      ), u = Math.floor(
         s.scrollTop / W[x]
-      ), G = { ...o.state.view.groupExpansion };
-      G[e] = t;
-      const R = o.bodyRowCountWith(G) - k.length, f = a !== -1 && a < c, nt = f && R < 0 && c <= a - R;
-      Q.current = !f || R === 0 ? null : nt ? { modo: "atterra-sul-gruppo", indiceGruppo: a } : {
+      ), P = { ...o.state.view.groupExpansion };
+      P[e] = t;
+      const R = o.bodyRowCountWith(P) - k.length, f = a !== -1 && a < u, rt = f && R < 0 && u <= a - R;
+      Q.current = !f || R === 0 ? null : rt ? { modo: "atterra-sul-gruppo", indiceGruppo: a } : {
         modo: "tieni-ferma-la-vista",
         // ⚠️ SI LEGGE ADESSO, PRIMA DEL COMMIT, e non nell'effetto: è
         // l'unico istante in cui questo numero è ancora quello
@@ -285,32 +285,32 @@ const Mt = [
     }
     o.applyView({ type: "view/group-expansion", path: e, expanded: t });
   };
-  rt(() => {
+  nt(() => {
     const e = Q.current;
     if (Q.current = null, e === null) return;
-    const t = O.current;
+    const t = A.current;
     t !== null && (t.scrollTop = e.modo === "atterra-sul-gruppo" ? e.indiceGruppo * W[x] : e.scrollTopPrima + e.delta * W[x]);
   });
-  const xe = m(0), Te = he ?? ye ?? null, X = m(null), V = m(null), Po = (e) => {
+  const xe = m(0), Te = he ?? ye ?? null, X = m(null), V = m(null), Oo = (e) => {
     V.current = e, e && (Se.current += 1, e.setAttribute("data-render-count", String(Se.current)), X.current === null && (X.current = Te === null ? 1 : dt(Te)), e.setAttribute("data-mount-count", String(X.current)), e.setAttribute(
       "data-loadmore-call-count",
       String(xe.current)
     ));
-  }, Me = (e) => {
+  }, Fe = (e) => {
     const t = V.current;
     if (!t) return;
     const s = Array.from(
       t.querySelectorAll(Mt)
-    ).filter((c) => c.dataset.gridFocusSentinel === void 0), a = e === "first" ? s : [...s].reverse();
-    for (const c of a)
-      if (c.focus(), document.activeElement === c) return;
-  }, k = o.bodyRows, qo = k.length, w = o.state.query.requestCount, P = m(w);
-  w < P.current && (P.current = w);
-  const Go = d !== void 0 && w > Math.max(1, P.current);
+    ).filter((u) => u.dataset.gridFocusSentinel === void 0), a = e === "first" ? s : [...s].reverse();
+    for (const u of a)
+      if (u.focus(), document.activeElement === u) return;
+  }, k = o.bodyRows, Go = k.length, w = o.state.query.requestCount, O = m(w);
+  w < O.current && (O.current = w);
+  const Po = c !== void 0 && w > Math.max(1, O.current);
   We(() => {
-    d === void 0 || u || w > P.current && (P.current = w);
-  }, [d, u, w]);
-  const Fo = d !== void 0 && u && w > 1, $o = u && !Fo, J = o.state.query.pagination.pageSize, Ae = u ? Math.min(J, 1e3) : 0, h = $o ? 0 : qo, Oe = h > 0, y = ("resultTotal" in v ? v.resultTotal : void 0) ?? F?.totalItems ?? (M && !pe && !(d !== void 0 && d.hasMore) ? o.filteredRowCount : void 0), zo = se(
+    c === void 0 || g || w > O.current && (O.current = w);
+  }, [c, g, w]);
+  const qo = c !== void 0 && g && w > 1, $o = g && !qo, J = o.state.query.pagination.pageSize, Me = g ? Math.min(J, 1e3) : 0, h = $o ? 0 : Go, Ae = h > 0, y = ("resultTotal" in v ? v.resultTotal : void 0) ?? q?.totalItems ?? (F && !ge && !(c !== void 0 && c.hasMore) ? o.filteredRowCount : void 0), zo = se(
     () => new Set(o.state.query.filters.map((e) => e.columnId)),
     [o.state.query.filters]
   ), Y = se(
@@ -318,9 +318,9 @@ const Mt = [
     // `toGridFilterColumns` vuole le foglie: è lo stesso appiattimento che il
     // call-site fa per costruire le colonne dell'inventario, quindi le due liste
     // sono la stessa lista e non due liste che si somigliano.
-    () => Tt(_e(C)),
+    () => Ft(_e(C)),
     [C]
-  ), Eo = S === void 0 || $ !== void 0 && z !== void 0, [Pe, Vo] = He(!0), qe = m(!0), Ge = je(), Fe = m(0), L = D(
+  ), Eo = S === void 0 || $ !== void 0 && z !== void 0, [Oe, Vo] = He(!0), Ge = m(!0), Pe = je(), qe = m(0), L = D(
     (e, t) => {
       const s = o.state.query.filters, a = s.find((f) => f.columnId === e);
       if (a !== void 0) {
@@ -336,18 +336,18 @@ const Mt = [
         });
         return;
       }
-      const c = Y.find(
+      const u = Y.find(
         (f) => f.id === e
       );
-      if (c === void 0) return;
-      Fe.current += 1;
-      const G = wt(
-        c,
-        n,
-        `${Ge}-${Fe.current}`
+      if (u === void 0) return;
+      qe.current += 1;
+      const P = wt(
+        u,
+        r,
+        `${Pe}-${qe.current}`
       );
-      if (G === void 0) return;
-      const R = { ...G, ...t };
+      if (P === void 0) return;
+      const R = { ...P, ...t };
       if ($ !== void 0) {
         $(R);
         return;
@@ -360,8 +360,8 @@ const Mt = [
     [
       o,
       Y,
-      Ge,
-      n,
+      Pe,
+      r,
       $,
       z
     ]
@@ -397,19 +397,19 @@ const Mt = [
     rowsInPage: o.rows.length,
     pageIndex: o.state.query.pagination.pageIndex,
     pageSize: J
-  }), Wo = y === void 0 ? void 0 : p, ee = n.status ?? {}, N = n.selection ?? {}, $e = o.headers.filter((e) => e.sortIndex !== null).sort((e, t) => (e.sortIndex ?? 0) - (t.sortIndex ?? 0)), Ho = $e.length === 0 ? "" : `${ee.sortedBy ?? i.status.sortedBy} ${$e.map((e) => {
-    const t = e.sortDirection === "descending" ? n.sorting.descending : n.sorting.ascending, s = `${e.headerLabel} ${t}`;
+  }), Wo = y === void 0 ? void 0 : p, ee = r.status ?? {}, N = r.selection ?? {}, $e = o.headers.filter((e) => e.sortIndex !== null).sort((e, t) => (e.sortIndex ?? 0) - (t.sortIndex ?? 0)), Ho = $e.length === 0 ? "" : `${ee.sortedBy ?? i.status.sortedBy} ${$e.map((e) => {
+    const t = e.sortDirection === "descending" ? r.sorting.descending : r.sorting.ascending, s = `${e.headerLabel} ${t}`;
     if (e.sortCount <= 1) return s;
-    const a = n.sorting.sortPosition ?? i.sorting.sortPosition, c = n.pagination.of ?? i.pagination.of;
-    return `${s}, ${a} ${e.sortIndex ?? 0} ${c} ${e.sortCount}`;
-  }).join("; ")}`, jo = `${p.totalLabel} ${p.totalIsSingular ? n.pagination.rowOne ?? i.pagination.rowOne : n.pagination.rows}`, oe = o.state.query.filters.filter(
+    const a = r.sorting.sortPosition ?? i.sorting.sortPosition, u = r.pagination.of ?? i.pagination.of;
+    return `${s}, ${a} ${e.sortIndex ?? 0} ${u} ${e.sortCount}`;
+  }).join("; ")}`, jo = `${p.totalLabel} ${p.totalIsSingular ? r.pagination.rowOne ?? i.pagination.rowOne : r.pagination.rows}`, oe = o.state.query.filters.filter(
     (e) => e.kind === "custom"
-  ), _o = oe.length === 0 ? "" : `, ${p.formatCount(oe.length)} ${n.filters.withoutColumn ?? i.filters.withoutColumn}: ${oe.map((e) => e.customLabel ?? e.customKey ?? e.id).join(", ")}`, Ko = `${p.filterCountLabel} ${p.filterCountIsSingular ? n.filters.filterOne ?? i.filters.filterOne : n.filters.filterMany ?? i.filters.filterMany} ${p.filterCountIsSingular ? ee.filterActiveOne ?? i.status.filterActiveOne : ee.filterActiveMany ?? i.status.filterActiveMany}${_o}`, b = o.selectedPageRowIds.length, ze = K?.mode === "all" && y !== void 0, [Uo, Zo] = He("page"), te = ze ? Uo : "page", Qo = {
+  ), _o = oe.length === 0 ? "" : `, ${p.formatCount(oe.length)} ${r.filters.withoutColumn ?? i.filters.withoutColumn}: ${oe.map((e) => e.customLabel ?? e.customKey ?? e.id).join(", ")}`, Ko = `${p.filterCountLabel} ${p.filterCountIsSingular ? r.filters.filterOne ?? i.filters.filterOne : r.filters.filterMany ?? i.filters.filterMany} ${p.filterCountIsSingular ? ee.filterActiveOne ?? i.status.filterActiveOne : ee.filterActiveMany ?? i.status.filterActiveMany}${_o}`, b = o.selectedPageRowIds.length, ze = K?.mode === "all" && y !== void 0, [Uo, Zo] = He("page"), te = ze ? Uo : "page", Qo = {
     scope: te,
     rowIds: o.selectedPageRowIds,
     count: te === "all" ? y ?? b : b
   }, Ee = (e) => {
-    e !== te && (Zo(e), go?.({
+    e !== te && (Zo(e), po?.({
       scope: e,
       rowIds: o.selectedPageRowIds,
       count: e === "all" ? y ?? b : b
@@ -419,7 +419,7 @@ const Mt = [
     jo,
     Ko,
     Xo
-  ].filter((e) => e !== "").join(". "), Yo = d !== void 0 && d.hasMore ? -1 : y ?? h, B = ao && !u, ne = !u && // ⚠️ `&& !erroreVisibile`, ED È LA RIGA CHE TIENE I DUE ESITI SEPARATI. Una
+  ].filter((e) => e !== "").join(". "), Yo = c !== void 0 && c.hasMore ? -1 : y ?? h, B = ao && !g, re = !g && // ⚠️ `&& !erroreVisibile`, ED È LA RIGA CHE TIENE I DUE ESITI SEPARATI. Una
   // fetch caduta ha `dataRowCount === 0`, quindi senza questo termine i due
   // predicati sono veri insieme. Il vuoto è quello che tace, perché è l'esito
   // che l'errore SPIEGA.
@@ -439,13 +439,13 @@ const Mt = [
   // un terzo lettore che lo consumasse senza provare l'errore prima renderebbe
   // il vuoto sopra una fetch caduta. Dichiarare il termine qui è più economico
   // che ricordare l'ordine in tre punti.
-  !B && h === 0 && !(d !== void 0 && d.hasMore), re = lt({
+  !B && h === 0 && !(c !== void 0 && c.hasMore), ne = lt({
     // `enabled: virtualized`, SENZA `&& !loading`: adesso è `count` a dire la
     // verità sul da farsi. Quando si sostituisce, `count` è zero e l'hook esce
     // con `null` — stesso effetto di prima, ma per la ragione giusta e in un
     // punto solo.
     enabled: ce,
-    count: h + Ae,
+    count: h + Me,
     // L'altezza ESATTA della riga alla densità corrente, non una stima. Misurato
     // in Chrome: sotto `border-collapse: collapse` una `<tr>` con `height: 36px`
     // e `border-bottom: 1px` è alta esattamente 36 — il bordo collassato non si
@@ -455,14 +455,14 @@ const Mt = [
     // resa è zero, e non serve nessuna misurazione dinamica (quindi nessun
     // `ResizeObserver` da mandare in loop).
     rowHeight: W[x],
-    scrollRef: O,
+    scrollRef: A,
     // Serve al PRIMO render, quando il ref è ancora `null`: senza di lui la
     // griglia montava tutte e 10.000 le righe prima di ridursi a 22.
-    viewportHeight: ge
-  }), Ve = re?.startIndex ?? 0, ke = re?.endIndex ?? h + Ae, Le = k.slice(
+    viewportHeight: pe
+  }), Ve = ne?.startIndex ?? 0, ke = ne?.endIndex ?? h + Me, Le = k.slice(
     Math.min(Ve, h),
     Math.min(ke, h)
-  ), Ne = o.headers[0]?.columnId, et = ro === "first-column" && Ne !== void 0 ? Le.map(
+  ), Ne = o.headers[0]?.columnId, et = no === "first-column" && Ne !== void 0 ? Le.map(
     (e) => e.kind === "group" ? {
       ...e,
       group: { ...e.group, columnId: Ne }
@@ -490,37 +490,37 @@ const Mt = [
     // costo è che `infinite` con `paginated` non faccia NIENTE, ed è per questo
     // che il limite è scritto in `AppDataGrid.md` invece di essere taciuto —
     // una prop che tace è peggio di una che non c'è.
-    enabled: d !== void 0 && !M,
-    hasMore: d?.hasMore ?? !1,
-    loading: u,
+    enabled: c !== void 0 && !F,
+    hasMore: c?.hasMore ?? !1,
+    loading: g,
     // ⚠️ I DATI CONSEGNATI, non `engine.rows.length`: quello è il row model DOPO
     // il filtro client, quindi in modalità server una risposta che il filtro
     // locale scarta tutta lascerebbe la chiave immobile e la lista bloccata.
     rowCount: T.length,
     querySignature: o.querySignature,
-    scrollRef: O,
+    scrollRef: A,
     onLoadMore: () => {
       xe.current += 1, o.applyAndEmit({ type: "query/load-more" });
     }
   });
-  const q = n.table ?? i.table, tt = B ? {
+  const G = r.table ?? i.table, tt = B ? {
     kind: "error",
-    content: /* @__PURE__ */ r(
+    content: /* @__PURE__ */ n(
       Ke,
       {
         kind: "error",
-        message: q.errorMessage ?? i.table.errorMessage,
-        retryLabel: q.retry ?? i.table.retry,
+        message: G.errorMessage ?? i.table.errorMessage,
+        retryLabel: G.retry ?? i.table.retry,
         onRetry: lo
       }
     )
-  } : ne ? {
+  } : re ? {
     kind: "empty",
-    content: /* @__PURE__ */ r(
+    content: /* @__PURE__ */ n(
       Ke,
       {
         kind: "empty",
-        content: so ?? n.notFoundMessage
+        content: so ?? r.notFoundMessage
       }
     )
   } : void 0, Be = je().replace(/[^a-zA-Z0-9]/g, ""), ie = {
@@ -533,17 +533,17 @@ const Mt = [
       id: he,
       "data-testid": ye,
       "data-app-data-grid": "",
-      ref: Po,
+      ref: Oo,
       "data-emissions": o.emissions,
-      "data-grid-fullscreen": l ? "true" : "false",
-      "aria-busy": u ? !0 : void 0,
+      "data-grid-fullscreen": d ? "true" : "false",
+      "aria-busy": g ? !0 : void 0,
       className: ae(
         // ⚠️ `gridFrameGapClass` E NON `gap-2` SCRITTO QUI: il px che
         // `gridFrameHeight` somma quando la barra di selezione compare e la
         // classe che lo rende devono cambiare insieme. Vivono accanto in
         // `grid-tokens.ts`, come `gridRowHeight`/`gridRowHeightClass`.
         "border-d-border bg-d-background text-d-foreground flex w-full flex-col rounded-md border p-2",
-        gt,
+        pt,
         // LO SCHERMO INTERO È UNA PROMOZIONE DELLO STESSO NODO — P6, criteri 2-4.
         //
         // Non un portale, non un secondo albero, non `requestFullscreen`: le
@@ -559,25 +559,25 @@ const Mt = [
         // rilievo della review, ed era l'unica classe del ramo senza una ragione.
         // `rounded-none` invece serve: a tutto schermo gli angoli arrotondati
         // lascerebbero quattro triangoli della pagina visibili negli spigoli.
-        l && "fixed inset-0 rounded-none border-0",
+        d && "fixed inset-0 rounded-none border-0",
         Ro
       ),
-      style: l ? { zIndex: pt.fullscreen } : void 0,
-      role: l ? "dialog" : void 0,
-      "aria-modal": l ? !0 : void 0,
-      "aria-label": l ? E.fullscreenExit : void 0,
-      onKeyDown: l ? (e) => {
+      style: d ? { zIndex: gt.fullscreen } : void 0,
+      role: d ? "dialog" : void 0,
+      "aria-modal": d ? !0 : void 0,
+      "aria-label": d ? E.fullscreenExit : void 0,
+      onKeyDown: d ? (e) => {
         e.key === "Escape" && (e.defaultPrevented || (e.stopPropagation(), ve(!1)));
       } : void 0,
       children: [
-        l && /* @__PURE__ */ r(
+        d && /* @__PURE__ */ n(
           "div",
           {
             "data-grid-focus-sentinel": "head",
             tabIndex: 0,
             "aria-hidden": "true",
             className: "sr-only",
-            onFocus: () => Me("last")
+            onFocus: () => Fe("last")
           }
         ),
         /* @__PURE__ */ H(
@@ -586,17 +586,17 @@ const Mt = [
             "data-grid-toolbar": "",
             className: "relative flex flex-wrap items-center gap-2",
             children: [
-              /* @__PURE__ */ r("a", { href: `#${ie.rows}`, className: Ue, children: q.skipToRows }),
-              /* @__PURE__ */ r("a", { href: `#${ie.head}`, className: Ue, children: q.skipToHeader }),
+              /* @__PURE__ */ n("a", { href: `#${ie.rows}`, className: Ue, children: G.skipToRows }),
+              /* @__PURE__ */ n("a", { href: `#${ie.head}`, className: Ue, children: G.skipToHeader }),
               Ce(
-                g?.search,
-                /* @__PURE__ */ r(
+                l?.search,
+                /* @__PURE__ */ n(
                   it,
                   {
                     type: "search",
                     "data-grid-search": "",
                     label: E.searchLabel,
-                    placeholder: n.searchPlaceholder,
+                    placeholder: r.searchPlaceholder,
                     value: o.state.query.search,
                     onChange: (e) => (
                       // Un'azione della slice QUERY: passa dal dispatcher che emette.
@@ -607,18 +607,18 @@ const Mt = [
                     ),
                     iconLeft: "Search",
                     size: "sm",
-                    endContent: o.state.query.search === "" ? void 0 : /* @__PURE__ */ r(
+                    endContent: o.state.query.search === "" ? void 0 : /* @__PURE__ */ n(
                       "button",
                       {
                         type: "button",
                         "data-grid-search-clear": "",
-                        "aria-label": n.clearSearch,
+                        "aria-label": r.clearSearch,
                         onClick: () => o.applyAndEmit({ type: "query/search", value: "" }),
                         className: ae(
                           "focus-visible:ring-d-foreground",
                           "text-d-muted-foreground hover:text-d-foreground flex size-6 cursor-pointer items-center justify-center rounded-md focus-visible:ring-2 focus-visible:outline-none"
                         ),
-                        children: /* @__PURE__ */ r(Ze, { name: "X", size: "xs", "aria-hidden": "true" })
+                        children: /* @__PURE__ */ n(Ze, { name: "X", size: "xs", "aria-hidden": "true" })
                       }
                     ),
                     labelClassName: "shrink-0 text-xs font-normal whitespace-nowrap",
@@ -626,37 +626,44 @@ const Mt = [
                   }
                 )
               ),
-              g?.filters?.render ? g.filters.render() : g?.filters?.onOpen !== void 0 && /* @__PURE__ */ r(
+              l?.resetFilters?.render ? l.resetFilters.render() : l?.resetFilters?.onReset !== void 0 && /* @__PURE__ */ n(
                 Rt,
+                {
+                  onReset: l.resetFilters.onReset,
+                  i18n: r
+                }
+              ),
+              l?.filters?.render ? l.filters.render() : l?.filters?.onOpen !== void 0 && /* @__PURE__ */ n(
+                St,
                 {
                   badges: o.state.query.filters,
                   scope: p,
-                  onOpen: g.filters.onOpen,
-                  i18n: n
+                  onOpen: l.filters.onOpen,
+                  i18n: r
                 }
               ),
-              I !== void 0 && S !== void 0 && /* @__PURE__ */ r(
-                St,
+              I !== void 0 && S !== void 0 && /* @__PURE__ */ n(
+                It,
                 {
                   badges: o.state.query.filters,
                   onRemove: I,
                   controls: co,
-                  i18n: n
+                  i18n: r
                 }
               ),
-              Do && /* @__PURE__ */ r(
-                It,
+              Do && /* @__PURE__ */ n(
+                xt,
                 {
-                  open: Pe,
+                  open: Oe,
                   onToggle: () => {
-                    const e = !qe.current;
-                    qe.current = e, Vo(e), po?.(e);
+                    const e = !Ge.current;
+                    Ge.current = e, Vo(e), go?.(e);
                   },
-                  i18n: n
+                  i18n: r
                 }
               ),
               /* @__PURE__ */ H("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-                g?.columns !== void 0 && (g.columns.render ? (
+                l?.columns !== void 0 && (l.columns.render ? (
                   // ⚠️ `render` VINCE SULLA PRECONDIZIONE, come fa lo slot `filters`
                   // (che da `adg-m3` sta SOPRA questo blocco e non sotto, essendo
                   // rimasto nel gruppo sinistro). `canWriteVisibility` riguarda il nodo di
@@ -664,30 +671,30 @@ const Mt = [
                   // parte — non lo slot: sopprimere anche il nodo del consumer significa
                   // spegnere un pannello suo, che magari scrive la mappa dal proprio
                   // riduttore. Trovato da una review delle riparazioni.
-                  g.columns.render()
-                ) : xo ? /* @__PURE__ */ r(
-                  xt,
+                  l.columns.render()
+                ) : xo ? /* @__PURE__ */ n(
+                  Tt,
                   {
                     columns: Io,
                     columnVisibility: o.state.view.columnVisibility,
                     onColumnVisibleChange: To,
-                    onColumnOrderChange: Mo,
+                    onColumnOrderChange: Fo,
                     columnOrder: o.state.view.columnOrder,
                     puoNascondere: be,
                     rootRef: V,
-                    i18n: n
+                    i18n: r
                   }
                 ) : null),
-                me.length > 0 && !fo && /* @__PURE__ */ r(mt, { actions: me, i18n: n, rootRef: V }),
-                g?.actions?.render?.() ?? null,
+                me.length > 0 && !fo && /* @__PURE__ */ n(mt, { actions: me, i18n: r, rootRef: V }),
+                l?.actions?.render?.() ?? null,
                 Ce(
-                  g?.fullscreen,
-                  /* @__PURE__ */ r(
+                  l?.fullscreen,
+                  /* @__PURE__ */ n(
                     ht,
                     {
-                      fullscreen: l,
+                      fullscreen: d,
                       onChange: ve,
-                      i18n: n
+                      i18n: r
                     }
                   )
                 )
@@ -695,7 +702,7 @@ const Mt = [
             ]
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           Ct,
           {
             selectedRowIds: o.selectedPageRowIds,
@@ -714,19 +721,19 @@ const Mt = [
             allRowsSelected: o.allRowsSelected,
             onDismiss: () => o.toggleRows(o.selectedPageRowIds, !1),
             summary: K?.summary?.render,
-            i18n: n
+            i18n: r
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           vt,
           {
-            ref: O,
+            ref: A,
             className: ae(
-              l && "min-h-0 flex-1",
-              !l && !Re && "min-h-0 grow"
+              d && "min-h-0 flex-1",
+              !d && !Re && "min-h-0 grow"
             ),
-            style: Re && !l ? { height: ge } : void 0,
-            children: /* @__PURE__ */ r(
+            style: Re && !d ? { height: pe } : void 0,
+            children: /* @__PURE__ */ n(
               bt,
               {
                 headers: o.headers,
@@ -734,16 +741,16 @@ const Mt = [
                 statusSurface: tt,
                 footerCells: o.footerCells,
                 hasAggregates: o.hasAggregates,
-                bodyHasData: Oe,
-                onToggleGroup: Oo,
+                bodyHasData: Ae,
+                onToggleGroup: Ao,
                 groupByColumnIds: o.groupByColumnIds,
-                virtualWindow: re,
+                virtualWindow: ne,
                 totalRowCount: Yo,
                 columnTree: o.columnTree,
-                onColumnResize: Ao,
+                onColumnResize: Mo,
                 density: x,
-                fullscreen: l,
-                i18n: n,
+                fullscreen: d,
+                i18n: r,
                 columnWidths: o.state.view.columnWidths,
                 skeletonRowCount: ot,
                 checkable: mo,
@@ -758,7 +765,7 @@ const Mt = [
                 filterMode: fe,
                 filterColumns: Eo ? Y : [],
                 filterBadges: o.state.query.filters,
-                filtersHidden: !Pe,
+                filtersHidden: !Oe,
                 onFilterRowOperatorChange: ko,
                 onFilterRowValueChange: Lo,
                 onFilterRowClear: Bo ? No : void 0,
@@ -768,29 +775,29 @@ const Mt = [
             )
           }
         ),
-        Oe && (M || U?.pageSize !== void 0 && Z === void 0) && /* @__PURE__ */ r(
+        Ae && (F || U?.pageSize !== void 0 && Z === void 0) && /* @__PURE__ */ n(
           yt,
           {
             pageIndex: o.state.query.pagination.pageIndex,
             pageCount: o.pageCount,
-            i18n: n,
+            i18n: r,
             onPageChange: (e) => (
               // Un'azione della slice QUERY: cambia ciò che il server deve
               // sapere, quindi emette. Esattamente una volta.
               o.applyAndEmit({ type: "query/page", pageIndex: e })
             ),
-            navigable: M || F !== void 0 || we !== void 0,
+            navigable: F || q !== void 0 || we !== void 0,
             scope: Wo,
             pageSize: J,
             pageSizeOptions: U?.pageSizeOptions ?? ut,
             applyAndEmit: o.applyAndEmit
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           At,
           {
-            visible: !!(uo && !u && !B && !ne),
-            children: u ? E.loadingMore : B ? (
+            visible: !!(uo && !g && !B && !re),
+            children: g ? E.loadingMore : B ? (
               // ⚠️ IL RAMO DELL'ERRORE STA PRIMA DI QUELLO DEL VUOTO — Fase 5,
               // criterio 4. Una fetch caduta ha `dataRowCount === 0`, quindi nel
               // ternario cadrebbe nel ramo del vuoto e chi ascolta sentirebbe
@@ -802,8 +809,8 @@ const Mt = [
               // screen reader leggerebbe due volte, una nella tabella e una in
               // questa regione. Il fallback è PER FOGLIA perché la chiave è
               // opzionale nel tipo.
-              q.errorMessage ?? i.table.errorMessage
-            ) : ne ? (
+              G.errorMessage ?? i.table.errorMessage
+            ) : re ? (
               // ⚠️ SEMPRE `i18n.notFoundMessage`, MAI `emptyComponent`.
               // `emptyComponent` è un `ReactNode` arbitrario — un'illustrazione,
               // un bottone, un frammento — e una live region annuncia TESTO:
@@ -811,7 +818,7 @@ const Mt = [
               // (o nessuno) e potrebbe metterci dentro controlli che uno screen
               // reader leggerebbe due volte. Qui ci va la stringa, che è testo
               // per costruzione.
-              n.notFoundMessage
+              r.notFoundMessage
             ) : (
               // ⚠️ IL RAMO DELL'ANNUNCIO DI PAGINA VALE SOLO IN MODALITÀ
               // INFINITA, e la guardia è nuova della Fase 6 perché è la Fase 6
@@ -842,7 +849,7 @@ const Mt = [
               // dentro, per la ragione già scritta per `appendingPage`: fuori
               // dalla modalità infinita non esiste nessuna «pagina in più» da
               // annunciare.
-              Go ? E.loadedMore : (
+              Po ? E.loadedMore : (
                 // IL RAMO DI RIPOSO, che fino alla Fase 5 era la stringa
                 // vuota: qui vivono le quattro clausole. Sta in FONDO al
                 // ternario di proposito — i tre rami sopra restano intatti,
@@ -855,14 +862,14 @@ const Mt = [
             )
           }
         ),
-        l && /* @__PURE__ */ r(
+        d && /* @__PURE__ */ n(
           "div",
           {
             "data-grid-focus-sentinel": "tail",
             tabIndex: 0,
             "aria-hidden": "true",
             className: "sr-only",
-            onFocus: () => Me("first")
+            onFocus: () => Fe("first")
           }
         )
       ]
@@ -870,5 +877,5 @@ const Mt = [
   );
 };
 export {
-  en as AppDataGrid
+  or as AppDataGrid
 };