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

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

@@ -1,36 +1,37 @@
 "use client";
 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 { useMemo as ae, 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 ae } from "../../../lib/utils.js";
+import { cn as le } 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";
-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 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";
-import { GridFullscreenToggle as ht } from "./parts/grid-fullscreen-toggle.js";
-import { GridPaginationControl as yt } from "./parts/grid-pagination-control.js";
-import { GridScrollArea as vt } from "./parts/grid-scroll-area.js";
-import { GridSelectionBar as Ct } from "./parts/grid-selection-bar.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 { 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 { 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 Ue, GridTable as bt } from "./parts/grid-table.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 = [
+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 = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
   "select:not([disabled])",
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
-].join(","), At = ({ visible: v, children: C }) => {
+].join(","), Mt = ({ visible: v, children: C }) => {
   const T = /* @__PURE__ */ n(
     "div",
     {
@@ -49,7 +50,7 @@ const Mt = [
       className: "flex shrink-0 items-center gap-1.5 text-xs",
       children: [
         /* @__PURE__ */ n(
-          Ze,
+          Qe,
           {
             name: "Megaphone",
             size: "xs",
@@ -61,25 +62,25 @@ const Mt = [
       ]
     }
   ) : T;
-}, or = (v) => {
+}, nr = (v) => {
   const {
     columns: C,
     data: T,
-    i18n: r = i,
-    sortMode: Qe = "multi",
-    maxSortedColumns: Xe = 2,
-    density: j,
-    onDensityChange: le,
-    onFullscreenChange: Je,
+    i18n: r = s,
+    sortMode: Xe = "multi",
+    maxSortedColumns: Je = 2,
+    density: _,
+    onDensityChange: de,
+    onFullscreenChange: Ye,
     filters: S,
-    columnVisibility: _,
-    onColumnVisibilityChange: de,
+    columnVisibility: j,
+    onColumnVisibilityChange: ce,
     // 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
     // sul TSDoc di ciascuno.
-    onColumnWidthsChange: Ye,
-    onColumnOrderChange: eo,
+    onColumnWidthsChange: eo,
+    onColumnOrderChange: oo,
     // 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
@@ -90,50 +91,50 @@ const Mt = [
     // secondo ramo da instradare.
     //
     // ⚠️ `pagination` si legge da qui dalla Fase 4, per la stessa ragione.
-    selection: K,
-    pagination: U,
+    selection: U,
+    pagination: K,
     toolbar: l,
-    initialFullscreen: oo,
+    initialFullscreen: to,
     paginated: F = !1,
-    pageSize: to = 10,
-    virtualized: ce = !1,
+    pageSize: ro = 10,
+    virtualized: ue = !1,
     infinite: c,
     groupBy: Z,
-    initialOpenGroups: ro,
+    initialOpenGroups: no,
     // 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: no = "grouping-column",
-    preset: M,
-    onPresetApplied: ue,
+    groupLabelPlacement: io = "grouping-column",
+    preset: A,
+    onPresetApplied: pe,
     serverMode: ge = !1,
     serverConfig: q,
-    initialState: io,
-    viewportHeight: pe = 480,
-    loading: g = !1,
-    emptyComponent: so,
+    initialState: so,
+    viewportHeight: fe = 480,
+    loading: p = !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
     // callback del comando che rilancia: assente, l'esito di errore resta un
     // messaggio senza bottone.
-    error: ao = !1,
-    onRetry: lo,
+    error: lo = !1,
+    onRetry: co,
     // 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: co,
+    filterControls: uo,
     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
     // loro le celle restano vuote invece di offrire un comando morto.
-    filterMode: fe = "panel",
-    onAddFilter: $,
-    onUpdateFilter: z,
+    filterMode: me = "row",
+    onAddFilter: E,
+    onUpdateFilter: $,
     // 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: uo = !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: go,
@@ -141,31 +142,31 @@ const Mt = [
     // 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: po,
-    actions: me = [],
-    hideActionsRow: fo = !1,
-    checkable: mo = !1,
-    rowSelection: wo,
-    getRowId: ho,
-    onRowSelectionChange: yo,
-    onCheckedRowsChange: vo,
-    rowClassName: Co,
-    onQueryChange: we,
-    debounceTime: bo,
-    className: Ro,
-    id: he,
-    "data-testid": ye
-  } = v, So = j !== void 0, o = st({
+    onSelectionScopeChange: fo,
+    actions: we = [],
+    hideActionsRow: mo = !1,
+    checkable: wo = !1,
+    rowSelection: ho,
+    getRowId: yo,
+    onRowSelectionChange: vo,
+    onCheckedRowsChange: Co,
+    rowClassName: bo,
+    onQueryChange: he,
+    debounceTime: Ro,
+    className: So,
+    id: ye,
+    "data-testid": ve
+  } = v, Io = _ !== void 0, o = st({
     columns: C,
     data: T,
-    sortMode: Qe,
-    maxSortedColumns: Xe,
-    initialFullscreen: oo,
+    sortMode: Xe,
+    maxSortedColumns: Je,
+    initialFullscreen: to,
     // 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
     // controllare la prop.
-    density: j ?? "default",
+    density: _ ?? "default",
     paginated: F,
     // LA TAGLIA DI PAGINA SI RISOLVE QUI, IN UN PUNTO SOLO — e la precedenza è
     // `initialState.pagination.pageSize` > `pagination.pageSize` > `pageSize`.
@@ -181,30 +182,30 @@ const Mt = [
     // 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: U?.pageSize ?? to,
+    pageSize: K?.pageSize ?? ro,
     // ⚠️ 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: we ?? q?.onStateChange,
-    debounceTime: bo,
+    onQueryChange: he ?? q?.onStateChange,
+    debounceTime: Ro,
     serverMode: ge,
     serverConfig: q,
-    initialState: io,
+    initialState: so,
     groupBy: Z,
-    initialOpenGroups: ro,
-    rowSelection: wo,
-    getRowId: ho,
-    onRowSelectionChange: yo,
-    onCheckedRowsChange: vo,
-    rowClassName: Co,
+    initialOpenGroups: no,
+    rowSelection: ho,
+    getRowId: yo,
+    onRowSelectionChange: vo,
+    onCheckedRowsChange: Co,
+    rowClassName: bo,
     // Le due fonti sollevate di P7: quando ci sono, comandano. Vedi le prop.
     filters: S,
-    columnVisibility: _
-  }), 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) => ({
+    columnVisibility: j
+  }), x = Io ? _ : o.state.view.density, z = r.toolbar ?? s.toolbar, d = o.state.view.fullscreen, Ce = (e) => {
+    o.applyView({ type: "view/fullscreen", fullscreen: e }), Ye?.(e);
+  }, be = (e, t) => e?.render ? e.render() : t, xo = ae(
+    () => Ue(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
@@ -239,38 +240,38 @@ const Mt = [
       pinned: e.pinned
     })),
     [C]
-  ), xo = _ === void 0 || de !== void 0, be = o.headers.length > 1, To = (e, t) => {
-    !t && !be || (_ === void 0 && o.applyView({ type: "view/column-visibility", columnId: e, visible: t }), de?.({
+  ), 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?.({
       ...o.state.view.columnVisibility,
       [e]: t
     }));
-  }, Fo = (e) => {
-    o.applyView({ type: "view/column-order", columnOrder: e }), eo?.([...e]);
-  }, Mo = (e, t) => {
-    o.applyView({ type: "view/column-width", columnId: e, width: t }), Ye?.({
+  }, 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?.({
       ...o.state.view.columnWidths,
       [e]: t
     });
-  }, Re = v.viewportHeight !== void 0 || ce || c !== void 0 || Z !== void 0, A = m(null), Se = m(0), Ie = m(void 0);
-  We(() => {
-    if (M === void 0 || Ie.current === M) return;
-    Ie.current = M;
+  }, Se = v.viewportHeight !== void 0 || ue || 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;
     let e;
     try {
-      e = ft(M);
+      e = wt(A);
     } catch (t) {
       console.error(t);
       return;
     }
-    o.applyPreset({ query: e.query, view: e.view }), le?.(e.view.density), ue?.(e);
-  }, [M, o, ue, le]);
-  const Q = m(null), Ao = (e, t) => {
-    const s = A.current;
-    if (s !== null) {
+    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) => {
+    const i = O.current;
+    if (i !== null) {
       const a = k.findIndex(
-        (De) => De.kind === "group" && De.group.path === e
+        (We) => We.kind === "group" && We.group.path === e
       ), u = Math.floor(
-        s.scrollTop / W[x]
+        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;
@@ -279,7 +280,7 @@ const Mt = [
         // ⚠️ SI LEGGE ADESSO, PRIMA DEL COMMIT, e non nell'effetto: è
         // l'unico istante in cui questo numero è ancora quello
         // dell'utente. Vedi il `useLayoutEffect`.
-        scrollTopPrima: s.scrollTop,
+        scrollTopPrima: i.scrollTop,
         delta: R
       };
     }
@@ -288,49 +289,49 @@ const Mt = [
   nt(() => {
     const e = Q.current;
     if (Q.current = null, e === null) return;
-    const t = A.current;
+    const t = O.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), 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(
+  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(
       "data-loadmore-call-count",
-      String(xe.current)
+      String(Te.current)
     ));
-  }, Fe = (e) => {
+  }, Ae = (e) => {
     const t = V.current;
     if (!t) return;
-    const s = Array.from(
-      t.querySelectorAll(Mt)
-    ).filter((u) => u.dataset.gridFocusSentinel === void 0), a = e === "first" ? s : [...s].reverse();
+    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, 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(() => {
-    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(
+  }, 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);
+  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(
     () => new Set(o.state.query.filters.map((e) => e.columnId)),
     [o.state.query.filters]
-  ), Y = se(
+  ), 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.
-    () => Ft(_e(C)),
+    () => Ot(Ue(C)),
     [C]
-  ), Eo = S === void 0 || $ !== void 0 && z !== void 0, [Oe, Vo] = He(!0), Ge = m(!0), Pe = je(), qe = m(0), L = D(
+  ), Vo = S === void 0 || E !== void 0 && $ !== void 0, [Me, ko] = _e(!0), Pe = m(!0), qe = je(), Ee = m(0), L = D(
     (e, t) => {
-      const s = o.state.query.filters, a = s.find((f) => f.columnId === e);
+      const i = o.state.query.filters, a = i.find((f) => f.columnId === e);
       if (a !== void 0) {
-        if (z !== void 0) {
-          z(a.id, t);
+        if ($ !== void 0) {
+          $(a.id, t);
           return;
         }
         o.applyAndEmit({
           type: "query/filters",
-          filters: s.map(
+          filters: i.map(
             (f) => f.id === a.id ? { ...f, ...t } : f
           )
         });
@@ -340,86 +341,93 @@ const Mt = [
         (f) => f.id === e
       );
       if (u === void 0) return;
-      qe.current += 1;
-      const P = wt(
+      Ee.current += 1;
+      const P = yt(
         u,
         r,
-        `${Pe}-${qe.current}`
+        `${qe}-${Ee.current}`
       );
       if (P === void 0) return;
       const R = { ...P, ...t };
-      if ($ !== void 0) {
-        $(R);
+      if (E !== void 0) {
+        E(R);
         return;
       }
       o.applyAndEmit({
         type: "query/filters",
-        filters: [...s, R]
+        filters: [...i, R]
       });
     },
     [
       o,
       Y,
-      Pe,
+      qe,
       r,
-      $,
-      z
+      E,
+      $
     ]
-  ), ko = D(
-    (e, t) => {
-      L(e, { operator: t });
-    },
-    [L]
   ), Lo = D(
     (e, t) => {
-      L(e, { value: t });
+      L(e, { operator: t });
     },
     [L]
-  ), No = D(
+  ), ee = D(
     (e) => {
-      const t = o.state.query.filters, s = t.find((a) => a.columnId === e);
-      if (s !== void 0) {
+      const t = o.state.query.filters, i = t.find((a) => a.columnId === e);
+      if (i !== void 0) {
         if (S !== void 0) {
           if (I === void 0) return;
-          I(s.id);
+          I(i.id);
           return;
         }
         o.applyAndEmit({
           type: "query/filters",
-          filters: t.filter((a) => a.id !== s.id)
+          filters: t.filter((a) => a.id !== i.id)
         });
       }
     },
     [o, S, I]
-  ), Bo = S === void 0 || I !== void 0, Do = fe === "row", p = ct({
+  ), No = D(
+    (e, t) => {
+      const i = o.state.query.filters.find(
+        (a) => a.columnId === e
+      );
+      if (i !== void 0 && !dt.has(i.operator) && ct(t)) {
+        ee(e);
+        return;
+      }
+      L(e, { value: t });
+    },
+    [L, ee, o]
+  ), Bo = S === void 0 || I !== void 0, Do = me === "row", g = pt({
     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 : 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 = 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(
+  }), 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) => {
+    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(
     (e) => e.kind === "custom"
-  ), _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,
+  ), 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,
     rowIds: o.selectedPageRowIds,
-    count: te === "all" ? y ?? b : b
-  }, Ee = (e) => {
-    e !== te && (Zo(e), po?.({
+    count: re === "all" ? y ?? b : b
+  }, Ve = (e) => {
+    e !== re && (Zo(e), fo?.({
       scope: e,
       rowIds: o.selectedPageRowIds,
       count: e === "all" ? y ?? b : b
     }));
-  }, Xo = `${p.formatCount(b)} ${b === 1 ? N.selectedOne ?? i.selection.selectedOne : N.selectedMany ?? i.selection.selectedMany}` + (b > 0 ? ` ${N.outOf ?? i.selection.outOf} ${p.rowsInPageLabel} ${N.onPage ?? i.selection.onPage}` : ""), Jo = [
+  }, 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 = [
     Ho,
-    jo,
-    Ko,
+    _o,
+    Uo,
     Xo
-  ].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
+  ].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
   // 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 +447,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 && !(c !== void 0 && c.hasMore), ne = lt({
+  !B && h === 0 && !(c !== void 0 && c.hasMore), ie = 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 + Me,
+    enabled: ue,
+    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`
     // e `border-bottom: 1px` è alta esattamente 36 — il bordo collassato non si
@@ -455,21 +463,21 @@ const Mt = [
     // resa è zero, e non serve nessuna misurazione dinamica (quindi nessun
     // `ResizeObserver` da mandare in loop).
     rowHeight: W[x],
-    scrollRef: A,
+    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: 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 = no === "first-column" && Ne !== void 0 ? Le.map(
+    viewportHeight: fe
+  }), ke = ie?.startIndex ?? 0, Le = ie?.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(
     (e) => e.kind === "group" ? {
       ...e,
-      group: { ...e.group, columnId: Ne }
+      group: { ...e.group, columnId: Be }
     } : e
-  ) : Le, ot = Math.max(
+  ) : Ne, ot = Math.max(
     0,
-    ke - Math.max(Ve, h)
+    Le - Math.max(ke, h)
   );
   at({
     // ⚠️ `&& !paginated`, ED È UNA RIPARAZIONE. Le due prop sono entrambe
@@ -492,58 +500,58 @@ const Mt = [
     // una prop che tace è peggio di una che non c'è.
     enabled: c !== void 0 && !F,
     hasMore: c?.hasMore ?? !1,
-    loading: g,
+    loading: p,
     // ⚠️ 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: A,
+    scrollRef: O,
     onLoadMore: () => {
-      xe.current += 1, o.applyAndEmit({ type: "query/load-more" });
+      Te.current += 1, o.applyAndEmit({ type: "query/load-more" });
     }
   });
-  const G = r.table ?? i.table, tt = B ? {
+  const M = r.table ?? s.table, tt = B ? {
     kind: "error",
     content: /* @__PURE__ */ n(
       Ke,
       {
         kind: "error",
-        message: G.errorMessage ?? i.table.errorMessage,
-        retryLabel: G.retry ?? i.table.retry,
-        onRetry: lo
+        message: M.errorMessage ?? s.table.errorMessage,
+        retryLabel: M.retry ?? s.table.retry,
+        onRetry: co
       }
     )
-  } : re ? {
+  } : ne ? {
     kind: "empty",
     content: /* @__PURE__ */ n(
       Ke,
       {
         kind: "empty",
-        content: so ?? r.notFoundMessage
+        content: ao ?? r.notFoundMessage
       }
     )
-  } : void 0, Be = je().replace(/[^a-zA-Z0-9]/g, ""), ie = {
-    head: `adg-head-${Be}`,
-    rows: `adg-rows-${Be}`
+  } : void 0, De = je().replace(/[^a-zA-Z0-9]/g, ""), se = {
+    head: `adg-head-${De}`,
+    rows: `adg-rows-${De}`
   };
   return /* @__PURE__ */ H(
     "div",
     {
-      id: he,
-      "data-testid": ye,
+      id: ye,
+      "data-testid": ve,
       "data-app-data-grid": "",
-      ref: Oo,
+      ref: Mo,
       "data-emissions": o.emissions,
       "data-grid-fullscreen": d ? "true" : "false",
-      "aria-busy": g ? !0 : void 0,
-      className: ae(
+      "aria-busy": p ? !0 : void 0,
+      className: le(
         // ⚠️ `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",
-        pt,
+        mt,
         // LO SCHERMO INTERO È UNA PROMOZIONE DELLO STESSO NODO — P6, criteri 2-4.
         //
         // Non un portale, non un secondo albero, non `requestFullscreen`: le
@@ -560,14 +568,14 @@ const Mt = [
         // `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",
-        Ro
+        So
       ),
-      style: d ? { zIndex: gt.fullscreen } : void 0,
+      style: d ? { zIndex: ft.fullscreen } : void 0,
       role: d ? "dialog" : void 0,
       "aria-modal": d ? !0 : void 0,
-      "aria-label": d ? E.fullscreenExit : void 0,
+      "aria-label": d ? z.fullscreenExit : void 0,
       onKeyDown: d ? (e) => {
-        e.key === "Escape" && (e.defaultPrevented || (e.stopPropagation(), ve(!1)));
+        e.key === "Escape" && (e.defaultPrevented || (e.stopPropagation(), Ce(!1)));
       } : void 0,
       children: [
         d && /* @__PURE__ */ n(
@@ -577,7 +585,7 @@ const Mt = [
             tabIndex: 0,
             "aria-hidden": "true",
             className: "sr-only",
-            onFocus: () => Fe("last")
+            onFocus: () => Ae("last")
           }
         ),
         /* @__PURE__ */ H(
@@ -586,16 +594,16 @@ const Mt = [
             "data-grid-toolbar": "",
             className: "relative flex flex-wrap items-center gap-2",
             children: [
-              /* @__PURE__ */ n("a", { href: `#${ie.rows}`, className: Ue, children: G.skipToRows }),
-              /* @__PURE__ */ n("a", { href: `#${ie.head}`, className: Ue, children: G.skipToHeader }),
-              Ce(
+              /* @__PURE__ */ n("a", { href: `#${se.rows}`, className: Ze, children: M.skipToRows }),
+              /* @__PURE__ */ n("a", { href: `#${se.head}`, className: Ze, children: M.skipToHeader }),
+              be(
                 l?.search,
                 /* @__PURE__ */ n(
                   it,
                   {
                     type: "search",
                     "data-grid-search": "",
-                    label: E.searchLabel,
+                    label: z.searchLabel,
                     placeholder: r.searchPlaceholder,
                     value: o.state.query.search,
                     onChange: (e) => (
@@ -614,11 +622,11 @@ const Mt = [
                         "data-grid-search-clear": "",
                         "aria-label": r.clearSearch,
                         onClick: () => o.applyAndEmit({ type: "query/search", value: "" }),
-                        className: ae(
+                        className: le(
                           "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(Ze, { name: "X", size: "xs", "aria-hidden": "true" })
+                        children: /* @__PURE__ */ n(Qe, { name: "X", size: "xs", "aria-hidden": "true" })
                       }
                     ),
                     labelClassName: "shrink-0 text-xs font-normal whitespace-nowrap",
@@ -627,37 +635,37 @@ const Mt = [
                 )
               ),
               l?.resetFilters?.render ? l.resetFilters.render() : l?.resetFilters?.onReset !== void 0 && /* @__PURE__ */ n(
-                Rt,
+                It,
                 {
                   onReset: l.resetFilters.onReset,
                   i18n: r
                 }
               ),
               l?.filters?.render ? l.filters.render() : l?.filters?.onOpen !== void 0 && /* @__PURE__ */ n(
-                St,
+                xt,
                 {
                   badges: o.state.query.filters,
-                  scope: p,
+                  scope: g,
                   onOpen: l.filters.onOpen,
                   i18n: r
                 }
               ),
               I !== void 0 && S !== void 0 && /* @__PURE__ */ n(
-                It,
+                Tt,
                 {
                   badges: o.state.query.filters,
                   onRemove: I,
-                  controls: co,
+                  controls: uo,
                   i18n: r
                 }
               ),
               Do && /* @__PURE__ */ n(
-                xt,
+                Ft,
                 {
-                  open: Oe,
+                  open: Me,
                   onToggle: () => {
-                    const e = !Ge.current;
-                    Ge.current = e, Vo(e), go?.(e);
+                    const e = !Pe.current;
+                    Pe.current = e, ko(e), go?.(e);
                   },
                   i18n: r
                 }
@@ -672,28 +680,28 @@ const Mt = [
                   // spegnere un pannello suo, che magari scrive la mappa dal proprio
                   // riduttore. Trovato da una review delle riparazioni.
                   l.columns.render()
-                ) : xo ? /* @__PURE__ */ n(
-                  Tt,
+                ) : To ? /* @__PURE__ */ n(
+                  At,
                   {
-                    columns: Io,
+                    columns: xo,
                     columnVisibility: o.state.view.columnVisibility,
-                    onColumnVisibleChange: To,
-                    onColumnOrderChange: Fo,
+                    onColumnVisibleChange: Fo,
+                    onColumnOrderChange: Ao,
                     columnOrder: o.state.view.columnOrder,
-                    puoNascondere: be,
+                    puoNascondere: Re,
                     rootRef: V,
                     i18n: r
                   }
                 ) : null),
-                me.length > 0 && !fo && /* @__PURE__ */ n(mt, { actions: me, i18n: r, rootRef: V }),
+                we.length > 0 && !mo && /* @__PURE__ */ n(ht, { actions: we, i18n: r, rootRef: V }),
                 l?.actions?.render?.() ?? null,
-                Ce(
+                be(
                   l?.fullscreen,
                   /* @__PURE__ */ n(
-                    ht,
+                    vt,
                     {
                       fullscreen: d,
-                      onChange: ve,
+                      onChange: Ce,
                       i18n: r
                     }
                   )
@@ -703,57 +711,57 @@ const Mt = [
           }
         ),
         /* @__PURE__ */ n(
-          Ct,
+          Rt,
           {
             selectedRowIds: o.selectedPageRowIds,
             rowsInPage: o.rows.length,
-            formatCount: p.formatCount,
+            formatCount: g.formatCount,
             density: x,
             cells: o.selectionCells,
             labelColumnId: o.footerCells.find((e) => e.content === null)?.columnId,
-            actions: K?.actions,
+            actions: U?.actions,
             scope: Qo,
             promotion: ze && y !== void 0 ? {
               total: y,
-              onPromote: () => Ee("all"),
-              onDemote: () => Ee("page")
+              onPromote: () => Ve("all"),
+              onDemote: () => Ve("page")
             } : void 0,
             allRowsSelected: o.allRowsSelected,
             onDismiss: () => o.toggleRows(o.selectedPageRowIds, !1),
-            summary: K?.summary?.render,
+            summary: U?.summary?.render,
             i18n: r
           }
         ),
         /* @__PURE__ */ n(
-          vt,
+          bt,
           {
-            ref: A,
-            className: ae(
+            ref: O,
+            className: le(
               d && "min-h-0 flex-1",
-              !d && !Re && "min-h-0 grow"
+              !d && !Se && "min-h-0 grow"
             ),
-            style: Re && !d ? { height: pe } : void 0,
+            style: Se && !d ? { height: fe } : void 0,
             children: /* @__PURE__ */ n(
-              bt,
+              St,
               {
                 headers: o.headers,
                 bodyRows: et,
                 statusSurface: tt,
                 footerCells: o.footerCells,
                 hasAggregates: o.hasAggregates,
-                bodyHasData: Ae,
-                onToggleGroup: Ao,
+                bodyHasData: Ge,
+                onToggleGroup: Go,
                 groupByColumnIds: o.groupByColumnIds,
-                virtualWindow: ne,
+                virtualWindow: ie,
                 totalRowCount: Yo,
                 columnTree: o.columnTree,
-                onColumnResize: Mo,
+                onColumnResize: Oo,
                 density: x,
                 fullscreen: d,
                 i18n: r,
                 columnWidths: o.state.view.columnWidths,
                 skeletonRowCount: ot,
-                checkable: mo,
+                checkable: wo,
                 selection: o.selection,
                 allRowsSelected: o.allRowsSelected,
                 someRowsSelected: o.someRowsSelected,
@@ -762,21 +770,21 @@ const Mt = [
                 onToggleRows: o.toggleRows,
                 onSort: o.sort,
                 filteredColumnIds: zo,
-                filterMode: fe,
-                filterColumns: Eo ? Y : [],
+                filterMode: me,
+                filterColumns: Vo ? Y : [],
                 filterBadges: o.state.query.filters,
-                filtersHidden: !Oe,
-                onFilterRowOperatorChange: ko,
-                onFilterRowValueChange: Lo,
-                onFilterRowClear: Bo ? No : void 0,
+                filtersHidden: !Me,
+                onFilterRowOperatorChange: Lo,
+                onFilterRowValueChange: No,
+                onFilterRowClear: Bo ? ee : void 0,
                 rowHeaderColumnId: o.rowHeaderColumnId,
-                bypassIds: ie
+                bypassIds: se
               }
             )
           }
         ),
-        Ae && (F || U?.pageSize !== void 0 && Z === void 0) && /* @__PURE__ */ n(
-          yt,
+        Ge && (F || K?.pageSize !== void 0 && Z === void 0) && /* @__PURE__ */ n(
+          Ct,
           {
             pageIndex: o.state.query.pagination.pageIndex,
             pageCount: o.pageCount,
@@ -786,18 +794,18 @@ const Mt = [
               // sapere, quindi emette. Esattamente una volta.
               o.applyAndEmit({ type: "query/page", pageIndex: e })
             ),
-            navigable: F || q !== void 0 || we !== void 0,
+            navigable: F || q !== void 0 || he !== void 0,
             scope: Wo,
             pageSize: J,
-            pageSizeOptions: U?.pageSizeOptions ?? ut,
+            pageSizeOptions: K?.pageSizeOptions ?? gt,
             applyAndEmit: o.applyAndEmit
           }
         ),
         /* @__PURE__ */ n(
-          At,
+          Mt,
           {
-            visible: !!(uo && !g && !B && !re),
-            children: g ? E.loadingMore : B ? (
+            visible: !!(po && !p && !B && !ne),
+            children: p ? z.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
@@ -809,8 +817,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.
-              G.errorMessage ?? i.table.errorMessage
-            ) : re ? (
+              M.errorMessage ?? s.table.errorMessage
+            ) : ne ? (
               // ⚠️ SEMPRE `i18n.notFoundMessage`, MAI `emptyComponent`.
               // `emptyComponent` è un `ReactNode` arbitrario — un'illustrazione,
               // un bottone, un frammento — e una live region annuncia TESTO:
@@ -849,7 +857,7 @@ const Mt = [
               // dentro, per la ragione già scritta per `appendingPage`: fuori
               // dalla modalità infinita non esiste nessuna «pagina in più» da
               // annunciare.
-              Po ? E.loadedMore : (
+              qo ? z.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,
@@ -869,7 +877,7 @@ const Mt = [
             tabIndex: 0,
             "aria-hidden": "true",
             className: "sr-only",
-            onFocus: () => Fe("first")
+            onFocus: () => Ae("first")
           }
         )
       ]
@@ -877,5 +885,5 @@ const Mt = [
   );
 };
 export {
-  or as AppDataGrid
+  nr as AppDataGrid
 };