laif-ds 1.0.2-app-data-grid.80 → 1.0.2-app-data-grid.82

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as n, jsxs as H } from "react/jsx-runtime";
-import { useMemo as ae, useRef as m, useEffect as He, useLayoutEffect as nt, useState as _e, useId as je, useCallback as D } from "react";
+import { useMemo as le, useRef as m, useEffect as He, useLayoutEffect as nt, useState as _e, useId as je, useCallback as D } from "react";
 import { Icon as Qe } from "../icon.js";
 import { Input as it } from "../input.js";
-import { cn as le } from "../../../lib/utils.js";
+import { cn as de } from "../../../lib/utils.js";
 import { useGridEngine as st } from "./engine/use-grid-engine.js";
 import { useGridInfiniteLoader as at } from "./engine/use-grid-infinite-loader.js";
 import { useGridVirtualizer as lt } from "./engine/use-grid-virtualizer.js";
@@ -11,7 +11,7 @@ import { GRID_VALUELESS_OPERATOR_SET as dt, isGridFilterValueEmpty as ct } from
 import { flattenGridColumns as Ue } from "./grid-header-matrix.js";
 import { defaultGridI18n as s } from "./grid-i18n.js";
 import { registerGridMount as ut } from "./grid-mount-count.js";
-import { gridResultScope as pt, GRID_PAGE_SIZE_OPTIONS as gt } from "./grid-result-scope.js";
+import { gridResultScope as gt, GRID_PAGE_SIZE_OPTIONS as pt } from "./grid-result-scope.js";
 import { gridRowHeight as W, gridZ as ft, gridFrameGapClass as mt } from "./grid-tokens.js";
 import { readGridViewPreset as wt } from "./grid-view-preset.js";
 import { GridActionsRow as ht } from "./parts/grid-actions-row.js";
