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

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

@@ -1,37 +1,37 @@
 "use client";
 import { jsx as n, jsxs as H } from "react/jsx-runtime";
-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 { useMemo as ae, useRef as m, useEffect as _e, useLayoutEffect as it, useState as je, useId as Ue, useCallback as D } from "react";
+import { Icon as Xe } from "../icon.js";
+import { Input as st } from "../input.js";
 import { cn as de } from "../../../lib/utils.js";
-import { useGridEngine as st } from "./engine/use-grid-engine.js";
+import { useGridEngine as lt } 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";
-import { GRID_VALUELESS_OPERATOR_SET as dt, isGridFilterValueEmpty as ct } from "./grid-filter-operators.js";
-import { flattenGridColumns as Ue } from "./grid-header-matrix.js";
+import { useGridVirtualizer as dt } from "./engine/use-grid-virtualizer.js";
+import { GRID_VALUELESS_OPERATOR_SET as ct, isGridFilterValueEmpty as ut } from "./grid-filter-operators.js";
+import { flattenGridColumns as Ke } 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 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";
-import { createGridFilterBadge as yt } from "./parts/grid-filter-panel.js";
-import { GridFullscreenToggle as vt } from "./parts/grid-fullscreen-toggle.js";
-import { GridPaginationControl as Ct } from "./parts/grid-pagination-control.js";
-import { GridScrollArea as bt } from "./parts/grid-scroll-area.js";
-import { GridSelectionBar as Rt } from "./parts/grid-selection-bar.js";
-import { GridStatusSurface as Ke } from "./parts/grid-status-surface.js";
-import { gridBypassLinkClass as Ze, GridTable as St } from "./parts/grid-table.js";
-import { GridToolbarResetFiltersTrigger as It, GridToolbarFiltersTrigger as xt, GridToolbarCustomFilters as Tt, GridToolbarFilterRowToggle as Ft, GridToolbarColumnsTrigger as At } from "./parts/grid-toolbar-slots.js";
-import { toGridFilterColumns as Ot } from "./use-grid-filters.js";
-const Gt = [
+import { registerGridMount as gt } from "./grid-mount-count.js";
+import { gridResultScope as pt, GRID_PAGE_SIZE_OPTIONS as ft } from "./grid-result-scope.js";
+import { gridRowHeight as W, gridZ as mt, gridFrameGapClass as wt } from "./grid-tokens.js";
+import { readGridViewPreset as ht } from "./grid-view-preset.js";
+import { GridActionsRow as yt } from "./parts/grid-actions-row.js";
+import { createGridFilterBadge as vt } from "./parts/grid-filter-panel.js";
+import { GridFullscreenToggle as Ct } from "./parts/grid-fullscreen-toggle.js";
+import { GridPaginationControl as bt } from "./parts/grid-pagination-control.js";
+import { GridScrollArea as Rt } from "./parts/grid-scroll-area.js";
+import { GridSelectionBar as St } from "./parts/grid-selection-bar.js";
+import { GridStatusSurface as Ze } from "./parts/grid-status-surface.js";
+import { gridBypassLinkClass as Qe, GridTable as It } from "./parts/grid-table.js";
+import { GridToolbarResetFiltersTrigger as xt, GridToolbarFiltersTrigger as Tt, GridToolbarCustomFilters as Ft, GridToolbarFilterRowToggle as At, GridToolbarColumnsTrigger as Ot } from "./parts/grid-toolbar-slots.js";
+import { toGridFilterColumns as Gt } from "./use-grid-filters.js";
+const Mt = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
   "select:not([disabled])",
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
-].join(","), Mt = ({ visible: v, children: C }) => {
+].join(","), Pt = ({ visible: v, children: C }) => {
   const T = /* @__PURE__ */ n(
     "div",
     {
@@ -50,7 +50,7 @@ const Gt = [
       className: "flex shrink-0 items-center gap-1.5 text-xs",
       children: [
         /* @__PURE__ */ n(
-          Qe,
+          Xe,
           {
             name: "Megaphone",
             size: "xs",
@@ -62,16 +62,16 @@ const Gt = [
       ]
     }
   ) : T;
-}, nr = (v) => {
+}, ir = (v) => {
   const {
     columns: C,
     data: T,
     i18n: r = s,
-    sortMode: Xe = "multi",
-    maxSortedColumns: Je = 2,
+    sortMode: Je = "multi",
+    maxSortedColumns: Ye = 2,
     density: _,
     onDensityChange: ce,
-    onFullscreenChange: Ye,
+    onFullscreenChange: eo,
     filters: S,
     columnVisibility: j,
     onColumnVisibilityChange: ue,
@@ -79,8 +79,8 @@ const Gt = [
     // accanto alla loro sorella perché sono lo stesso mestiere — i tre tipi
     // stanno invece in `GridShellFields` per vincolo di posa, e il perché sta
     // sul TSDoc di ciascuno.
-    onColumnWidthsChange: eo,
-    onColumnOrderChange: oo,
+    onColumnWidthsChange: oo,
+    onColumnOrderChange: to,
     // IL GUSCIO — `selection` SI LEGGE DA QUI DALLA FASE 6, e il commento che
     // stava qui («non si destruttura perché passarla non fa niente») descriveva
     // le Fasi 3-5. Ora la barra della selezione di pagina esiste, e i due membri
@@ -93,26 +93,26 @@ const Gt = [
     // ⚠️ `pagination` si legge da qui dalla Fase 4, per la stessa ragione.
     selection: U,
     pagination: K,
-    toolbar: l,
-    initialFullscreen: to,
+    toolbar: a,
+    initialFullscreen: ro,
     paginated: F = !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,
+    pageSize: no = 25,
     virtualized: ge = !1,
     infinite: c,
     groupBy: Z,
-    initialOpenGroups: no,
+    initialOpenGroups: io,
     // 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: io = "grouping-column",
+    groupLabelPlacement: so = "grouping-column",
     preset: A,
     onPresetApplied: pe,
     serverMode: fe = !1,
     serverConfig: E,
-    initialState: so,
+    initialState: lo,
     viewportHeight: me = 480,
     loading: g = !1,
     emptyComponent: ao,
@@ -120,13 +120,13 @@ const Gt = [
     // distinguibile da un filtro che non pesca niente) e `onRetry` è la sola
     // callback del comando che rilancia: assente, l'esito di errore resta un
     // messaggio senza bottone.
-    error: lo = !1,
-    onRetry: co,
+    error: co = !1,
+    onRetry: uo,
     // I FILTRI SENZA COLONNA — Fase 8, R15. `onRemoveFilter` è la porta che
     // accende il gruppo tratteggiato in toolbar (senza gestore la sua «×»
     // sarebbe un comando morto); `filterControls` serve solo a riconoscere un
     // badge custom la cui chiave non è registrata.
-    filterControls: uo,
+    filterControls: go,
     onRemoveFilter: I,
     // 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
@@ -137,34 +137,34 @@ const Gt = [
     // 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: go = !1,
+    statusRowVisible: po = !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: fo,
     // 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,
+    onSelectionScopeChange: mo,
     actions: he = [],
-    hideActionsRow: mo = !1,
-    checkable: wo = !1,
-    rowSelection: ho,
-    getRowId: yo,
-    onRowSelectionChange: vo,
-    onCheckedRowsChange: Co,
-    rowClassName: bo,
+    hideActionsRow: wo = !1,
+    checkable: ho = !1,
+    rowSelection: yo,
+    getRowId: vo,
+    onRowSelectionChange: Co,
+    onCheckedRowsChange: bo,
+    rowClassName: Ro,
     onQueryChange: ye,
-    debounceTime: Ro,
-    className: So,
+    debounceTime: So,
+    className: Io,
     id: ve,
     "data-testid": Ce
-  } = v, Io = _ !== void 0, o = st({
+  } = v, xo = _ !== void 0, o = lt({
     columns: C,
     data: T,
-    sortMode: Xe,
-    maxSortedColumns: Je,
-    initialFullscreen: to,
+    sortMode: Je,
+    maxSortedColumns: Ye,
+    initialFullscreen: ro,
     // Il valore INIZIALE del riduttore. In modalità controllata il riduttore
     // continua a tenere una densità che nessuno legge (vedi `density` sotto): non
     // è stato morto, è il valore da cui riparte se il call-site smette di
@@ -185,30 +185,30 @@ const Gt = [
     // resta nell'engine, che legge `initialState` per primo: passandogli lo slot
     // al posto della prop, la precedenza è quella dichiarata sopra e non ci sono
     // due posti che rispondono alla stessa domanda.
-    pageSize: K?.pageSize ?? ro,
+    pageSize: K?.pageSize ?? no,
     // ⚠️ UN SOLO EMETTITORE, e la precedenza è dichiarata: `onQueryChange` vince
     // 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: ye ?? E?.onStateChange,
-    debounceTime: Ro,
+    debounceTime: So,
     serverMode: fe,
     serverConfig: E,
-    initialState: so,
+    initialState: lo,
     groupBy: Z,
-    initialOpenGroups: no,
-    rowSelection: ho,
-    getRowId: yo,
-    onRowSelectionChange: vo,
-    onCheckedRowsChange: Co,
-    rowClassName: bo,
+    initialOpenGroups: io,
+    rowSelection: yo,
+    getRowId: vo,
+    onRowSelectionChange: Co,
+    onCheckedRowsChange: bo,
+    rowClassName: Ro,
     // Le due fonti sollevate di P7: quando ci sono, comandano. Vedi le prop.
     filters: S,
     columnVisibility: j
-  }), 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);
-  }, Q = (e, t) => e === !1 ? null : e?.render ? e.render() : t, xo = le(
-    () => Ue(C).map((e) => ({
+  }), x = xo ? _ : o.state.view.density, V = r.toolbar ?? s.toolbar, d = o.state.view.fullscreen, be = (e) => {
+    o.applyView({ type: "view/fullscreen", fullscreen: e }), eo?.(e);
+  }, Re = (e, t) => e === !1 ? null : e?.render ? e.render() : t, To = ae(
+    () => Ke(C).map((e) => ({
       id: e.id,
       // ⚠️ RIPIEGO SULL'`id` QUANDO L'ETICHETTA È VUOTA, e non è una cortesia.
       // `header: ""` è l'idioma STANDARD di una colonna di azioni — nell'header
@@ -243,42 +243,42 @@ const Gt = [
       pinned: e.pinned
     })),
     [C]
-  ), 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?.({
+  ), Fo = j === void 0 || ue !== void 0, Se = o.headers.length > 1, Ao = (e, t) => {
+    !t && !Se || (j === void 0 && o.applyView({ type: "view/column-visibility", columnId: e, visible: t }), ue?.({
       ...o.state.view.columnVisibility,
       [e]: t
     }));
-  }, Ao = (e) => {
-    o.applyView({ type: "view/column-order", columnOrder: e }), oo?.([...e]);
-  }, Oo = (e, t) => {
-    o.applyView({ type: "view/column-width", columnId: e, width: t }), eo?.({
+  }, Oo = (e) => {
+    o.applyView({ type: "view/column-order", columnOrder: e }), to?.([...e]);
+  }, Go = (e, t) => {
+    o.applyView({ type: "view/column-width", columnId: e, width: t }), oo?.({
       ...o.state.view.columnWidths,
       [e]: t
     });
-  }, 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;
+  }, Ie = v.viewportHeight !== void 0 || ge || c !== void 0 || Z !== void 0, O = m(null), xe = m(0), Te = m(void 0);
+  _e(() => {
+    if (A === void 0 || Te.current === A) return;
+    Te.current = A;
     let e;
     try {
-      e = wt(A);
+      e = ht(A);
     } catch (t) {
       console.error(t);
       return;
     }
     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 Q = m(null), Mo = (e, t) => {
     const i = O.current;
     if (i !== null) {
-      const a = k.findIndex(
-        (We) => We.kind === "group" && We.group.path === e
+      const l = k.findIndex(
+        (He) => He.kind === "group" && He.group.path === e
       ), u = Math.floor(
         i.scrollTop / W[x]
       ), 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 } : {
+      const R = o.bodyRowCountWith(q) - k.length, f = l !== -1 && l < u, nt = f && R < 0 && u <= l - R;
+      Q.current = !f || R === 0 ? null : nt ? { modo: "atterra-sul-gruppo", indiceGruppo: l } : {
         modo: "tieni-ferma-la-vista",
         // ⚠️ SI LEGGE ADESSO, PRIMA DEL COMMIT, e non nell'effetto: è
         // l'unico istante in cui questo numero è ancora quello
@@ -289,66 +289,69 @@ const Gt = [
     }
     o.applyView({ type: "view/group-expansion", path: e, expanded: t });
   };
-  nt(() => {
-    const e = X.current;
-    if (X.current = null, e === null) return;
+  it(() => {
+    const e = Q.current;
+    if (Q.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 = 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(
+  const Fe = m(0), Ae = ve ?? Ce ?? null, X = m(null), G = m(null), Po = (e) => {
+    G.current = e, e && (xe.current += 1, e.setAttribute("data-render-count", String(xe.current)), X.current === null && (X.current = Ae === null ? 1 : gt(Ae)), e.setAttribute("data-mount-count", String(X.current)), e.setAttribute(
       "data-loadmore-call-count",
-      String(Te.current)
+      String(Fe.current)
     ));
-  }, Ae = (e) => {
+  }, Oe = (e) => {
     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)
+      t.querySelectorAll(Mt)
+    ).filter((u) => u.dataset.gridFocusSentinel === void 0), l = e === "first" ? i : [...i].reverse();
+    for (const u of l)
       if (u.focus(), document.activeElement === u) return;
-  }, k = o.bodyRows, Po = k.length, w = o.state.query.requestCount, M = m(w);
+  }, k = o.bodyRows, qo = 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(() => {
+  const Eo = c !== void 0 && w > Math.max(1, M.current);
+  _e(() => {
     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(
+  const $o = c !== void 0 && g && w > 1, zo = g && !$o, J = o.state.query.pagination.pageSize, Ge = g ? Math.min(J, 1e3) : 0, h = zo ? 0 : qo, Me = h > 0, y = ("resultTotal" in v ? v.resultTotal : void 0) ?? E?.totalItems ?? (F && !fe && !(c !== void 0 && c.hasMore) ? o.filteredRowCount : void 0), Vo = ae(
     () => new Set(o.state.query.filters.map((e) => e.columnId)),
     [o.state.query.filters]
-  ), ee = le(
+  ), Y = ae(
     // `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)),
+    () => Gt(Ke(C)),
     [C]
-  ), Vo = S === void 0 || $ !== void 0 && z !== void 0, [Me, ko] = _e(!0), Pe = m(!0), qe = je(), Ee = m(0), L = D(
+  ), ko = S === void 0 || $ !== void 0 && z !== void 0, [ee, Lo] = je(!0), Pe = m(!0), qe = () => {
+    const e = !Pe.current;
+    Pe.current = e, Lo(e), fo?.(e);
+  }, Ee = Ue(), $e = m(0), L = D(
     (e, t) => {
-      const i = o.state.query.filters, a = i.find((f) => f.columnId === e);
-      if (a !== void 0) {
+      const i = o.state.query.filters, l = i.find((f) => f.columnId === e);
+      if (l !== void 0) {
         if (z !== void 0) {
-          z(a.id, t);
+          z(l.id, t);
           return;
         }
         o.applyAndEmit({
           type: "query/filters",
           filters: i.map(
-            (f) => f.id === a.id ? { ...f, ...t } : f
+            (f) => f.id === l.id ? { ...f, ...t } : f
           )
         });
         return;
       }
-      const u = ee.find(
+      const u = Y.find(
         (f) => f.id === e
       );
       if (u === void 0) return;
-      Ee.current += 1;
-      const q = yt(
+      $e.current += 1;
+      const q = vt(
         u,
         r,
-        `${qe}-${Ee.current}`
+        `${Ee}-${$e.current}`
       );
       if (q === void 0) return;
       const R = { ...q, ...t };
@@ -363,20 +366,20 @@ const Gt = [
     },
     [
       o,
-      ee,
-      qe,
+      Y,
+      Ee,
       r,
       $,
       z
     ]
-  ), Lo = D(
+  ), No = D(
     (e, t) => {
       L(e, { operator: t });
     },
     [L]
   ), oe = D(
     (e) => {
-      const t = o.state.query.filters, i = t.find((a) => a.columnId === e);
+      const t = o.state.query.filters, i = t.find((l) => l.columnId === e);
       if (i !== void 0) {
         if (S !== void 0) {
           if (I === void 0) return;
@@ -385,52 +388,52 @@ const Gt = [
         }
         o.applyAndEmit({
           type: "query/filters",
-          filters: t.filter((a) => a.id !== i.id)
+          filters: t.filter((l) => l.id !== i.id)
         });
       }
     },
     [o, S, I]
-  ), No = D(
+  ), Bo = D(
     (e, t) => {
       const i = o.state.query.filters.find(
-        (a) => a.columnId === e
+        (l) => l.columnId === e
       );
-      if (i !== void 0 && !dt.has(i.operator) && ct(t)) {
+      if (i !== void 0 && !ct.has(i.operator) && ut(t)) {
         oe(e);
         return;
       }
       L(e, { value: t });
     },
     [L, oe, o]
-  ), Bo = S === void 0 || I !== void 0, Do = we === "row", p = gt({
+  ), Do = S === void 0 || I !== void 0, Wo = we === "row", p = pt({
     badges: o.state.query.filters,
     resultTotal: y,
     rowsInPage: o.rows.length,
     pageIndex: o.state.query.pagination.pageIndex,
-    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) => {
+    pageSize: J
+  }), Ho = y === void 0 ? void 0 : p, te = r.status ?? {}, N = r.selection ?? {}, ze = o.headers.filter((e) => e.sortIndex !== null).sort((e, t) => (e.sortIndex ?? 0) - (t.sortIndex ?? 0)), _o = ze.length === 0 ? "" : `${te.sortedBy ?? s.status.sortedBy} ${ze.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 = `${p.totalLabel} ${p.totalIsSingular ? r.pagination.rowOne ?? s.pagination.rowOne : r.pagination.rows}`, re = o.state.query.filters.filter(
+    const l = r.sorting.sortPosition ?? s.sorting.sortPosition, u = r.pagination.of ?? s.pagination.of;
+    return `${i}, ${l} ${e.sortIndex ?? 0} ${u} ${e.sortCount}`;
+  }).join("; ")}`, jo = `${p.totalLabel} ${p.totalIsSingular ? r.pagination.rowOne ?? s.pagination.rowOne : r.pagination.rows}`, re = o.state.query.filters.filter(
     (e) => e.kind === "custom"
-  ), 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 = {
+  ), Uo = re.length === 0 ? "" : `, ${p.formatCount(re.length)} ${r.filters.withoutColumn ?? s.filters.withoutColumn}: ${re.map((e) => e.customLabel ?? e.customKey ?? e.id).join(", ")}`, Ko = `${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}${Uo}`, b = o.selectedPageRowIds.length, Ve = U?.mode === "all" && y !== void 0, [Zo, Qo] = je("page"), ne = Ve ? Zo : "page", Xo = {
     scope: ne,
     rowIds: o.selectedPageRowIds,
     count: ne === "all" ? y ?? b : b
-  }, Ve = (e) => {
-    e !== ne && (Zo(e), fo?.({
+  }, ke = (e) => {
+    e !== ne && (Qo(e), mo?.({
       scope: e,
       rowIds: o.selectedPageRowIds,
       count: e === "all" ? y ?? b : b
     }));
-  }, 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,
+  }, Jo = `${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}` : ""), Yo = [
     _o,
-    Uo,
-    Xo
-  ].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
+    jo,
+    Ko,
+    Jo
+  ].filter((e) => e !== "").join(". "), et = c !== void 0 && c.hasMore ? -1 : y ?? h, B = co && !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.
@@ -450,13 +453,13 @@ 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), se = lt({
+  !B && h === 0 && !(c !== void 0 && c.hasMore), se = dt({
     // `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: ge,
-    count: h + Oe,
+    count: h + Ge,
     // 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
@@ -470,17 +473,17 @@ const Gt = [
     // 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: 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(
+  }), Le = se?.startIndex ?? 0, Ne = se?.endIndex ?? h + Ge, Be = k.slice(
+    Math.min(Le, h),
+    Math.min(Ne, h)
+  ), De = o.headers[0]?.columnId, ot = so === "first-column" && De !== void 0 ? Be.map(
     (e) => e.kind === "group" ? {
       ...e,
-      group: { ...e.group, columnId: Be }
+      group: { ...e.group, columnId: De }
     } : e
-  ) : Ne, ot = Math.max(
+  ) : Be, tt = Math.max(
     0,
-    Le - Math.max(ke, h)
+    Ne - Math.max(Le, h)
   );
   at({
     // ⚠️ `&& !paginated`, ED È UNA RIPARAZIONE. Le due prop sono entrambe
@@ -511,32 +514,32 @@ const Gt = [
     querySignature: o.querySignature,
     scrollRef: O,
     onLoadMore: () => {
-      Te.current += 1, o.applyAndEmit({ type: "query/load-more" });
+      Fe.current += 1, o.applyAndEmit({ type: "query/load-more" });
     }
   });
-  const P = r.table ?? s.table, tt = B ? {
+  const P = r.table ?? s.table, rt = B ? {
     kind: "error",
     content: /* @__PURE__ */ n(
-      Ke,
+      Ze,
       {
         kind: "error",
         message: P.errorMessage ?? s.table.errorMessage,
         retryLabel: P.retry ?? s.table.retry,
-        onRetry: co
+        onRetry: uo
       }
     )
   } : ie ? {
     kind: "empty",
     content: /* @__PURE__ */ n(
-      Ke,
+      Ze,
       {
         kind: "empty",
         content: ao ?? r.notFoundMessage
       }
     )
-  } : void 0, De = je().replace(/[^a-zA-Z0-9]/g, ""), ae = {
-    head: `adg-head-${De}`,
-    rows: `adg-rows-${De}`
+  } : void 0, We = Ue().replace(/[^a-zA-Z0-9]/g, ""), le = {
+    head: `adg-head-${We}`,
+    rows: `adg-rows-${We}`
   };
   return /* @__PURE__ */ H(
     "div",
@@ -544,7 +547,7 @@ const Gt = [
       id: ve,
       "data-testid": Ce,
       "data-app-data-grid": "",
-      ref: Mo,
+      ref: Po,
       "data-emissions": o.emissions,
       "data-grid-fullscreen": d ? "true" : "false",
       "aria-busy": g ? !0 : void 0,
@@ -554,7 +557,7 @@ const Gt = [
         // 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",
-        mt,
+        wt,
         // LO SCHERMO INTERO È UNA PROMOZIONE DELLO STESSO NODO — P6, criteri 2-4.
         //
         // Non un portale, non un secondo albero, non `requestFullscreen`: le
@@ -571,9 +574,9 @@ const Gt = [
         // `rounded-none` invece serve: a tutto schermo gli angoli arrotondati
         // lascerebbero quattro triangoli della pagina visibili negli spigoli.
         d && "fixed inset-0 rounded-none border-0",
-        So
+        Io
       ),
-      style: d ? { zIndex: ft.fullscreen } : void 0,
+      style: d ? { zIndex: mt.fullscreen } : void 0,
       role: d ? "dialog" : void 0,
       "aria-modal": d ? !0 : void 0,
       "aria-label": d ? V.fullscreenExit : void 0,
@@ -588,7 +591,7 @@ const Gt = [
             tabIndex: 0,
             "aria-hidden": "true",
             className: "sr-only",
-            onFocus: () => Ae("last")
+            onFocus: () => Oe("last")
           }
         ),
         /* @__PURE__ */ H(
@@ -597,12 +600,12 @@ const Gt = [
             "data-grid-toolbar": "",
             className: "relative flex flex-wrap items-center gap-2",
             children: [
-              /* @__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("a", { href: `#${le.rows}`, className: Qe, children: P.skipToRows }),
+              /* @__PURE__ */ n("a", { href: `#${le.head}`, className: Qe, children: P.skipToHeader }),
+              Re(
+                a?.search,
                 /* @__PURE__ */ n(
-                  it,
+                  st,
                   {
                     type: "search",
                     "data-grid-search": "",
@@ -629,7 +632,7 @@ const Gt = [
                           "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__ */ n(Qe, { name: "X", size: "xs", "aria-hidden": "true" })
+                        children: /* @__PURE__ */ n(Xe, { name: "X", size: "xs", "aria-hidden": "true" })
                       }
                     ),
                     labelClassName: "shrink-0 text-xs font-normal whitespace-nowrap",
@@ -637,47 +640,44 @@ const Gt = [
                   }
                 )
               ),
-              l?.resetFilters?.render ? l.resetFilters.render() : l?.resetFilters?.onReset !== void 0 && /* @__PURE__ */ n(
-                It,
+              a?.resetFilters?.render ? a.resetFilters.render() : a?.resetFilters?.onReset !== void 0 && /* @__PURE__ */ n(
+                xt,
                 {
-                  onReset: l.resetFilters.onReset,
+                  onReset: a.resetFilters.onReset,
                   i18n: r
                 }
               ),
-              l?.filters?.render ? l.filters.render() : l?.filters?.onOpen !== void 0 && /* @__PURE__ */ n(
-                xt,
+              a?.filters?.render ? a.filters.render() : a?.filters?.onOpen !== void 0 && /* @__PURE__ */ n(
+                Tt,
                 {
                   badges: o.state.query.filters,
                   scope: p,
-                  onOpen: l.filters.onOpen,
+                  onOpen: a.filters.onOpen,
                   i18n: r
                 }
               ),
               I !== void 0 && S !== void 0 && /* @__PURE__ */ n(
-                Tt,
+                Ft,
                 {
                   badges: o.state.query.filters,
                   onRemove: I,
-                  controls: uo,
+                  controls: go,
                   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
-                  }
-                )
-              ),
+              Wo && a?.filterRowToggle !== !1 && (a?.filterRowToggle?.render ? a.filterRowToggle.render({
+                open: ee,
+                toggle: qe
+              }) : /* @__PURE__ */ n(
+                At,
+                {
+                  open: ee,
+                  onToggle: qe,
+                  i18n: r
+                }
+              )),
               /* @__PURE__ */ H("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-                l?.columns !== !1 && (l?.columns?.render ? (
+                a?.columns !== !1 && (a?.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
@@ -685,24 +685,24 @@ const Gt = [
                   // 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.
-                  l.columns.render()
-                ) : To ? /* @__PURE__ */ n(
-                  At,
+                  a.columns.render()
+                ) : Fo ? /* @__PURE__ */ n(
+                  Ot,
                   {
-                    columns: xo,
+                    columns: To,
                     columnVisibility: o.state.view.columnVisibility,
-                    onColumnVisibleChange: Fo,
-                    onColumnOrderChange: Ao,
+                    onColumnVisibleChange: Ao,
+                    onColumnOrderChange: Oo,
                     columnOrder: o.state.view.columnOrder,
-                    puoNascondere: Re,
+                    puoNascondere: Se,
                     rootRef: G,
                     i18n: r
                   }
                 ) : null),
-                Q(
-                  l?.fullscreen,
+                Re(
+                  a?.fullscreen,
                   /* @__PURE__ */ n(
-                    vt,
+                    Ct,
                     {
                       fullscreen: d,
                       onChange: be,
@@ -710,14 +710,14 @@ const Gt = [
                     }
                   )
                 ),
-                he.length > 0 && !mo && /* @__PURE__ */ n(ht, { actions: he, i18n: r, rootRef: G }),
-                l?.actions?.render?.() ?? null
+                he.length > 0 && !wo && /* @__PURE__ */ n(yt, { actions: he, i18n: r, rootRef: G }),
+                a?.actions?.render?.() ?? null
               ] })
             ]
           }
         ),
         /* @__PURE__ */ n(
-          Rt,
+          St,
           {
             selectedRowIds: o.selectedPageRowIds,
             rowsInPage: o.rows.length,
@@ -726,11 +726,11 @@ const Gt = [
             cells: o.selectionCells,
             labelColumnId: o.footerCells.find((e) => e.content === null)?.columnId,
             actions: U?.actions,
-            scope: Qo,
-            promotion: ze && y !== void 0 ? {
+            scope: Xo,
+            promotion: Ve && y !== void 0 ? {
               total: y,
-              onPromote: () => Ve("all"),
-              onDemote: () => Ve("page")
+              onPromote: () => ke("all"),
+              onDemote: () => ke("page")
             } : void 0,
             allRowsSelected: o.allRowsSelected,
             onDismiss: () => o.toggleRows(o.selectedPageRowIds, !1),
@@ -739,35 +739,35 @@ const Gt = [
           }
         ),
         /* @__PURE__ */ n(
-          bt,
+          Rt,
           {
             ref: O,
             className: de(
               d && "min-h-0 flex-1",
-              !d && !Se && "min-h-0 grow"
+              !d && !Ie && "min-h-0 grow"
             ),
-            style: Se && !d ? { height: me } : void 0,
+            style: Ie && !d ? { height: me } : void 0,
             children: /* @__PURE__ */ n(
-              St,
+              It,
               {
                 headers: o.headers,
-                bodyRows: et,
-                statusSurface: tt,
+                bodyRows: ot,
+                statusSurface: rt,
                 footerCells: o.footerCells,
                 hasAggregates: o.hasAggregates,
-                bodyHasData: Ge,
-                onToggleGroup: Go,
+                bodyHasData: Me,
+                onToggleGroup: Mo,
                 groupByColumnIds: o.groupByColumnIds,
                 virtualWindow: se,
-                totalRowCount: Yo,
+                totalRowCount: et,
                 columnTree: o.columnTree,
-                onColumnResize: Oo,
+                onColumnResize: Go,
                 density: x,
                 fullscreen: d,
                 i18n: r,
                 columnWidths: o.state.view.columnWidths,
-                skeletonRowCount: ot,
-                checkable: wo,
+                skeletonRowCount: tt,
+                checkable: ho,
                 selection: o.selection,
                 allRowsSelected: o.allRowsSelected,
                 someRowsSelected: o.someRowsSelected,
@@ -775,22 +775,22 @@ const Gt = [
                 onToggleAllRows: o.toggleAllRows,
                 onToggleRows: o.toggleRows,
                 onSort: o.sort,
-                filteredColumnIds: zo,
+                filteredColumnIds: Vo,
                 filterMode: we,
-                filterColumns: Vo ? ee : [],
+                filterColumns: ko ? Y : [],
                 filterBadges: o.state.query.filters,
-                filtersHidden: !Me,
-                onFilterRowOperatorChange: Lo,
-                onFilterRowValueChange: No,
-                onFilterRowClear: Bo ? oe : void 0,
+                filtersHidden: !ee,
+                onFilterRowOperatorChange: No,
+                onFilterRowValueChange: Bo,
+                onFilterRowClear: Do ? oe : void 0,
                 rowHeaderColumnId: o.rowHeaderColumnId,
-                bypassIds: ae
+                bypassIds: le
               }
             )
           }
         ),
-        Ge && (F || K?.pageSize !== void 0 && Z === void 0) && /* @__PURE__ */ n(
-          Ct,
+        Me && (F || K?.pageSize !== void 0 && Z === void 0) && /* @__PURE__ */ n(
+          bt,
           {
             pageIndex: o.state.query.pagination.pageIndex,
             pageCount: o.pageCount,
@@ -801,17 +801,17 @@ const Gt = [
               o.applyAndEmit({ type: "query/page", pageIndex: e })
             ),
             navigable: F || E !== void 0 || ye !== void 0,
-            scope: Wo,
-            pageSize: Y,
-            pageSizeOptions: K?.pageSizeOptions ?? pt,
+            scope: Ho,
+            pageSize: J,
+            pageSizeOptions: K?.pageSizeOptions ?? ft,
             applyAndEmit: o.applyAndEmit,
             rootRef: G
           }
         ),
         /* @__PURE__ */ n(
-          Mt,
+          Pt,
           {
-            visible: !!(go && !g && !B && !ie),
+            visible: !!(po && !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
@@ -864,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 ? V.loadedMore : (
+              Eo ? 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,
@@ -872,7 +872,7 @@ const Gt = [
                 // sono zero per costruzione e annunciare «0 righe di 128 con
                 // 0 filtri attivi» sopra «non è stato possibile caricare»
                 // sarebbe un dato inventato letto al posto di un guasto.
-                Jo
+                Yo
               )
             )
           }
@@ -884,7 +884,7 @@ const Gt = [
             tabIndex: 0,
             "aria-hidden": "true",
             className: "sr-only",
-            onFocus: () => Ae("first")
+            onFocus: () => Oe("first")
           }
         )
       ]
@@ -892,5 +892,5 @@ const Gt = [
   );
 };
 export {
-  nr as AppDataGrid
+  ir as AppDataGrid
 };