@@ -70,11 +70,11 @@ const Gt = [
     sortMode: Xe = "multi",
     maxSortedColumns: Je = 2,
     density: _,
-    onDensityChange: de,
+    onDensityChange: ce,
     onFullscreenChange: Ye,
     filters: S,
     columnVisibility: j,
-    onColumnVisibilityChange: ce,
+    onColumnVisibilityChange: ue,
     // I DUE VERSI DELLA CATTURA DI VISTA che P10 non aveva. Si destrutturano
     // accanto alla loro sorella perché sono lo stesso mestiere — i tre tipi
     // stanno invece in `GridShellFields` per vincolo di posa, e il perché sta
@@ -96,8 +96,11 @@ const Gt = [
     toolbar: l,
     initialFullscreen: to,
     paginated: F = !1,
-    pageSize: ro = 10,
-    virtualized: ue = !1,
+    // 25 e non più 10 (decisione del proprietario, 2026-09-23): dieci righe
+    // riempivano mezza griglia su un monitor da gestionale. Resta dichiarabile
+    // dall'esterno con la prop o con `initialState.pagination.pageSize`.
+    pageSize: ro = 25,
+    virtualized: ge = !1,
     infinite: c,
     groupBy: Z,
     initialOpenGroups: no,
@@ -107,11 +110,11 @@ const Gt = [
     groupLabelPlacement: io = "grouping-column",
     preset: A,
     onPresetApplied: pe,
-    serverMode: ge = !1,
-    serverConfig: q,
+    serverMode: fe = !1,
+    serverConfig: E,
     initialState: so,
-    viewportHeight: fe = 480,
-    loading: p = !1,
+    viewportHeight: me = 480,
+    loading: g = !1,
     emptyComponent: ao,
     // GLI ESITI SENZA DATI — FASE 5. `error` è il PREDICATO (una fetch caduta è
     // distinguibile da un filtro che non pesca niente) e `onRetry` è la sola
@@ -128,22 +131,22 @@ const Gt = [
     // LA RIGA ZERO — Fase 9. `filterMode` dice DOVE vivono i filtri; le due
     // callback sono il canale di scrittura di chi solleva `filters`, e senza di
     // loro le celle restano vuote invece di offrire un comando morto.
-    filterMode: me = "row",
-    onAddFilter: E,
-    onUpdateFilter: $,
+    filterMode: we = "row",
+    onAddFilter: $,
+    onUpdateFilter: z,
     // LA RIGA DI STATO A SCHERMO — M4, criterio 1. Default SPENTO: `sr-only` è
     // `position: absolute`, quindi da spenta la region non è un flex item della
     // radice e non porta né altezza né gap. Vedi `GridLiveRegion`.
-    statusRowVisible: po = !1,
+    statusRowVisible: go = !1,
     // IL TOGGLE DELLA RIGA ZERO, OSSERVABILE — R13, criterio 4. Nessun default:
     // non passarla lascia la griglia esattamente com'era. Vedi il TSDoc.
-    onFilterRowOpenChange: go,
+    onFilterRowOpenChange: po,
     // 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: fo,
-    actions: we = [],
+    actions: he = [],
     hideActionsRow: mo = !1,
     checkable: wo = !1,
     rowSelection: ho,
@@ -151,11 +154,11 @@ const Gt = [
     onRowSelectionChange: vo,
     onCheckedRowsChange: Co,
     rowClassName: bo,
-    onQueryChange: he,
+    onQueryChange: ye,
     debounceTime: Ro,
     className: So,
-    id: ye,
-    "data-testid": ve
+    id: ve,
+    "data-testid": Ce
   } = v, Io = _ !== void 0, o = st({
     columns: C,
     data: T,
@@ -187,10 +190,10 @@ const Gt = [
     // 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: he ?? q?.onStateChange,
+    onQueryChange: ye ?? E?.onStateChange,
     debounceTime: Ro,
-    serverMode: ge,
-    serverConfig: q,
+    serverMode: fe,
+    serverConfig: E,
     initialState: so,
     groupBy: Z,
     initialOpenGroups: no,
@@ -202,9 +205,9 @@ const Gt = [
     // Le due fonti sollevate di P7: quando ci sono, comandano. Vedi le prop.
     filters: S,
     columnVisibility: j
-  }), x = Io ? _ : o.state.view.density, z = r.toolbar ?? s.toolbar, d = o.state.view.fullscreen, Ce = (e) => {
+  }), x = Io ? _ : o.state.view.density, V = r.toolbar ?? s.toolbar, d = o.state.view.fullscreen, be = (e) => {
     o.applyView({ type: "view/fullscreen", fullscreen: e }), Ye?.(e);
-  }, be = (e, t) => e?.render ? e.render() : t, xo = ae(
+  }, Q = (e, t) => e === !1 ? null : e?.render ? e.render() : t, xo = le(
     () => Ue(C).map((e) => ({
       id: e.id,
       // ⚠️ RIPIEGO SULL'`id` QUANDO L'ETICHETTA È VUOTA, e non è una cortesia.
@@ -240,8 +243,8 @@ const Gt = [
       pinned: e.pinned
     })),
     [C]
-  ), To = j === void 0 || ce !== void 0, Re = o.headers.length > 1, Fo = (e, t) => {
-    !t && !Re || (j === void 0 && o.applyView({ type: "view/column-visibility", columnId: e, visible: t }), ce?.({
+  ), To = j === void 0 || ue !== void 0, Re = o.headers.length > 1, Fo = (e, t) => {
+    !t && !Re || (j === void 0 && o.applyView({ type: "view/column-visibility", columnId: e, visible: t }), ue?.({
       ...o.state.view.columnVisibility,
       [e]: t
     }));
@@ -252,7 +255,7 @@ const Gt = [
       ...o.state.view.columnWidths,
       [e]: t
     });
-  }, Se = v.viewportHeight !== void 0 || ue || c !== void 0 || Z !== void 0, O = m(null), Ie = m(0), xe = m(void 0);
+  }, Se = v.viewportHeight !== void 0 || ge || c !== void 0 || Z !== void 0, O = m(null), Ie = m(0), xe = m(void 0);
   He(() => {
     if (A === void 0 || xe.current === A) return;
     xe.current = A;
@@ -263,19 +266,19 @@ const Gt = [
       console.error(t);
       return;
     }
-    o.applyPreset({ query: e.query, view: e.view }), de?.(e.view.density), pe?.(e);
-  }, [A, o, pe, de]);
-  const Q = m(null), Go = (e, t) => {
+    o.applyPreset({ query: e.query, view: e.view }), ce?.(e.view.density), pe?.(e);
+  }, [A, o, pe, ce]);
+  const X = m(null), Go = (e, t) => {
     const i = O.current;
     if (i !== null) {
       const a = k.findIndex(
         (We) => We.kind === "group" && We.group.path === e
       ), u = Math.floor(
         i.scrollTop / W[x]
-      ), 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 } : {
+      ), q = { ...o.state.view.groupExpansion };
+      q[e] = t;
+      const R = o.bodyRowCountWith(q) - k.length, f = a !== -1 && a < u, rt = f && R < 0 && u <= a - R;
+      X.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
@@ -287,46 +290,46 @@ const Gt = [
     o.applyView({ type: "view/group-expansion", path: e, expanded: t });
   };
   nt(() => {
-    const e = Q.current;
-    if (Q.current = null, e === null) return;
+    const e = X.current;
+    if (X.current = null, e === null) return;
     const t = O.current;
     t !== null && (t.scrollTop = e.modo === "atterra-sul-gruppo" ? e.indiceGruppo * W[x] : e.scrollTopPrima + e.delta * W[x]);
   });
-  const Te = m(0), Fe = ye ?? ve ?? null, X = m(null), V = m(null), Mo = (e) => {
-    V.current = e, e && (Ie.current += 1, e.setAttribute("data-render-count", String(Ie.current)), X.current === null && (X.current = Fe === null ? 1 : ut(Fe)), e.setAttribute("data-mount-count", String(X.current)), e.setAttribute(
+  const Te = m(0), Fe = ve ?? Ce ?? null, J = m(null), G = m(null), Mo = (e) => {
+    G.current = e, e && (Ie.current += 1, e.setAttribute("data-render-count", String(Ie.current)), J.current === null && (J.current = Fe === null ? 1 : ut(Fe)), e.setAttribute("data-mount-count", String(J.current)), e.setAttribute(
       "data-loadmore-call-count",
       String(Te.current)
     ));
   }, Ae = (e) => {
-    const t = V.current;
+    const t = G.current;
     if (!t) return;
     const i = Array.from(
       t.querySelectorAll(Gt)
     ).filter((u) => u.dataset.gridFocusSentinel === void 0), a = e === "first" ? i : [...i].reverse();
     for (const u of a)
       if (u.focus(), document.activeElement === u) return;
-  }, k = o.bodyRows, Po = k.length, w = o.state.query.requestCount, G = m(w);
-  w < G.current && (G.current = w);
-  const qo = c !== void 0 && w > Math.max(1, G.current);
+  }, k = o.bodyRows, Po = k.length, w = o.state.query.requestCount, M = m(w);
+  w < M.current && (M.current = w);
+  const qo = c !== void 0 && w > Math.max(1, M.current);
   He(() => {
-    c === void 0 || p || w > G.current && (G.current = w);
-  }, [c, p, w]);
-  const Eo = c !== void 0 && p && w > 1, $o = p && !Eo, J = o.state.query.pagination.pageSize, Oe = p ? Math.min(J, 1e3) : 0, h = $o ? 0 : Po, Ge = h > 0, y = ("resultTotal" in v ? v.resultTotal : void 0) ?? q?.totalItems ?? (F && !ge && !(c !== void 0 && c.hasMore) ? o.filteredRowCount : void 0), zo = ae(
+    c === void 0 || g || w > M.current && (M.current = w);
+  }, [c, g, w]);
+  const Eo = c !== void 0 && g && w > 1, $o = g && !Eo, Y = o.state.query.pagination.pageSize, Oe = g ? Math.min(Y, 1e3) : 0, h = $o ? 0 : Po, Ge = h > 0, y = ("resultTotal" in v ? v.resultTotal : void 0) ?? E?.totalItems ?? (F && !fe && !(c !== void 0 && c.hasMore) ? o.filteredRowCount : void 0), zo = le(
     () => new Set(o.state.query.filters.map((e) => e.columnId)),
     [o.state.query.filters]
-  ), Y = ae(
+  ), ee = le(
     // `flattenGridColumns` PRIMA, perché `columns` è l'albero e
     // `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.
     () => Ot(Ue(C)),
     [C]
-  ), Vo = S === void 0 || E !== void 0 && $ !== void 0, [Me, ko] = _e(!0), Pe = m(!0), qe = je(), Ee = m(0), L = D(
+  ), Vo = S === void 0 || $ !== void 0 && z !== void 0, [Me, ko] = _e(!0), Pe = m(!0), qe = je(), Ee = m(0), L = D(
     (e, t) => {
       const i = o.state.query.filters, a = i.find((f) => f.columnId === e);
       if (a !== void 0) {
-        if ($ !== void 0) {
-          $(a.id, t);
+        if (z !== void 0) {
+          z(a.id, t);
           return;
         }
         o.applyAndEmit({
@@ -337,20 +340,20 @@ const Gt = [
         });
         return;
       }
-      const u = Y.find(
+      const u = ee.find(
         (f) => f.id === e
       );
       if (u === void 0) return;
       Ee.current += 1;
-      const P = yt(
+      const q = yt(
         u,
         r,
         `${qe}-${Ee.current}`
       );
-      if (P === void 0) return;
-      const R = { ...P, ...t };
-      if (E !== void 0) {
-        E(R);
+      if (q === void 0) return;
+      const R = { ...q, ...t };
+      if ($ !== void 0) {
+        $(R);
         return;
       }
       o.applyAndEmit({
@@ -360,18 +363,18 @@ const Gt = [
     },
     [
       o,
-      Y,
+      ee,
       qe,
       r,
-      E,
-      $
+      $,
+      z
     ]
   ), Lo = D(
     (e, t) => {
       L(e, { operator: t });
     },
     [L]
-  ), ee = D(
+  ), oe = D(
     (e) => {
       const t = o.state.query.filters, i = t.find((a) => a.columnId === e);
       if (i !== void 0) {
@@ -393,41 +396,41 @@ const Gt = [
         (a) => a.columnId === e
       );
       if (i !== void 0 && !dt.has(i.operator) && ct(t)) {
-        ee(e);
+        oe(e);
         return;
       }
       L(e, { value: t });
     },
-    [L, ee, o]
-  ), Bo = S === void 0 || I !== void 0, Do = me === "row", g = pt({
+    [L, oe, o]
+  ), Bo = S === void 0 || I !== void 0, Do = we === "row", p = gt({
     badges: o.state.query.filters,
     resultTotal: y,
     rowsInPage: o.rows.length,
     pageIndex: o.state.query.pagination.pageIndex,
-    pageSize: J
-  }), Wo = y === void 0 ? void 0 : g, oe = 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 ? "" : `${oe.sortedBy ?? s.status.sortedBy} ${$e.map((e) => {
+    pageSize: Y
+  }), Wo = y === void 0 ? void 0 : p, te = 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 ? "" : `${te.sortedBy ?? s.status.sortedBy} ${$e.map((e) => {
     const t = e.sortDirection === "descending" ? r.sorting.descending : r.sorting.ascending, i = `${e.headerLabel} ${t}`;
     if (e.sortCount <= 1) return i;
     const a = r.sorting.sortPosition ?? s.sorting.sortPosition, u = r.pagination.of ?? s.pagination.of;
     return `${i}, ${a} ${e.sortIndex ?? 0} ${u} ${e.sortCount}`;
-  }).join("; ")}`, _o = `${g.totalLabel} ${g.totalIsSingular ? r.pagination.rowOne ?? s.pagination.rowOne : r.pagination.rows}`, te = o.state.query.filters.filter(
+  }).join("; ")}`, _o = `${p.totalLabel} ${p.totalIsSingular ? r.pagination.rowOne ?? s.pagination.rowOne : r.pagination.rows}`, re = o.state.query.filters.filter(
     (e) => e.kind === "custom"
-  ), jo = te.length === 0 ? "" : `, ${g.formatCount(te.length)} ${r.filters.withoutColumn ?? s.filters.withoutColumn}: ${te.map((e) => e.customLabel ?? e.customKey ?? e.id).join(", ")}`, Uo = `${g.filterCountLabel} ${g.filterCountIsSingular ? r.filters.filterOne ?? s.filters.filterOne : r.filters.filterMany ?? s.filters.filterMany} ${g.filterCountIsSingular ? oe.filterActiveOne ?? s.status.filterActiveOne : oe.filterActiveMany ?? s.status.filterActiveMany}${jo}`, b = o.selectedPageRowIds.length, ze = U?.mode === "all" && y !== void 0, [Ko, Zo] = _e("page"), re = ze ? Ko : "page", Qo = {
-    scope: re,
+  ), jo = re.length === 0 ? "" : `, ${p.formatCount(re.length)} ${r.filters.withoutColumn ?? s.filters.withoutColumn}: ${re.map((e) => e.customLabel ?? e.customKey ?? e.id).join(", ")}`, Uo = `${p.filterCountLabel} ${p.filterCountIsSingular ? r.filters.filterOne ?? s.filters.filterOne : r.filters.filterMany ?? s.filters.filterMany} ${p.filterCountIsSingular ? te.filterActiveOne ?? s.status.filterActiveOne : te.filterActiveMany ?? s.status.filterActiveMany}${jo}`, b = o.selectedPageRowIds.length, ze = U?.mode === "all" && y !== void 0, [Ko, Zo] = _e("page"), ne = ze ? Ko : "page", Qo = {
+    scope: ne,
     rowIds: o.selectedPageRowIds,
-    count: re === "all" ? y ?? b : b
+    count: ne === "all" ? y ?? b : b
   }, Ve = (e) => {
-    e !== re && (Zo(e), fo?.({
+    e !== ne && (Zo(e), fo?.({
       scope: e,
       rowIds: o.selectedPageRowIds,
       count: e === "all" ? y ?? b : b
     }));
-  }, Xo = `${g.formatCount(b)} ${b === 1 ? N.selectedOne ?? s.selection.selectedOne : N.selectedMany ?? s.selection.selectedMany}` + (b > 0 ? ` ${N.outOf ?? s.selection.outOf} ${g.rowsInPageLabel} ${N.onPage ?? s.selection.onPage}` : ""), Jo = [
+  }, Xo = `${p.formatCount(b)} ${b === 1 ? N.selectedOne ?? s.selection.selectedOne : N.selectedMany ?? s.selection.selectedMany}` + (b > 0 ? ` ${N.outOf ?? s.selection.outOf} ${p.rowsInPageLabel} ${N.onPage ?? s.selection.onPage}` : ""), Jo = [
     Ho,
     _o,
     Uo,
     Xo
-  ].filter((e) => e !== "").join(". "), Yo = c !== void 0 && c.hasMore ? -1 : y ?? h, B = lo && !p, ne = !p && // ⚠️ `&& !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 = lo && !g, ie = !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.
@@ -447,12 +450,12 @@ const Gt = [
   // 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 && !(c !== void 0 && c.hasMore), ie = lt({
+  !B && h === 0 && !(c !== void 0 && c.hasMore), se = 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: ue,
+    enabled: ge,
     count: h + Oe,
     // L'altezza ESATTA della riga alla densità corrente, non una stima. Misurato
     // in Chrome: sotto `border-collapse: collapse` una `<tr>` con `height: 36px`
@@ -466,8 +469,8 @@ const Gt = [
     scrollRef: O,
     // 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: fe
-  }), ke = ie?.startIndex ?? 0, Le = ie?.endIndex ?? h + Oe, Ne = k.slice(
+    viewportHeight: me
+  }), ke = se?.startIndex ?? 0, Le = se?.endIndex ?? h + Oe, Ne = k.slice(
     Math.min(ke, h),
     Math.min(Le, h)
   ), Be = o.headers[0]?.columnId, et = io === "first-column" && Be !== void 0 ? Ne.map(
@@ -500,7 +503,7 @@ const Gt = [
     // una prop che tace è peggio di una che non c'è.
     enabled: c !== void 0 && !F,
     hasMore: c?.hasMore ?? !1,
-    loading: p,
+    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.
@@ -511,18 +514,18 @@ const Gt = [
       Te.current += 1, o.applyAndEmit({ type: "query/load-more" });
     }
   });
-  const M = r.table ?? s.table, tt = B ? {
+  const P = r.table ?? s.table, tt = B ? {
     kind: "error",
     content: /* @__PURE__ */ n(
       Ke,
       {
         kind: "error",
-        message: M.errorMessage ?? s.table.errorMessage,
-        retryLabel: M.retry ?? s.table.retry,
+        message: P.errorMessage ?? s.table.errorMessage,
+        retryLabel: P.retry ?? s.table.retry,
         onRetry: co
       }
     )
-  } : ne ? {
+  } : ie ? {
     kind: "empty",
     content: /* @__PURE__ */ n(
       Ke,
@@ -531,21 +534,21 @@ const Gt = [
         content: ao ?? r.notFoundMessage
       }
     )
-  } : void 0, De = je().replace(/[^a-zA-Z0-9]/g, ""), se = {
+  } : void 0, De = je().replace(/[^a-zA-Z0-9]/g, ""), ae = {
     head: `adg-head-${De}`,
     rows: `adg-rows-${De}`
   };
   return /* @__PURE__ */ H(
     "div",
     {
-      id: ye,
-      "data-testid": ve,
+      id: ve,
+      "data-testid": Ce,
       "data-app-data-grid": "",
       ref: Mo,
       "data-emissions": o.emissions,
       "data-grid-fullscreen": d ? "true" : "false",
-      "aria-busy": p ? !0 : void 0,
-      className: le(
+      "aria-busy": g ? !0 : void 0,
+      className: de(
         // ⚠️ `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
@@ -573,9 +576,9 @@ const Gt = [
       style: d ? { zIndex: ft.fullscreen } : void 0,
       role: d ? "dialog" : void 0,
       "aria-modal": d ? !0 : void 0,
-      "aria-label": d ? z.fullscreenExit : void 0,
+      "aria-label": d ? V.fullscreenExit : void 0,
       onKeyDown: d ? (e) => {
-        e.key === "Escape" && (e.defaultPrevented || (e.stopPropagation(), Ce(!1)));
+        e.key === "Escape" && (e.defaultPrevented || (e.stopPropagation(), be(!1)));
       } : void 0,
       children: [
         d && /* @__PURE__ */ n(
@@ -594,16 +597,16 @@ const Gt = [
             "data-grid-toolbar": "",
             className: "relative flex flex-wrap items-center gap-2",
             children: [
-              /* @__PURE__ */ n("a", { href: `#${se.rows}`, className: Ze, children: M.skipToRows }),
-              /* @__PURE__ */ n("a", { href: `#${se.head}`, className: Ze, children: M.skipToHeader }),
-              be(
+              /* @__PURE__ */ n("a", { href: `#${ae.rows}`, className: Ze, children: P.skipToRows }),
+              /* @__PURE__ */ n("a", { href: `#${ae.head}`, className: Ze, children: P.skipToHeader }),
+              Q(
                 l?.search,
                 /* @__PURE__ */ n(
                   it,
                   {
                     type: "search",
                     "data-grid-search": "",
-                    label: z.searchLabel,
+                    label: V.searchLabel,
                     placeholder: r.searchPlaceholder,
                     value: o.state.query.search,
                     onChange: (e) => (
@@ -622,7 +625,7 @@ const Gt = [
                         "data-grid-search-clear": "",
                         "aria-label": r.clearSearch,
                         onClick: () => o.applyAndEmit({ type: "query/search", value: "" }),
-                        className: le(
+                        className: de(
                           "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"
                         ),
@@ -645,7 +648,7 @@ const Gt = [
                 xt,
                 {
                   badges: o.state.query.filters,
-                  scope: g,
+                  scope: p,
                   onOpen: l.filters.onOpen,
                   i18n: r
                 }
@@ -659,19 +662,22 @@ const Gt = [
                   i18n: r
                 }
               ),
-              Do && /* @__PURE__ */ n(
-                Ft,
-                {
-                  open: Me,
-                  onToggle: () => {
-                    const e = !Pe.current;
-                    Pe.current = e, ko(e), go?.(e);
-                  },
-                  i18n: r
-                }
+              Do && Q(
+                l?.filterRowToggle,
+                /* @__PURE__ */ n(
+                  Ft,
+                  {
+                    open: Me,
+                    onToggle: () => {
+                      const e = !Pe.current;
+                      Pe.current = e, ko(e), po?.(e);
+                    },
+                    i18n: r
+                  }
+                )
               ),
               /* @__PURE__ */ H("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-                l?.columns !== void 0 && (l.columns.render ? (
+                l?.columns !== !1 && (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
@@ -689,23 +695,23 @@ const Gt = [
                     onColumnOrderChange: Ao,
                     columnOrder: o.state.view.columnOrder,
                     puoNascondere: Re,
-                    rootRef: V,
+                    rootRef: G,
                     i18n: r
                   }
                 ) : null),
-                we.length > 0 && !mo && /* @__PURE__ */ n(ht, { actions: we, i18n: r, rootRef: V }),
-                l?.actions?.render?.() ?? null,
-                be(
+                Q(
                   l?.fullscreen,
                   /* @__PURE__ */ n(
                     vt,
                     {
                       fullscreen: d,
-                      onChange: Ce,
+                      onChange: be,
                       i18n: r
                     }
                   )
-                )
+                ),
+                he.length > 0 && !mo && /* @__PURE__ */ n(ht, { actions: he, i18n: r, rootRef: G }),
+                l?.actions?.render?.() ?? null
               ] })
             ]
           }
@@ -715,7 +721,7 @@ const Gt = [
           {
             selectedRowIds: o.selectedPageRowIds,
             rowsInPage: o.rows.length,
-            formatCount: g.formatCount,
+            formatCount: p.formatCount,
             density: x,
             cells: o.selectionCells,
             labelColumnId: o.footerCells.find((e) => e.content === null)?.columnId,
@@ -736,11 +742,11 @@ const Gt = [
           bt,
           {
             ref: O,
-            className: le(
+            className: de(
               d && "min-h-0 flex-1",
               !d && !Se && "min-h-0 grow"
             ),
-            style: Se && !d ? { height: fe } : void 0,
+            style: Se && !d ? { height: me } : void 0,
             children: /* @__PURE__ */ n(
               St,
               {
@@ -752,7 +758,7 @@ const Gt = [
                 bodyHasData: Ge,
                 onToggleGroup: Go,
                 groupByColumnIds: o.groupByColumnIds,
-                virtualWindow: ie,
+                virtualWindow: se,
                 totalRowCount: Yo,
                 columnTree: o.columnTree,
                 onColumnResize: Oo,
@@ -770,15 +776,15 @@ const Gt = [
                 onToggleRows: o.toggleRows,
                 onSort: o.sort,
                 filteredColumnIds: zo,
-                filterMode: me,
-                filterColumns: Vo ? Y : [],
+                filterMode: we,
+                filterColumns: Vo ? ee : [],
                 filterBadges: o.state.query.filters,
                 filtersHidden: !Me,
                 onFilterRowOperatorChange: Lo,
                 onFilterRowValueChange: No,
-                onFilterRowClear: Bo ? ee : void 0,
+                onFilterRowClear: Bo ? oe : void 0,
                 rowHeaderColumnId: o.rowHeaderColumnId,
-                bypassIds: se
+                bypassIds: ae
               }
             )
           }
@@ -794,18 +800,19 @@ const Gt = [
               // sapere, quindi emette. Esattamente una volta.
               o.applyAndEmit({ type: "query/page", pageIndex: e })
             ),
-            navigable: F || q !== void 0 || he !== void 0,
+            navigable: F || E !== void 0 || ye !== void 0,
             scope: Wo,
-            pageSize: J,
-            pageSizeOptions: K?.pageSizeOptions ?? gt,
-            applyAndEmit: o.applyAndEmit
+            pageSize: Y,
+            pageSizeOptions: K?.pageSizeOptions ?? pt,
+            applyAndEmit: o.applyAndEmit,
+            rootRef: G
           }
         ),
         /* @__PURE__ */ n(
           Mt,
           {
-            visible: !!(po && !p && !B && !ne),
-            children: p ? z.loadingMore : B ? (
+            visible: !!(go && !g && !B && !ie),
+            children: g ? V.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
@@ -817,8 +824,8 @@ const Gt = [
               // screen reader leggerebbe due volte, una nella tabella e una in
               // questa regione. Il fallback è PER FOGLIA perché la chiave è
               // opzionale nel tipo.
-              M.errorMessage ?? s.table.errorMessage
-            ) : ne ? (
+              P.errorMessage ?? s.table.errorMessage
+            ) : ie ? (
               // ⚠️ SEMPRE `i18n.notFoundMessage`, MAI `emptyComponent`.
               // `emptyComponent` è un `ReactNode` arbitrario — un'illustrazione,
               // un bottone, un frammento — e una live region annuncia TESTO:
@@ -857,7 +864,7 @@ const Gt = [
               // dentro, per la ragione già scritta per `appendingPage`: fuori
               // dalla modalità infinita non esiste nessuna «pagina in più» da
               // annunciare.
-              qo ? z.loadedMore : (
+              qo ? V.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,