@stackcraftmx/calcita 0.32.1 → 0.47.0

package/cli/templates/project/src/testing/openScreen.jsx.tpl

@@ -0,0 +1,58 @@
+// Abre una pantalla como la abre una persona: la app COMPLETA (sus rutas, el marco, la sesión, el menú y los avisos) en una
+// dirección, con el servidor de mentira contestando (src/fakeServer; sin VITE_API_URL).
+//
+//     const {user} = await openScreen('/orders');
+//     await screen.findByRole('heading', {name: 'Pedidos'});
+//     await user.click(screen.getByRole('button', {name: 'Guardar'}));
+//
+// Por qué la app completa y no el componente suelto: la prueba pasa por lo mismo que la persona (permisos, menú, textos y
+// avisos) y no hay un segundo armado de proveedores que se desfase del de la app.
+//
+// OJO: para esperar a que algo desaparezca, waitForElementToBeRemoved; nunca un waitFor que compare con null: en cada intento
+// imprime la página entera y con la app completa se acaba la memoria.
+import {render} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import {RouterProvider, createMemoryRouter} from 'react-router';
+import CssBaseline from '@mui/material/CssBaseline';
+import {ThemeProvider} from '@mui/material/styles';
+
+import {appRoutes} from '@/app/appRouter.jsx';
+import {appTheme} from '@/app/appTheme.js';
+//#if auth
+import {DEMO_SESSION_STORAGE_KEY, DEMO_USER} from '@/core/accountConnector.js';
+//#endif
+
+//#if auth
+/**
+ * Abre la app en una dirección.
+ *
+ * @param {string} path la dirección de la pantalla, con su query (p. ej. '/orders?status=pending')
+ * @param {{signedIn?: boolean}} [options] signedIn: entra con la persona de la demostración sin pasar por la pantalla de
+ *     entrar (por omisión, sí); con false se ve la app como alguien sin sesión
+ * @returns {Promise<{user: object, router: object}>} la persona que da clics y escribe, y el router (para revisar a dónde fue)
+ */
+export async function openScreen(path, {signedIn = true} = {}) {
+    if (signedIn) {
+        // la demostración recuerda la sesión en este navegador con el id de la persona
+        window.localStorage.setItem(DEMO_SESSION_STORAGE_KEY, DEMO_USER.id);
+    }
+//#endif
+//#if !auth
+/**
+ * Abre la app en una dirección.
+ *
+ * @param {string} path la dirección de la pantalla, con su query (p. ej. '/orders?status=pending')
+ * @returns {Promise<{user: object, router: object}>} la persona que da clics y escribe, y el router (para revisar a dónde fue)
+ */
+export async function openScreen(path) {
+//#endif
+    const router = createMemoryRouter(appRoutes, {initialEntries: [path]});
+    const user = userEvent.setup();
+    render(
+        <ThemeProvider theme={appTheme}>
+            <CssBaseline />
+            <RouterProvider router={router} />
+        </ThemeProvider>,
+    );
+    return {user, router};
+}

package/cli/templates/project/src/testing/setup.js.tpl

@@ -0,0 +1,25 @@
+// Lo que necesita cada prueba de pantalla antes de empezar (vite.config.js, test.setupFiles).
+//
+// - Llena lo que jsdom (el navegador de mentira de las pruebas) no trae y la app usa (browserGaps.js).
+// - Los mensajes de yup como llaves de texto, igual que main.jsx: así salen en el idioma activo.
+// - Al terminar cada prueba borra lo que dibujó y lo que guardó el navegador: sin esto, la siguiente prueba vería la sesión,
+//   el modo oscuro o los filtros recordados de la anterior.
+import {afterEach} from 'vitest';
+import {cleanup, configure} from '@testing-library/react';
+import {buildYupLocale} from '@stackcraftmx/calcita/forms';
+
+import {fillBrowserGaps, savedFiles} from '@/testing/browserGaps.js';
+
+fillBrowserGaps();
+buildYupLocale();
+
+// findBy… espera hasta 5 s: una pantalla completa (rutas lazy, servidor de mentira con su demora) tarda más que el segundo
+// de fábrica
+configure({asyncUtilTimeout: 5000});
+
+afterEach(() => {
+    cleanup();
+    savedFiles.length = 0;
+    window.localStorage.clear();
+    window.sessionStorage.clear();
+});

package/cli/templates/project/vite.config.js.tpl

@@ -50,4 +50,16 @@ export default defineConfig({
         dedupe: SINGLE_COPY_PACKAGES,
     },
     build: {chunkSizeWarningLimit: LARGEST_CHUNK_KILOBYTES},
+    // Las pruebas de pantalla (pnpm test, src/**/*.test.jsx): jsdom hace de navegador y src/testing/setup.js lo prepara.
+    // Toman todo lo de arriba (el alias @/, React, import.meta.glob de los módulos): una prueba carga los archivos igual que
+    // el build, sin una segunda configuración que se desfase
+    test: {
+        environment: 'jsdom',
+        setupFiles: ['./src/testing/setup.js'],
+        // una prueba de pantalla abre la app completa (rutas lazy, servidor de mentira con su demora): unos segundos
+        testTimeout: 30_000,
+        // OJO: Calcita pasa por Vite como la app. Si no, Node la carga aparte y le da OTRA copia del router y de MUI: sus
+        // pantallas no encuentran el router de la app («useRouteError must be used within a data router»)
+        server: {deps: {inline: ['@stackcraftmx/calcita']}},
+    },
 });

package/dist/DataTable/GoToPage.js

@@ -1,35 +1,88 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import { useMemo, useRef, useEffect } from "react";
 import Autocomplete from "@mui/material/Autocomplete";
 import Stack from "@mui/material/Stack";
 import TextField from "@mui/material/TextField";
 import Typography from "@mui/material/Typography";
-import { useFormatters } from "../toolkit/useFormatters.js";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { List } from "react-window";
+import { pageNumbersOf, filterPages } from "./goToPageOptions.js";
 import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { useFormatters } from "../toolkit/useFormatters.js";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaGoToPage";
 const GoToRoot = piecePart(THEME_NAME, "Root", Stack);
 const GoToField = piecePart(THEME_NAME, "Field", Autocomplete);
-const RENDER_LIMIT = 100;
-function filterPages(pageNumbers, { inputValue }) {
-  const typedText = inputValue.trim();
-  if (!typedText) {
-    return pageNumbers.slice(0, RENDER_LIMIT);
-  }
-  const startingWith = pageNumbers.filter((pageNumber) => String(pageNumber).startsWith(typedText));
-  const containing = pageNumbers.filter((pageNumber) => !String(pageNumber).startsWith(typedText) && String(pageNumber).includes(typedText));
-  return [...startingWith, ...containing].slice(0, RENDER_LIMIT);
+const OPTION_HEIGHT = 36;
+const PHONE_OPTION_HEIGHT = 48;
+const LISTBOX_MAX_HEIGHT = 240;
+const LISTBOX_PADDING = 8;
+const OVERSCAN_ROWS = 5;
+function PageOption({ index, style, pageOptions }) {
+  const [{ key, ...optionProps }, pageNumber] = pageOptions[index];
+  return /* @__PURE__ */ jsx(Typography, { component: "li", ...optionProps, noWrap: true, style: { ...style, top: (style.top ?? 0) + LISTBOX_PADDING }, children: pageNumber }, key);
+}
+function PageListbox({ children: pageOptions, ref, pageCount, pageListRef, pageIndexesRef, className, style, ...listboxProps }) {
+  const isWideScreen = useMediaQuery((theme) => theme.breakpoints.up("sm"), { noSsr: true });
+  const optionHeight = isWideScreen ? OPTION_HEIGHT : PHONE_OPTION_HEIGHT;
+  const listHeight = Math.min(pageOptions.length * optionHeight, LISTBOX_MAX_HEIGHT);
+  useEffect(() => {
+    const pageIndexes = /* @__PURE__ */ new Map();
+    pageOptions.forEach(([, pageNumber], pageIndex) => pageIndexes.set(pageNumber, pageIndex));
+    pageIndexesRef.current = pageIndexes;
+  }, [pageOptions, pageIndexesRef]);
+  const placedListElementsRef = useRef(/* @__PURE__ */ new WeakSet());
+  const keepListApi = (listApi) => {
+    pageListRef.current = listApi;
+    const listElement = listApi?.element;
+    if (!listElement || placedListElementsRef.current.has(listElement)) {
+      return;
+    }
+    placedListElementsRef.current.add(listElement);
+    if (pageOptions.length !== pageCount) {
+      return;
+    }
+    const selectedIndex = pageOptions.findIndex(([optionProps]) => optionProps["aria-selected"] === true);
+    if (selectedIndex >= 0) {
+      listApi.scrollToRow({ index: selectedIndex, align: "center" });
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ref, ...listboxProps, children: /* @__PURE__ */ jsx(
+    List,
+    {
+      role: "none",
+      className,
+      listRef: keepListApi,
+      rowCount: pageOptions.length,
+      rowHeight: optionHeight,
+      rowComponent: PageOption,
+      rowProps: { pageOptions },
+      style: { height: listHeight + 2 * LISTBOX_PADDING, width: "100%", boxSizing: "border-box" },
+      overscanCount: OVERSCAN_ROWS,
+      tagName: "ul"
+    },
+    pageOptions.length
+  ) });
 }
 function GoToPage(props) {
   const { page, pageCount, onChange, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
   warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("table", texts);
   const { formatNumber } = useFormatters();
+  const pageNumbers = useMemo(() => pageNumbersOf(pageCount), [pageCount]);
+  const pageListRef = useRef(null);
+  const pageIndexesRef = useRef(/* @__PURE__ */ new Map());
   if (pageCount <= 1) {
     return null;
   }
-  const pageNumbers = Array.from({ length: pageCount }, (unused, position) => position + 1);
+  const scrollToHighlightedPage = (event, highlightedPageNumber) => {
+    const highlightedIndex = pageIndexesRef.current.get(highlightedPageNumber);
+    if (highlightedIndex !== void 0) {
+      pageListRef.current?.scrollToRow({ index: highlightedIndex, align: "auto" });
+    }
+  };
   return /* @__PURE__ */ jsxs(GoToRoot, { direction: "row", spacing: 0.75, ownSx: { alignItems: "baseline" }, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: t("goToPage.page") }),
     /* @__PURE__ */ jsx(
@@ -37,6 +90,7 @@ function GoToPage(props) {
       {
         size: "small",
         disableClearable: true,
+        disableListWrap: true,
         openOnFocus: true,
         autoHighlight: true,
         options: pageNumbers,
@@ -44,13 +98,15 @@ function GoToPage(props) {
         value: page + 1,
         isOptionEqualToValue: (option, selectedValue) => option === selectedValue,
         getOptionLabel: (option) => String(option),
+        renderOption: (optionProps, pageNumber) => [optionProps, pageNumber],
+        onHighlightChange: scrollToHighlightedPage,
         onChange: (event, selectedPageNumber) => {
           if (selectedPageNumber !== null && selectedPageNumber - 1 !== page) {
             onChange(selectedPageNumber - 1);
           }
         },
         ownSx: { width: 78, "& .MuiAutocomplete-endAdornment": { right: 0 } },
-        slotProps: { listbox: { sx: { maxHeight: 240 } } },
+        slotProps: { listbox: { component: PageListbox, pageCount, pageListRef, pageIndexesRef } },
         renderInput: (params) => /* @__PURE__ */ jsx(
           TextField,
           {

package/dist/DataTable/GoToPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoToPage.js","sources":["../../src/DataTable/GoToPage.jsx"],"sourcesContent":["// \"Ir a la página N\", como un selector con búsqueda.\n//\n// Con cientos de páginas, llegar a la 137 a punta de flechita no es navegar. Un Autocomplete dice las tres cosas sin\n// explicarlas: se abre y se ve la lista, se teclea y se filtra, se elige y ya.\n//\n// Tres detalles:\n//   1. la lista se recorta a RENDER_LIMIT opciones en el DOM; lo demás se alcanza tecleando;\n//   2. filtra por PREFIJO primero (teclear 13 da 13, 130, 131...) y luego por \"contiene\";\n//   3. con una sola página no se pinta: sería un control que no lleva a ningún lado.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaGoToPage con defaultProps y\n// styleOverrides de sus partes: root, field.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaGoToPage)\nconst THEME_NAME = 'CalcitaGoToPage';\nconst GoToRoot = piecePart(THEME_NAME, 'Root', Stack);\nconst GoToField = piecePart(THEME_NAME, 'Field', Autocomplete);\n\n// tope del DOM, no de la navegación\nconst RENDER_LIMIT = 100;\n\nfunction filterPages(pageNumbers, {inputValue}) {\n    const typedText = inputValue.trim();\n    if (!typedText) {\n        return pageNumbers.slice(0, RENDER_LIMIT);\n    }\n    const startingWith = pageNumbers.filter((pageNumber) => String(pageNumber).startsWith(typedText));\n    const containing = pageNumbers.filter((pageNumber) => !String(pageNumber).startsWith(typedText) && String(pageNumber).includes(typedText));\n    return [...startingWith, ...containing].slice(0, RENDER_LIMIT);\n}\n\n/**\n * @param {object} props\n * @param {number} props.page cuenta desde 0\n * @param {number} props.pageCount\n * @param {(page: number) => void} props.onChange\n * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete\n */\nexport default function GoToPage(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaGoToPage.defaultProps) y encima lo que llega aquí\n    const {page, pageCount, onChange, texts, ...unknownProps} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('table', texts);\n    const {formatNumber} = useFormatters();\n\n    // guard clause: con una página no hay a dónde ir\n    if (pageCount <= 1) {\n        return null;\n    }\n\n    // la persona cuenta desde 1 y el estado de la tabla desde 0: la conversión vive AQUÍ y en ningún otro lado\n    const pageNumbers = Array.from({length: pageCount}, (unused, position) => position + 1);\n\n    return (\n        <GoToRoot direction=\"row\" spacing={0.75} ownSx={{alignItems: 'baseline'}}>\n            <Typography variant=\"body2\" color=\"text.secondary\" noWrap>{t('goToPage.page')}</Typography>\n            <GoToField\n                size=\"small\"\n                disableClearable\n                openOnFocus\n                autoHighlight\n                options={pageNumbers}\n                filterOptions={filterPages}\n                value={page + 1}\n                isOptionEqualToValue={(option, selectedValue) => option === selectedValue}\n                getOptionLabel={(option) => String(option)}\n                onChange={(event, selectedPageNumber) => {\n                    if (selectedPageNumber !== null && selectedPageNumber - 1 !== page) {\n                        onChange(selectedPageNumber - 1);\n                    }\n                }}\n                ownSx={{width: 78, '& .MuiAutocomplete-endAdornment': {right: 0}}}\n                slotProps={{listbox: {sx: {maxHeight: 240}}}}\n                renderInput={(params) => (\n                    <TextField {...params} variant=\"standard\"\n                               slotProps={{htmlInput: {...params.inputProps, inputMode: 'numeric', 'aria-label': t('goToPage.ariaLabel')}}} />\n                )}\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\" noWrap>\n                {t('goToPage.of', {count: pageCount, total: formatNumber(pageCount)})}\n            </Typography>\n        </GoToRoot>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAyBA,MAAM,aAAa;AACnB,MAAM,WAAW,UAAU,YAAY,QAAQ,KAAK;AACpD,MAAM,YAAY,UAAU,YAAY,SAAS,YAAY;AAG7D,MAAM,eAAe;AAErB,SAAS,YAAY,aAAa,EAAC,cAAa;AAC5C,QAAM,YAAY,WAAW,KAAA;AAC7B,MAAI,CAAC,WAAW;AACZ,WAAO,YAAY,MAAM,GAAG,YAAY;AAAA,EAC5C;AACA,QAAM,eAAe,YAAY,OAAO,CAAC,eAAe,OAAO,UAAU,EAAE,WAAW,SAAS,CAAC;AAChG,QAAM,aAAa,YAAY,OAAO,CAAC,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,SAAS,KAAK,OAAO,UAAU,EAAE,SAAS,SAAS,CAAC;AACzI,SAAO,CAAC,GAAG,cAAc,GAAG,UAAU,EAAE,MAAM,GAAG,YAAY;AACjE;AASA,SAAwB,SAAS,OAAO;AAEpC,QAAM,EAAC,MAAM,WAAW,UAAU,OAAO,GAAG,iBAAgB,cAAc,OAAO,UAAU;AAC3F,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,SAAS,KAAK;AAChD,QAAM,EAAC,aAAA,IAAgB,cAAA;AAGvB,MAAI,aAAa,GAAG;AAChB,WAAO;AAAA,EACX;AAGA,QAAM,cAAc,MAAM,KAAK,EAAC,QAAQ,UAAA,GAAY,CAAC,QAAQ,aAAa,WAAW,CAAC;AAEtF,SACI,qBAAC,UAAA,EAAS,WAAU,OAAM,SAAS,MAAM,OAAO,EAAC,YAAY,WAAA,GACzD,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,QAAM,MAAE,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,IAC9E;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,kBAAgB;AAAA,QAChB,aAAW;AAAA,QACX,eAAa;AAAA,QACb,SAAS;AAAA,QACT,eAAe;AAAA,QACf,OAAO,OAAO;AAAA,QACd,sBAAsB,CAAC,QAAQ,kBAAkB,WAAW;AAAA,QAC5D,gBAAgB,CAAC,WAAW,OAAO,MAAM;AAAA,QACzC,UAAU,CAAC,OAAO,uBAAuB;AACrC,cAAI,uBAAuB,QAAQ,qBAAqB,MAAM,MAAM;AAChE,qBAAS,qBAAqB,CAAC;AAAA,UACnC;AAAA,QACJ;AAAA,QACA,OAAO,EAAC,OAAO,IAAI,mCAAmC,EAAC,OAAO,IAAC;AAAA,QAC/D,WAAW,EAAC,SAAS,EAAC,IAAI,EAAC,WAAW,IAAA,IAAI;AAAA,QAC1C,aAAa,CAAC,WACV;AAAA,UAAC;AAAA,UAAA;AAAA,YAAW,GAAG;AAAA,YAAQ,SAAQ;AAAA,YACpB,WAAW,EAAC,WAAW,EAAC,GAAG,OAAO,YAAY,WAAW,WAAW,cAAc,EAAE,oBAAoB,IAAC;AAAA,UAAC;AAAA,QAAA;AAAA,MAAG;AAAA,IAAA;AAAA,wBAG/H,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,QAAM,MACpD,UAAA,EAAE,eAAe,EAAC,OAAO,WAAW,OAAO,aAAa,SAAS,EAAA,CAAE,EAAA,CACxE;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"GoToPage.js","sources":["../../src/DataTable/GoToPage.jsx"],"sourcesContent":["// \"Ir a la página N\", como un selector con búsqueda.\n//\n// Con cientos de páginas, llegar a la 137 a punta de flechita no es navegar. Un Autocomplete dice las tres cosas sin\n// explicarlas: se abre y se ve la lista, se teclea y se filtra, se elige y ya.\n//\n// Cuatro detalles:\n//   1. la lista trae TODAS las páginas, pero pinta solo las que se ven (react-window, el «Virtualization» de la\n//      documentación del Autocomplete de MUI): con decenas de miles de páginas abre igual de rápido y se desliza hasta la\n//      última. Antes se cortaba en 100 y la 101 solo se alcanzaba tecleando;\n//   2. abre en la página donde está la tabla, no en la 1;\n//   3. filtra por PREFIJO primero (teclear 13 da 13, 130, 131...) y luego por \"contiene\" (goToPageOptions.js);\n//   4. con una sola página no se pinta: sería un control que no lleva a ningún lado.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaGoToPage con defaultProps y\n// styleOverrides de sus partes: root, field.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useMemo, useRef} from 'react';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport {List} from 'react-window';\n\nimport {filterPages, pageNumbersOf} from '@/DataTable/goToPageOptions.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaGoToPage)\nconst THEME_NAME = 'CalcitaGoToPage';\nconst GoToRoot = piecePart(THEME_NAME, 'Root', Stack);\nconst GoToField = piecePart(THEME_NAME, 'Field', Autocomplete);\n\n// alto de cada página en la lista: el de una opción de MUI, 36 px desde «sm» y 48 en el teléfono (MUI les da 48 de alto\n// mínimo ahí). OJO: react-window acomoda cada renglón con este número; si no es el alto real, se encimarían\nconst OPTION_HEIGHT = 36;\nconst PHONE_OPTION_HEIGHT = 48;\n// lo más alto que crece la lista y el margen de arriba y abajo que MUI les da a sus listas\nconst LISTBOX_MAX_HEIGHT = 240;\nconst LISTBOX_PADDING = 8;\n// renglones de más que se pintan arriba y abajo de lo visible, para que no parpadee al deslizar\nconst OVERSCAN_ROWS = 5;\n\n/**\n * Un renglón de la lista: la opción que armó MUI (role=\"option\", resaltado, clic) acomodada donde dice react-window.\n *\n * @param {{index: number, style: object, pageOptions: Array<[object, number]>}} props\n */\nfunction PageOption({index, style, pageOptions}) {\n    const [{key, ...optionProps}, pageNumber] = pageOptions[index];\n\n    return (\n        <Typography key={key} component=\"li\" {...optionProps} noWrap style={{...style, top: (style.top ?? 0) + LISTBOX_PADDING}}>\n            {pageNumber}\n        </Typography>\n    );\n}\n\n/**\n * La lista del Autocomplete con react-window (el adaptador de la documentación de MUI).\n *\n * MUI le pasa sus props de lista (role=\"listbox\", id, eventos) y cada opción ya armada como [props, página] (ver\n * renderOption en GoToPage). Al abrir, se acomoda en la página elegida.\n *\n * @param {object} props\n * @param {Array<[object, number]>} props.children las opciones ya armadas por MUI\n * @param {import('react').Ref<HTMLDivElement>} [props.ref]\n * @param {number} props.pageCount cuántas páginas tiene la tabla: con todas en la lista, nadie ha tecleado\n * @param {{current: object|null}} props.pageListRef la API de react-window, para deslizar hasta una página\n * @param {{current: Map<number, number>}} props.pageIndexesRef se llena con página → lugar en la lista, para seguir con el\n *     teclado a la resaltada\n * @param {string} [props.className]\n */\nfunction PageListbox({children: pageOptions, ref, pageCount, pageListRef, pageIndexesRef, className, style, ...listboxProps}) {\n    const isWideScreen = useMediaQuery((theme) => theme.breakpoints.up('sm'), {noSsr: true});\n    const optionHeight = isWideScreen ? OPTION_HEIGHT : PHONE_OPTION_HEIGHT;\n    const listHeight = Math.min(pageOptions.length * optionHeight, LISTBOX_MAX_HEIGHT);\n\n    // dónde quedó cada página en la lista filtrada\n    useEffect(() => {\n        const pageIndexes = new Map();\n        pageOptions.forEach(([, pageNumber], pageIndex) => pageIndexes.set(pageNumber, pageIndex));\n        pageIndexesRef.current = pageIndexes;\n    }, [pageOptions, pageIndexesRef]);\n\n    // al abrir sin teclear (la lista trae TODAS las páginas) se acomoda en la página elegida, la opción que MUI marca como\n    // seleccionada; tecleando se queda arriba, en la primera que coincide.\n    // OJO: no va en un useEffect al montar: en ese momento react-window todavía no guarda su contenedor y scrollToRow no\n    // hace nada. Se hace cuando react-window entrega su API ya con el contenedor (listRef como función), una sola vez por\n    // lista armada: después no pelea con quien desliza\n    const placedListElementsRef = useRef(new WeakSet());\n    const keepListApi = (listApi) => {\n        pageListRef.current = listApi;\n        const listElement = listApi?.element;\n        if (!listElement || placedListElementsRef.current.has(listElement)) {\n            return;\n        }\n        placedListElementsRef.current.add(listElement);\n        if (pageOptions.length !== pageCount) {\n            return;\n        }\n        const selectedIndex = pageOptions.findIndex(([optionProps]) => optionProps['aria-selected'] === true);\n        if (selectedIndex >= 0) {\n            listApi.scrollToRow({index: selectedIndex, align: 'center'});\n        }\n    };\n\n    return (\n        <div ref={ref} {...listboxProps}>\n            <List\n                // OJO: react-window le pone role=\"list\" a su contenedor; las opciones tienen que ser de la lista de MUI\n                // (role=\"listbox\", el div de afuera) para que un lector de pantalla las anuncie como opciones del selector\n                role=\"none\"\n                className={className}\n                listRef={keepListApi}\n                // OJO: otra cantidad de páginas (al teclear) arma la lista de nuevo y la regresa arriba\n                key={pageOptions.length}\n                rowCount={pageOptions.length}\n                rowHeight={optionHeight}\n                rowComponent={PageOption}\n                rowProps={{pageOptions}}\n                style={{height: listHeight + 2 * LISTBOX_PADDING, width: '100%', boxSizing: 'border-box'}}\n                overscanCount={OVERSCAN_ROWS}\n                tagName=\"ul\"\n            />\n        </div>\n    );\n}\n\n/**\n * @param {object} props\n * @param {number} props.page cuenta desde 0\n * @param {number} props.pageCount\n * @param {(page: number) => void} props.onChange\n * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete\n */\nexport default function GoToPage(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaGoToPage.defaultProps) y encima lo que llega aquí\n    const {page, pageCount, onChange, texts, ...unknownProps} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('table', texts);\n    const {formatNumber} = useFormatters();\n    // la persona cuenta desde 1 y el estado de la tabla desde 0: la conversión vive AQUÍ y en ningún otro lado\n    const pageNumbers = useMemo(() => pageNumbersOf(pageCount), [pageCount]);\n    const pageListRef = useRef(null);\n    const pageIndexesRef = useRef(new Map());\n\n    // guard clause: con una página no hay a dónde ir\n    if (pageCount <= 1) {\n        return null;\n    }\n\n    // con las flechas del teclado, la lista desliza hasta la página resaltada (react-window no la tiene pintada)\n    const scrollToHighlightedPage = (event, highlightedPageNumber) => {\n        const highlightedIndex = pageIndexesRef.current.get(highlightedPageNumber);\n        if (highlightedIndex !== undefined) {\n            pageListRef.current?.scrollToRow({index: highlightedIndex, align: 'auto'});\n        }\n    };\n\n    return (\n        <GoToRoot direction=\"row\" spacing={0.75} ownSx={{alignItems: 'baseline'}}>\n            <Typography variant=\"body2\" color=\"text.secondary\" noWrap>{t('goToPage.page')}</Typography>\n            <GoToField\n                size=\"small\"\n                disableClearable\n                disableListWrap\n                openOnFocus\n                autoHighlight\n                options={pageNumbers}\n                filterOptions={filterPages}\n                value={page + 1}\n                isOptionEqualToValue={(option, selectedValue) => option === selectedValue}\n                getOptionLabel={(option) => String(option)}\n                // cada opción viaja armada a PageListbox, que pinta solo las que se ven\n                renderOption={(optionProps, pageNumber) => [optionProps, pageNumber]}\n                onHighlightChange={scrollToHighlightedPage}\n                onChange={(event, selectedPageNumber) => {\n                    if (selectedPageNumber !== null && selectedPageNumber - 1 !== page) {\n                        onChange(selectedPageNumber - 1);\n                    }\n                }}\n                ownSx={{width: 78, '& .MuiAutocomplete-endAdornment': {right: 0}}}\n                slotProps={{listbox: {component: PageListbox, pageCount, pageListRef, pageIndexesRef}}}\n                renderInput={(params) => (\n                    <TextField {...params} variant=\"standard\"\n                               slotProps={{htmlInput: {...params.inputProps, inputMode: 'numeric', 'aria-label': t('goToPage.ariaLabel')}}} />\n                )}\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\" noWrap>\n                {t('goToPage.of', {count: pageCount, total: formatNumber(pageCount)})}\n            </Typography>\n        </GoToRoot>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/DataTable/ServerTable.js

@@ -298,6 +298,8 @@ function ServerTable(props) {
   const tableFilterValue = useMemo(() => ({
     filters,
     setFilter: tableState.setFilter,
+    // varios a la vez (el cajón de búsqueda manda todos sus campos juntos: una sola consulta)
+    setFilters: tableState.setFilters,
     clearFilter: tableState.clearFilter,
     sortOrders,
     toggleSort,

package/dist/DataTable/ServerTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerTable.js","sources":["../../src/DataTable/ServerTable.jsx"],"sourcesContent":["// La tabla: pagina, filtra y ordena EN EL SERVIDOR (contrato {filters, sortOrders, page, pageSize} → {rows, total, facets}).\n//\n// Cada cambio de filtro, orden o página es una consulta nueva contra el conjunto COMPLETO y el total que se muestra\n// es el real. Traer todo y filtrar en el navegador mentiría en cuanto el conjunto no quepa en una página.\n//\n// Contrato de fetchPage:\n//   fetchPage({filters, sortOrders, page, pageSize}, signal) → Promise<{rows, total, facets?, capped?}>\n//   - rows: cada fila con su id del SERVIDOR (getRowId). Fabricarlo en el front colisiona y el DataGrid conserva\n//     filas de la consulta anterior;\n//   - facets: {campo: [{value, total}]} contadas SIN el filtro de ese campo (lo hace el servidor), para que la\n//     selección múltiple siga siendo posible;\n//   - capped: el total es \"al menos esto\".\n//\n// Elegir renglones (selectionActions): una casilla por renglón y las acciones de los elegidos (rowSelection.js dice cómo\n// se conservan entre páginas y qué es «todos los que coinciden»; SelectionActions, dónde se ven sus acciones).\n//\n// Piezas: useTableState (URL con nuqs y prefijo) · tableMachine (XState: carga, error y respuestas rezagadas) ·\n// columns.jsx (encabezados con orden y filtro) · FilterChips · QuickFilters · GoToPage · EmptyState.\n//\n// Con @mui/x-data-grid 8 (compatible con MUI 7).\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaServerTable con defaultProps y\n// styleOverrides de sus partes: toolbar, summary, customHeader, count, countRow, selectionNotice, error, card, grid,\n// pagination.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {useMachine} from '@xstate/react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Paper from '@mui/material/Paper';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport {useTheme} from '@mui/material/styles';\nimport SearchIcon from '@mui/icons-material/Search';\nimport {DataGrid, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_CHECKBOX_SELECTION_FIELD, GridPagination} from '@mui/x-data-grid';\nimport {enUS as dataGridEnglish, esES as dataGridSpanish} from '@mui/x-data-grid/locales';\n\nimport EmptyState from '@/DataTable/EmptyState.jsx';\nimport FilterChips from '@/DataTable/FilterChips.jsx';\nimport GoToPage from '@/DataTable/GoToPage.jsx';\nimport {TableFilterContext} from '@/DataTable/filterContext.js';\nimport {\n    EMPTY_ROW_SELECTION, canSelectAllMatching, checkedIdsOf, rowSelectionOf, selectionAfterCheck,\n} from '@/DataTable/rowSelection.js';\nimport {buildTableActors, tableMachine} from '@/DataTable/tableMachine.js';\nimport {useDebouncedFilter} from '@/DataTable/useDebouncedFilter.js';\nimport {FILTER_KINDS, isFilterActive, useTableState} from '@/DataTable/useTableState.js';\nimport BarSearch from '@/appShell/BarSearch.jsx';\nimport {PHONE_MEDIA_QUERY} from '@/appShell/shellSizes.js';\nimport SelectionActions, {SELECTION_PHONE_LAYOUT, selectionFloatsOnPhone} from '@/ui/actions/SelectionActions.jsx';\nimport ComponentTexts from '@/toolkit/ComponentTexts.jsx';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {materialBackgroundOf} from '@/theme/glassSurface.js';\nimport QuickFilters from '@/ui/filters/QuickFilters.jsx';\nimport Tag from '@/ui/labels/Tag.jsx';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaServerTable)\nconst THEME_NAME = 'CalcitaServerTable';\nconst TableToolbar = piecePart(THEME_NAME, 'Toolbar', Stack);\nconst TableSummary = piecePart(THEME_NAME, 'Summary', Box);\nconst TableCustomHeader = piecePart(THEME_NAME, 'CustomHeader', Box);\nconst TableCount = piecePart(THEME_NAME, 'Count', Stack);\nconst TableCountRow = piecePart(THEME_NAME, 'CountRow', Stack);\nconst TableSelectionNotice = piecePart(THEME_NAME, 'SelectionNotice', Alert);\nconst TableError = piecePart(THEME_NAME, 'Error', Alert);\nconst TableCard = piecePart(THEME_NAME, 'Card', Paper);\nconst TableGrid = piecePart(THEME_NAME, 'Grid', DataGrid);\nconst TablePagination = piecePart(THEME_NAME, 'Pagination', Stack);\n\n// OJO: los textos del DataGrid van como PROP (localeText) y no solo en el tema: el grid resuelve sus defaults en\n// inglés y le ganan a los defaultProps del tema\nconst DATA_GRID_TEXT_BY_LANGUAGE = {\n    es: dataGridSpanish.components.MuiDataGrid.defaultProps.localeText,\n    en: dataGridEnglish.components.MuiDataGrid.defaultProps.localeText,\n};\n\n/**\n * Nonce de la CSP de la página, si la aplicación usa CSP y lo pone en <meta property=\"csp-nonce\">.\n *\n * IMPORTANTE: el DataGrid 8 inserta un <style> con sus variables CSS (bordes, fondos, espaciado). Sin el nonce la CSP lo\n * bloquea (\"style-src-elem\") y la tabla se pinta sin sus variables. OJO: el navegador esconde el valor del atributo\n * (getAttribute regresa \"\"); se lee con la propiedad .nonce, igual que el caché de emotion con nonce.\n *\n * @returns {string|undefined}\n */\nfunction readCspNonce() {\n    // pintando en el servidor (Next.js) no hay documento: ahí el nonce lo pone quien arma el HTML\n    if (typeof document === 'undefined') {\n        return undefined;\n    }\n\n    return document.querySelector('meta[property=\"csp-nonce\"]')?.nonce || undefined;\n}\n\n// Densidad compacta en todas las tablas: el espaciado por omisión desperdicia renglones. Son los altos que pinta el DataGrid 8 con density=\"compact\": la base de 52 px del renglón y de 56 px del\n// encabezado por el factor 0.7, redondeados hacia abajo. El pie (paginación) no cambia con la densidad.\n// OJO: si se cambia la densidad, estos números se vuelven a medir en Chrome; con ellos se calcula el alto del contenedor\n// y un número viejo deja hueco blanco abajo o una barra de desplazamiento sin necesidad\nconst ROW_HEIGHT_PIXELS = 36;\nconst COLUMN_HEADER_HEIGHT_PIXELS = 39;\nconst FOOTER_HEIGHT_PIXELS = 52;\n// líneas del borde del encabezado y del pie\nconst GRID_BORDER_PIXELS = 2;\n// holgura de alto de la tabla: debajo del último renglón queda este hueco, así que va lo más chico que aguanta.\n// OJO: con el alto exacto, el redondeo de subpíxeles hace que el DataGrid crea que hay scroll vertical, reserve el ancho de\n// la barra y aparezca un scroll lateral de 5 px. Lo vigila e2e/tests/upload-control.spec.js (la tabla no se desliza de lado)\nconst HEIGHT_SLACK_PIXELS = 2;\nconst DATA_GRID_DENSITY = 'compact';\nconst STRIPED_ROW_CLASS = 'server-table-row--striped';\n// dónde van los elegidos en el teléfono: la regla vive en SelectionActions; la tabla la vuelve a exportar por comodidad\nexport {SELECTION_PHONE_LAYOUT};\n\n\n// a qué altura van la celda y el encabezado fijos: los mismos que usa el DataGrid de paga para sus columnas fijas. El\n// encabezado va arriba de la raya que separa columnas (30); con menos, la raya de las otras columnas lo cruzaba al deslizar\nconst FIXED_CELL_Z_INDEX = 30;\nconst FIXED_HEADER_Z_INDEX = 40;\n// ancho de la columna de casillas para elegir renglones (la del DataGrid)\nconst CHECKBOX_COLUMN_WIDTH_PIXELS = GRID_CHECKBOX_SELECTION_COL_DEF.width;\n\n/**\n * Estilos que dejan pegada a la izquierda una columna al deslizar la tabla de lado (en el teléfono y en una ventana angosta),\n * igual que fixedSelectColumn de mui-datatables. Fijar columnas en MUI X es de DataGridPro (de paga); por dentro Pro usa\n * position sticky en la celda, y eso mismo se hace aquí, también con su banda del encabezado cuando la banda es solo suya\n * (p. ej. una banda PERIODO de una sola columna).\n *\n * OJO, trampas pagadas:\n *   - el DataGrid gratuito solo dibuja las columnas que se ven (virtualización) y al deslizar mucho a la derecha quitaba del\n *     DOM a la columna fija, que desaparecía. Un margen de columnas extra (columnBufferPx) no alcanzó: con columna fija la\n *     tabla va con disableVirtualization y dibuja todo, que en nuestras tablas son menos de quince columnas y una página;\n *   - la celda fija necesita fondo SÓLIDO o se ve lo que pasa por debajo. Toma el color de su renglón (inherit), pero hay\n *     renglones con color transparente (una banda de color, la cebra, el resaltado del mouse): ahí se asomaban las\n *     cifras de las otras columnas. Por eso el fondo va en dos capas: abajo el papel, sólido (backgroundImage, que se pinta\n *     encima del color propio de la celda), y encima el color del renglón en un ::before detrás del texto (zIndex -1 dentro\n *     de la celda). Se ve igual que el renglón y no transparenta.\n * El renglón lleva el fondo del papel con :where(), que no suma especificidad: así los renglones que la página pinta de otro\n * color le siguen ganando. Los colores salen de la paleta del tema (de sus variables CSS si el tema las usa) para que\n * cambien con el modo oscuro.\n *\n * Con el contenido de material del tema de vidrio (createToolkitTheme({glass: {surfaces: true}})) la tabla no lleva fondo\n * propio: los renglones van transparentes y la celda pegada lleva el mismo material esmerilado, que tapa lo que pasa por\n * debajo sin verse como una columna blanca (así se veía con el papel sólido).\n *\n * Con renglones que se eligen, la casilla también se queda pegada, antes que la columna fija: si no, al deslizar la fija\n * tapaba la casilla.\n *\n * @param {object} theme tema de MUI\n * @param {string} field campo de la columna que se queda fija\n * @param {{withCheckboxColumn?: boolean}} [options]\n * @returns {object} estilos para el sx del DataGrid\n */\nfunction fixedColumnSxOf(theme, field, {withCheckboxColumn = false} = {}) {\n    // un tema con variables CSS (cssVariables) las trae en theme.vars; el tema por omisión de MUI, solo en theme.palette\n    const {palette} = theme.vars ?? theme;\n    const paper = palette.background.paper;\n    const divider = `1px solid ${palette.divider}`;\n    // la banda del encabezado que lleva solo a esta columna: el DataGrid la marca con sus campos entre |- y -|\n    const ownBandHeader = `.MuiDataGrid-columnHeader[data-fields=\"|-${field}-|\"]`;\n    const isMaterialContent = Boolean(theme.toolkit?.glass?.surfaces);\n    // abajo la capa (el papel o el material) y encima el color del renglón (el ::before)\n    const stickyBackground = {backgroundColor: 'inherit', ...(isMaterialContent ? materialBackgroundOf(theme, {thick: true}) : {backgroundImage: `linear-gradient(${paper}, ${paper})`})};\n    const headerBackground = isMaterialContent ? materialBackgroundOf(theme, {thick: true}) : {backgroundColor: paper};\n    const rowColorLayer = {content: '\"\"', position: 'absolute', inset: 0, zIndex: -1, backgroundColor: 'inherit'};\n    const fixedLeft = withCheckboxColumn ? CHECKBOX_COLUMN_WIDTH_PIXELS : 0;\n    const checkboxCell = `.MuiDataGrid-cell[data-field=\"${GRID_CHECKBOX_SELECTION_FIELD}\"]`;\n    const checkboxHeader = `.MuiDataGrid-columnHeader[data-field=\"${GRID_CHECKBOX_SELECTION_FIELD}\"]`;\n\n    return {\n        '& :where(.MuiDataGrid-row)': {backgroundColor: isMaterialContent ? 'transparent' : paper},\n        [`& .MuiDataGrid-cell[data-field=\"${field}\"]`]: {\n            position: 'sticky', left: fixedLeft, zIndex: FIXED_CELL_Z_INDEX, borderRight: divider,\n            ...stickyBackground,\n            '&::before': rowColorLayer,\n        },\n        [`& :where(.MuiDataGrid-columnHeader[data-field=\"${field}\"], ${ownBandHeader})`]: headerBackground,\n        [`& .MuiDataGrid-columnHeader[data-field=\"${field}\"], & ${ownBandHeader}`]: {\n            position: 'sticky', left: fixedLeft, zIndex: FIXED_HEADER_Z_INDEX, borderRight: divider,\n        },\n        ...(withCheckboxColumn && {\n            [`& ${checkboxCell}`]: {position: 'sticky', left: 0, zIndex: FIXED_CELL_Z_INDEX, ...stickyBackground, '&::before': rowColorLayer},\n            [`& :where(${checkboxHeader})`]: headerBackground,\n            [`& ${checkboxHeader}`]: {position: 'sticky', left: 0, zIndex: FIXED_HEADER_Z_INDEX},\n        }),\n    };\n}\nconst COMPACT_DENSITY_FACTOR = 0.7;\n\n/** Una tira de accesos rápidos sobre un campo de la tabla, alimentada por su faceta. */\nfunction QuickFilterRow({quickFilter, facets, total, filters, isMultiple, setFilter, setFilters}) {\n    const {t} = useToolkitTranslation('table');\n    const facetOptions = facets[quickFilter.facetKey ?? quickFilter.field] ?? [];\n    const orderedOptions = quickFilter.order\n        ? quickFilter.order.map((optionValue) => facetOptions.find((option) => option.value === optionValue) ?? {value: optionValue, total: 0})\n        : facetOptions;\n\n    // en un filtro múltiple el chip activo es la opción cuando es la ÚNICA elegida: con varias puestas desde la columna\n    // ningún chip miente estando encendido\n    const currentValue = filters[quickFilter.field];\n    // si otro control del mismo \"qué\" está puesto (un rango de fechas), ningún chip se enciende\n    const isOverridden = quickFilter.isOverridden?.(filters) ?? false;\n    let selectedValue = currentValue ?? '';\n    if (isOverridden) {\n        selectedValue = '__overridden__';\n    } else if (isMultiple) {\n        selectedValue = Array.isArray(currentValue) && currentValue.length === 1 ? currentValue[0] : '';\n    }\n\n    // el conteo de \"Todas\" es la suma de la faceta (el resultado SIN este filtro), no el de la página actual; cuando las\n    // opciones se traslapan la suma mentiría: el total lo da el servidor en allCountKey o, si no lo da, no se pinta\n    // conteo (hideAllCount) antes que pintar uno falso\n    let allCount = facetOptions.reduce((sum, option) => sum + (option.total ?? 0), 0) || total;\n    if (quickFilter.allCountKey && typeof facets[quickFilter.allCountKey] === 'number') {\n        allCount = facets[quickFilter.allCountKey];\n    } else if (quickFilter.hideAllCount) {\n        allCount = undefined;\n    }\n\n    const handleChange = (nextValue) => {\n        const pickedValue = isMultiple ? (nextValue ? [nextValue] : []) : nextValue;\n        // elegir un chip limpia los controles que compiten con él\n        if (quickFilter.clears) {\n            setFilters({[quickFilter.field]: pickedValue, ...quickFilter.clears});\n        } else {\n            setFilter(quickFilter.field, pickedValue);\n        }\n    };\n\n    return (\n        <QuickFilters\n            caption={quickFilter.caption}\n            ariaLabel={quickFilter.caption}\n            value={selectedValue}\n            onChange={handleChange}\n            extra={quickFilter.renderExtra?.({filters, setFilters})}\n            options={[\n                {value: '', label: quickFilter.allLabel ?? t('quickFilters.all'), count: allCount},\n                ...orderedOptions.map((option) => ({\n                    value: option.value,\n                    label: quickFilter.renderLabel ? quickFilter.renderLabel(option.value) : option.value,\n                    count: option.total,\n                })),\n            ]}\n        />\n    );\n}\n\n/** @typedef {import('@/DataTable/rowSelection.js').RowSelection} RowSelection */\n\n/**\n * @param {object} props\n * @param {(params: {filters: Record<string, any>, sortOrders: Array<{column: string, direction: 'asc'|'desc'}>, page: number, pageSize: number}, signal: AbortSignal) => Promise<{rows: any[], total: number, facets?: Record<string, Array<{value: any, total: number}> | number>, capped?: boolean}>} props.fetchPage\n *     page cuenta desde 0; toServerTableParams lo convierte a la query del API\n * @param {string} props.queryKey cambia cuando cambia el CONJUNTO (no los filtros): dispara recarga\n * @param {boolean} [props.enabled] false mientras la sección está oculta: una tabla que nadie ve no consulta\n * @param {Array<object>} props.columns textColumn / facetColumn / detailColumn o columnas del DataGrid\n * @param {Record<string, string>} [props.filterKinds]\n * @param {Record<string, unknown>} [props.filterDefaults]\n * @param {Array<object>} [props.chipConfig] buildChipConfig\n * @param {Array<object>} [props.quickFilters] {field, facetKey, caption, allLabel, renderLabel, order, clears,\n *     isOverridden, renderExtra, allCountKey, hideAllCount}\n * @param {string|null} [props.searchField] filtro de texto que se saca a la barra; null quita la caja\n * @param {string} [props.searchPlaceholder]\n * @param {boolean} [props.searchInBar] la caja de búsqueda va arriba, en la barra de la app (BarActions): en escritorio,\n *     como el buscador de una ventana de macOS; en el teléfono con cápsulas flota arriba con las demás; sin cápsulas se\n *     queda aquí. Por omisión no\n * @param {boolean} [props.collapseSearchInBar] en la barra, sin usar se encoge a la lupa y se estira al picarla; por\n *     omisión sí (false: siempre abierta)\n * @param {string} [props.emptyLabel]\n * @param {(total: number) => string} [props.countLabel] \"12 pedidos\"; por defecto \"12 registros\"\n * @param {number[]} [props.pageSizeOptions]\n * @param {number} [props.defaultPageSize]\n * @param {(row: any) => string|number} [props.getRowId]\n * @param {string} [props.prefix] estado en la URL con este prefijo (nuqs); sin él, en memoria\n * @param {unknown} [props.refreshToken] cambia para volver a consultar la misma página (después de una acción)\n * @param {(summary: {total: number, capped: boolean}) => import('react').ReactNode} [props.footer]\n * @param {import('react').ReactNode} [props.toolbarExtra] a la derecha del conteo (p. ej. el selector de año)\n * @param {(summary: {countText: string, total: number, capped: boolean}) => import('react').ReactNode} [props.header] reemplaza\n *     el renglón del conteo: la página pinta título, conteo y controles en uno solo. countText ya viene traducido y con\n *     el tope\n * @param {import('react').ReactNode} [props.beforeQuickFilters] arriba de los accesos rápidos (p. ej. las pestañas de producto)\n * @param {Array<object>} [props.columnGroupingModel] bandas que agrupan columnas bajo un nombre, arriba de sus\n *     encabezados (columnGroupingModel del DataGrid). Con ellas el encabezado mide un renglón más\n * @param {(params: any) => string} [props.getRowClassName]\n * @param {(row: any) => boolean} [props.isRowVisible] cuáles renglones de la página se pintan; los demás se esconden\n *     SIN volver a consultar (p. ej. plegar un grupo de renglones). Sin ella se pintan todos. OJO: va con useCallback;\n *     una función nueva en cada pintada haría filtrar la página cada vez\n * @param {boolean} [props.striped] renglones alternos (cebra) con el color de hover del tema; al pasar el cursor se usa\n *     el de «seleccionado» para que el renglón bajo el cursor se siga distinguiendo\n * @param {(params: any) => number|'auto'|null} [props.getRowHeight]\n * @param {boolean} [props.hideFooterWhenAllRowsFit] esconde el pie (el paginador) mientras todo lo que hay cabe en la\n *     página; si un día no cabe, el pie vuelve solo. Para tablas que casi nunca pasan de una página\n * @param {boolean} [props.showGoToPage] «Ir a página N» junto al paginador; por omisión escondido (con las flechas basta en\n *     casi todas las tablas). Para listas de muchas páginas que se recorren por número\n * @param {object} [props.gridSx] estilos extra del DataGrid (clases de renglón)\n * @param {number} [props.maxGridHeight] alto máximo del contenedor; sin él la tabla crece con sus renglones (default)\n * @param {string} [props.ariaLabel] nombre de la tabla para lectores de pantalla\n * @param {string} [props.fixedColumn] campo de la columna que se queda pegada a la izquierda al deslizar de lado (como\n *     fixedSelectColumn de mui-datatables)\n * @param {Array<{key: string, label: string, icon?: import('react').ReactNode, color?: 'inherit'|'primary'|'secondary'|'error'|'info'|'success'|'warning', isDisabled?: (selection: RowSelection) => boolean, onClick: (selection: RowSelection, helpers: {clearSelection: () => void, refresh: () => void}) => unknown}>} [props.selectionActions]\n *     con ellas cada renglón lleva su casilla y, al elegir, sale la barra de los elegidos con estas acciones. label ya\n *     traducido; onClick recibe la selección (con isAllMatching mande `filters`, no `ids`) y cómo quitar la selección y volver\n *     a consultar después de actuar\n * @param {(row: any) => boolean} [props.isRowSelectable] cuáles renglones se pueden elegir (un pedido entregado no se cancela)\n * @param {boolean} [props.allowSelectAllMatching] la casilla de arriba elige todos los que coinciden (la acción recibe los\n *     filtros) y el aviso deja quedarse solo con la página; por omisión sí. false: la casilla elige la página y nunca se\n *     ofrece «todos»\n * @param {(selection: RowSelection) => void} [props.onSelectionChange] cada que cambia la selección; también enciende las\n *     casillas sin barra de acciones (la pantalla pinta las suyas)\n * @param {'top'|'split'} [props.selectionPhoneLayout] SELECTION_PHONE_LAYOUT: en el teléfono con vidrio o minimalista, todo\n *     arriba (por omisión) o el conteo arriba y las acciones abajo. Sin vidrio, en el renglón como en escritorio\n * @param {(request: {filters: Record<string, any>, sortOrders: Array<{column: string, direction: 'asc'|'desc'}>, page: number, pageSize: number}) => void} [props.onQueryChange]\n *     cada que cambia lo que pide la tabla (un filtro, el orden, la página), antes de consultar: para la lógica de negocio que\n *     depende de lo filtrado («si eligió Cancelados, enseñe el motivo»)\n * @param {(result: {rows: any[], total: number, facets: object, capped: boolean}) => void} [props.onLoaded] cada que llega una\n *     página del servidor\n * @param {(error: unknown) => void} [props.onLoadError] cuando la consulta falla (la tabla ya enseña su aviso con «Reintentar»)\n * @param {object} [props.gridProps] lo demás del DataGrid de MUI, sobre todo sus eventos (onRowClick, onRowDoubleClick,\n *     onCellKeyDown…). OJO: lo que la tabla controla (paginar, ordenar y filtrar en el servidor, el alto, la selección) no se\n *     reemplaza desde aquí: para eso están sus props\n * @param {object} [props.texts] los textos de la tabla que cambian, con la forma de `table` en los textos del paquete\n *     (src/locales/es.js), ya en el idioma de la pantalla: {selection: {clear: 'Deseleccionar'}, empty: {filtered: '…'}}.\n *     También les llegan a sus filtros de columna, sus chips y su barra de elegidos\n */\nexport default function ServerTable(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaServerTable.defaultProps) y encima lo que llega aquí\n    const {\n    fetchPage,\n    queryKey,\n    enabled = true,\n    columns,\n    filterKinds = {},\n    filterDefaults = {},\n    chipConfig = [],\n    quickFilters = [],\n    searchField = 'contains',\n    searchPlaceholder,\n    searchInBar = false,\n    collapseSearchInBar = true,\n    emptyLabel,\n    countLabel,\n    pageSizeOptions = [10, 25, 50, 100],\n    defaultPageSize = 25,\n    getRowId,\n    prefix,\n    refreshToken,\n    footer,\n    toolbarExtra,\n    header,\n    beforeQuickFilters,\n    columnGroupingModel,\n    getRowClassName,\n    isRowVisible,\n    hideFooterWhenAllRowsFit = false,\n    showGoToPage = false,\n    striped = false,\n    getRowHeight,\n    gridSx,\n    maxGridHeight = null,\n    ariaLabel,\n    fixedColumn,\n    selectionActions = [],\n    isRowSelectable,\n    allowSelectAllMatching = true,\n    onSelectionChange,\n    selectionPhoneLayout = SELECTION_PHONE_LAYOUT.top,\n    onQueryChange,\n    onLoaded,\n    onLoadError,\n    gridProps,\n    texts,\n    ...unknownProps\n} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t, language} = useToolkitTranslation('table', texts);\n    const {formatNumber} = useFormatters();\n    const theme = useTheme();\n    const tableState = useTableState({prefix, filterDefaults, filterKinds, defaultPageSize});\n    const {filters, sortOrders, page, pageSize} = tableState;\n\n    // la caja de búsqueda rebota: se escribe sin latencia y al servidor va una consulta cuando se deja de teclear\n    const [searchDraft, setSearchDraft] = useDebouncedFilter(\n        searchField ? filters[searchField] : '',\n        (value) => searchField && tableState.setFilter(searchField, value),\n    );\n\n    // NOTA: fetchPage suele ser una función nueva en cada render; la máquina siempre llama a la más reciente\n    const latestFetchPage = useRef(fetchPage);\n    latestFetchPage.current = fetchPage;\n    const latestEvents = useRef({onQueryChange, onLoaded, onLoadError});\n    latestEvents.current = {onQueryChange, onLoaded, onLoadError};\n    const [tableSnapshot, sendToTable] = useMachine(\n        tableMachine.provide({actors: buildTableActors((params, signal) => latestFetchPage.current(params, signal))}),\n    );\n    const {rows, total, facets, capped, error} = tableSnapshot.context;\n    // lo que se pinta: la página completa o, si la pantalla esconde renglones (un grupo plegado), solo los que deja ver.\n    // Con memoria: un arreglo nuevo en cada pintada haría que el DataGrid volviera a procesar todos sus renglones\n    const visibleRows = useMemo(() => (isRowVisible ? rows.filter(isRowVisible) : rows), [rows, isRowVisible]);\n    const isLoading = tableSnapshot.matches('loading') || tableSnapshot.matches('idle');\n\n    const requestParams = {filters, sortOrders, page, pageSize};\n    const requestFingerprint = JSON.stringify({queryKey, enabled, refreshToken, ...requestParams});\n\n    // IMPORTANTE: UN solo efecto dispara la consulta. Varios useEffect pidiendo lo mismo es como nacen las consultas\n    // duplicadas\n    useEffect(() => {\n        if (!queryKey || !enabled) {\n            return;\n        }\n        latestEvents.current.onQueryChange?.(requestParams);\n        sendToTable({type: 'FETCH', params: requestParams});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [requestFingerprint]);\n\n    // los eventos de la carga salen hacia afuera (la lógica de negocio que depende de lo que llegó). Con referencia a la\n    // función más reciente: la pantalla suele pasar funciones nuevas en cada pintada\n    const isReady = tableSnapshot.matches('ready');\n    useEffect(() => {\n        if (isReady) {\n            latestEvents.current.onLoaded?.({rows, total, facets, capped});\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isReady, rows]);\n    useEffect(() => {\n        if (error) {\n            latestEvents.current.onLoadError?.(error);\n        }\n    }, [error]);\n\n    const toggleSort = (column) => {\n        const currentSort = sortOrders.find((sortOrder) => sortOrder.column === column);\n        if (!currentSort) {\n            tableState.setSort([{column, direction: 'desc'}]);\n        } else if (currentSort.direction === 'desc') {\n            tableState.setSort([{column, direction: 'asc'}]);\n        } else {\n            // tercer clic: regresa al orden por defecto del servidor\n            tableState.setSort([]);\n        }\n    };\n\n    // ─── Renglones elegidos (rowSelection.js) ───\n    // con acciones (o quien escuche los cambios) cada renglón lleva su casilla\n    const isSelectable = selectionActions.length > 0 || Boolean(onSelectionChange);\n    const [rowSelection, setRowSelection] = useState(EMPTY_ROW_SELECTION);\n    const idOf = useCallback((row) => (getRowId ? getRowId(row) : row.id), [getRowId]);\n    const pageRowsById = useMemo(() => new Map(visibleRows.map((row) => [idOf(row), row])), [visibleRows, idOf]);\n    const selectablePageIds = useMemo(\n        () => visibleRows.filter((row) => !isRowSelectable || isRowSelectable(row)).map(idOf),\n        [visibleRows, isRowSelectable, idOf],\n    );\n    const checkedIds = useMemo(() => checkedIdsOf(rowSelection, selectablePageIds), [rowSelection, selectablePageIds]);\n    const selection = rowSelectionOf(rowSelection, {total, capped, filters});\n\n    const updateSelection = (nextSelection) => {\n        setRowSelection(nextSelection);\n        onSelectionChange?.(rowSelectionOf(nextSelection, {total, capped, filters}));\n    };\n    const clearSelection = () => updateSelection(EMPTY_ROW_SELECTION);\n\n    // otro filtro u otro conjunto son otros renglones: la selección se borra para no actuar sobre lo que ya no se ve. Cambiar\n    // de página o de orden la conserva\n    const selectionResetKey = JSON.stringify({queryKey, filters});\n    const lastSelectionResetKey = useRef(selectionResetKey);\n    useEffect(() => {\n        if (lastSelectionResetKey.current === selectionResetKey) {\n            return;\n        }\n        lastSelectionResetKey.current = selectionResetKey;\n        if (rowSelection !== EMPTY_ROW_SELECTION) {\n            clearSelection();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectionResetKey]);\n\n    // el DataGrid avisa qué quedó marcado; con disableRowSelectionExcludeModel siempre es la lista de los marcados\n    const handleGridSelectionChange = (model) => {\n        // la casilla de arriba elige todos los que coinciden (si se permite); el aviso deja quedarse con la página\n        const nextSelection = selectionAfterCheck(rowSelection, model.ids, pageRowsById, selectablePageIds, {\n            allMatchingOnWholePage: allowSelectAllMatching, total, capped,\n        });\n        if (nextSelection !== rowSelection) {\n            updateSelection(nextSelection);\n        }\n    };\n\n    const hasSelection = isSelectable && selection.count > 0;\n    // en el teléfono con barra de pestañas abajo (vidrio, o minimalista con cápsulas) las acciones de los elegidos flotan\n    // (SelectionActions decide dónde) y el conteo de la tabla se queda; sin esa barra, ocupan el lugar del conteo\n    const floatsSelectionOnPhone = selectionFloatsOnPhone(theme);\n    const selectionCountText = selection.isCapped\n        ? t('selection.allMatchingCapped')\n        : t('selection.count', {count: selection.count, total: formatNumber(selection.count)});\n    // cada acción recibe la selección y cómo dejar la tabla al terminar; isDisabled se resuelve con la selección de ahora\n    const selectionHelpers = {clearSelection, refresh: () => sendToTable({type: 'FETCH', params: requestParams})};\n    const selectionActionItems = selectionActions.map(({key, label, icon, color, isDisabled, onClick}) => ({\n        key, label, icon, color, disabled: isDisabled?.(selection) ?? false, onClick: () => onClick(selection, selectionHelpers),\n    }));\n    const offersAllMatching = isSelectable && allowSelectAllMatching && canSelectAllMatching(rowSelection, selectablePageIds, {total, capped});\n\n    // el texto de la caja de búsqueda no cuenta como filtro oculto: se está viendo en su propia caja\n    const hasActiveFilters = Object.entries(filters)\n        .some(([field, value]) => field !== searchField && isFilterActive(filterKinds[field], value));\n\n    // un acceso rápido está \"puesto\" cuando se aleja de su default; los que además tienen chip ya se cuentan ahí\n    const quickActiveCount = quickFilters.filter((quickFilter) => !chipConfig.some((chipDeclaration) => chipDeclaration.key === quickFilter.field)\n        && JSON.stringify(filters[quickFilter.field] ?? '') !== JSON.stringify(filterDefaults[quickFilter.field] ?? '')).length;\n\n    const tableFilterValue = useMemo(() => ({\n        filters,\n        setFilter: tableState.setFilter,\n        clearFilter: tableState.clearFilter,\n        sortOrders,\n        toggleSort,\n        clearSort: () => tableState.setSort([]),\n        facets,\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }), [filters, sortOrders, facets]);\n\n    // alto según lo que hay: una tabla de 3 organizaciones no deja 500 px en blanco. Sin renglones reservamos lugar para el\n    // esqueleto de carga (hasta 8) o para el aviso de tabla vacía (3); con renglones, ni un pixel de hueco abajo\n    let placeholderRowCount = 0;\n    if (visibleRows.length === 0) {\n        placeholderRowCount = isLoading ? Math.min(pageSize, 8) : 3;\n    }\n    // OJO: el alto se suma renglón por renglón con el alto que pide la pantalla (getRowHeight; p. ej. un renglón de\n    // resumen más alto que los demás). Con un solo alto para todos, la tabla quedaba con hueco blanco o\n    // con barra de desplazamiento sin necesidad\n    let rowsHeight = placeholderRowCount * ROW_HEIGHT_PIXELS;\n    for (const row of visibleRows) {\n        const requestedRowHeight = getRowHeight?.({id: getRowId ? getRowId(row) : row.id, model: row, densityFactor: COMPACT_DENSITY_FACTOR});\n        rowsHeight += typeof requestedRowHeight === 'number' ? requestedRowHeight : ROW_HEIGHT_PIXELS;\n    }\n    // la tabla crece con los renglones de la página y NO tiene scroll vertical propio (un solo scroll, el\n    // de la página). La paginación del servidor ya acota cuántos renglones hay; maxGridHeight queda solo para quien\n    // de verdad necesite un tope (un diálogo con altura fija)\n    // con bandas el encabezado son dos renglones del mismo alto: el de las bandas y el de las columnas\n    const headerHeight = columnGroupingModel ? 2 * COLUMN_HEADER_HEIGHT_PIXELS : COLUMN_HEADER_HEIGHT_PIXELS;\n    // sin paginador que usar no hay pie: todo lo que hay ya está a la vista en la primera página\n    const isFooterHidden = hideFooterWhenAllRowsFit && page === 0 && total <= pageSize;\n    // el pie mide su alto más las líneas de borde; sin pie no hay ni lo uno ni lo otro\n    const footerHeight = isFooterHidden ? 0 : FOOTER_HEIGHT_PIXELS + GRID_BORDER_PIXELS;\n    const contentHeight = headerHeight + rowsHeight + footerHeight + HEIGHT_SLACK_PIXELS;\n    const gridHeight = maxGridHeight ? Math.min(contentHeight, maxGridHeight) : contentHeight;\n\n    const gridText = DATA_GRID_TEXT_BY_LANGUAGE[language] ?? DATA_GRID_TEXT_BY_LANGUAGE.es;\n    const formattedTotal = formatNumber(total);\n    const countText = countLabel ? countLabel(total) : t('count.records', {count: total, total: formattedTotal});\n\n    const searchText = searchPlaceholder ?? t('search.placeholder');\n\n    return (\n        <ComponentTexts namespace=\"table\" texts={texts}>\n        <TableFilterContext value={tableFilterValue}>\n            <TableToolbar direction={{xs: 'column', md: 'row'}} spacing={2} ownSx={{mb: 1.5, alignItems: {md: 'center'}}}>\n                {/* la búsqueda: aquí o arriba en la barra de la app (BarSearch: se encoge a la lupa sin usar) */}\n                {searchField && (\n                    <BarSearch value={searchDraft} onChange={setSearchDraft} placeholder={searchText} inBar={searchInBar} collapsible={collapseSearchInBar} />\n                )}\n                {/* con elegidos, sus acciones ocupan el lugar del conteo (en el teléfono con barra de pestañas, flotan). Sus\n                    textos son los de la tabla: así el `texts` de ServerTable también los cambia */}\n                {hasSelection && (\n                    <SelectionActions countText={selectionCountText} actions={selectionActionItems} onClear={clearSelection}\n                                      phoneLayout={selectionPhoneLayout}\n                                      texts={{selection: {clear: t('selection.clear'), actionsLabel: t('selection.actionsLabel'), summaryLabel: t('selection.summaryLabel')}}} />\n                )}\n                <TableSummary ownSx={{\n                    flexGrow: 1, minWidth: 0, display: 'flex',\n                    ...(hasSelection && {display: 'none', ...(floatsSelectionOnPhone && {[PHONE_MEDIA_QUERY]: {display: 'flex'}})}),\n                }}>\n                {header ? (\n                    <TableCustomHeader ownSx={{flexGrow: 1, minWidth: 0}}>\n                        {header({countText: capped ? t('count.capped', {total: formattedTotal}) : countText, total, capped})}\n                    </TableCustomHeader>\n                ) : (\n                    // NOTA: el extra va pegado al conteo y no empujado a la orilla (ml: 'auto'): en escritorio quedaba a todo\n                    // el ancho de distancia y no se leía como parte de la misma tabla (caso del selector de año)\n                    <TableCount direction=\"row\" spacing={2} useFlexGap ownSx={{flexGrow: 1, alignItems: 'center', flexWrap: 'wrap'}}>\n                        <TableCountRow direction=\"row\" spacing={1} ownSx={{alignItems: 'center'}}>\n                            <Typography variant=\"body2\" color=\"text.secondary\" role=\"status\" aria-live=\"polite\">\n                                {capped ? t('count.capped', {total: formattedTotal}) : countText}\n                            </Typography>\n                            {capped && <Tag label={t('count.cappedTag')} color=\"warning\" tooltip={t('count.cappedTooltip')} />}\n                        </TableCountRow>\n                        {toolbarExtra}\n                    </TableCount>\n                )}\n                </TableSummary>\n            </TableToolbar>\n\n            {beforeQuickFilters}\n\n            {quickFilters.map((quickFilter) => (\n                <QuickFilterRow key={quickFilter.field} quickFilter={quickFilter} facets={facets} total={total} filters={filters}\n                                isMultiple={filterKinds[quickFilter.field] === FILTER_KINDS.multiSelect}\n                                setFilter={tableState.setFilter} setFilters={tableState.setFilters} />\n            ))}\n\n            <FilterChips chipConfig={chipConfig} filters={filters} quickActiveCount={quickActiveCount}\n                         onSetFilter={tableState.setFilter} onClearAll={tableState.clearAll} />\n\n            {/* todos los que coinciden (lo elige la casilla de arriba): se puede volver a solo esta página; la página llena a\n                mano: se ofrece elegir todos */}\n            {(offersAllMatching || (isSelectable && rowSelection.isAllMatching)) && (\n                <TableSelectionNotice severity=\"info\" icon={false} ownSx={{mb: 1, alignItems: 'center'}}\n                       action={rowSelection.isAllMatching ? (\n                           <Button color=\"inherit\" size=\"small\"\n                                   onClick={() => updateSelection({\n                                       rowsById: new Map(selectablePageIds.map((id) => [id, pageRowsById.get(id)])), isAllMatching: false,\n                                   })}>\n                               {t('selection.onlyThisPage')}\n                           </Button>\n                       ) : (\n                           <Button color=\"inherit\" size=\"small\" onClick={() => updateSelection({rowsById: new Map(), isAllMatching: true})}>\n                               {capped ? t('selection.selectAllMatchingCapped') : t('selection.selectAllMatching', {total: formattedTotal})}\n                           </Button>\n                       )}>\n                    {rowSelection.isAllMatching\n                        ? (capped ? t('selection.allMatchingCapped') : t('selection.allMatching', {total: formattedTotal}))\n                        : t('selection.pageSelected', {count: selectablePageIds.length})}\n                </TableSelectionNotice>\n            )}\n\n            {error && (\n                <TableError severity=\"error\" role=\"alert\" ownSx={{mb: 1}}\n                       action={(\n                           <Button color=\"inherit\" size=\"small\" onClick={() => sendToTable({type: 'FETCH', params: requestParams})}>\n                               {t('common:actions.retry')}\n                           </Button>\n                       )}>\n                    {error.message ?? t('error.generic')}\n                </TableError>\n            )}\n\n            {/* minWidth 0: dentro de un flex o grid el DataGrid no empuja la página; en el teléfono la tabla se desliza\n                de lado DENTRO de su tarjeta y la página no */}\n            <TableCard variant=\"outlined\" ownSx={{width: '100%', minWidth: 0, overflow: 'hidden'}}>\n                <TableGrid\n                    // primero lo de la pantalla (sus eventos); lo de abajo es lo que la tabla controla y le gana\n                    {...gridProps}\n                    rows={visibleRows}\n                    columns={columns}\n                    columnGroupingModel={columnGroupingModel}\n                    getRowId={getRowId}\n                    getRowClassName={(params) => [\n                        getRowClassName?.(params),\n                        striped && params.indexRelativeToCurrentPage % 2 === 1 ? STRIPED_ROW_CLASS : '',\n                    ].filter(Boolean).join(' ')}\n                    getRowHeight={getRowHeight}\n                    aria-label={ariaLabel}\n                    nonce={readCspNonce()}\n                    loading={isLoading}\n                    // IMPORTANTE: paginación y orden del servidor; el DataGrid no reordena ni recorta nada solo\n                    paginationMode=\"server\"\n                    sortingMode=\"server\"\n                    filterMode=\"server\"\n                    rowCount={total}\n                    paginationModel={{page, pageSize}}\n                    onPaginationModelChange={(paginationModel) => {\n                        if (paginationModel.pageSize !== pageSize) {\n                            tableState.setPageSize(paginationModel.pageSize);\n                        } else {\n                            tableState.setPage(paginationModel.page);\n                        }\n                    }}\n                    pageSizeOptions={pageSizeOptions}\n                    hideFooter={isFooterHidden}\n                    disableColumnMenu\n                    disableRowSelectionOnClick\n                    // elegir renglones: solo con la casilla (el clic en el renglón no elige). Los elegidos de otras páginas\n                    // se conservan (keepNonExistentRowsSelected). OJO: sin disableRowSelectionExcludeModel la casilla de\n                    // arriba marca «todos los de todas las páginas» en lugar de los de esta página\n                    checkboxSelection={isSelectable}\n                    rowSelectionModel={isSelectable ? {type: 'include', ids: checkedIds} : undefined}\n                    onRowSelectionModelChange={isSelectable ? handleGridSelectionChange : undefined}\n                    isRowSelectable={isSelectable && isRowSelectable ? (params) => isRowSelectable(params.row) : undefined}\n                    keepNonExistentRowsSelected={isSelectable}\n                    disableRowSelectionExcludeModel\n                    // el conteo de los elegidos lo dice la barra de arriba; el del pie del DataGrid sobraría\n                    hideFooterSelectedRowCount\n                    // con columna fija se dibuja todo: si no, la fija desaparecería al deslizar a la derecha (fixedColumnSxOf)\n                    disableVirtualization={Boolean(fixedColumn)}\n                    density={DATA_GRID_DENSITY}\n                    localeText={{...gridText, noRowsLabel: emptyLabel ?? t('empty.default')}}\n                    slotProps={{\n                        // con filas ya pintadas, barra delgada arriba sin tapar lo que se lee; con la tabla vacía, esqueleto\n                        loadingOverlay: {variant: 'linear-progress', noRowsVariant: 'skeleton'},\n                    }}\n                    slots={{\n                        // \"ir a la página N\" (solo si se pide) pegado a la paginación: ahí lo busca quien ya está leyendo\n                        // \"51-75 de 1,234\". Sin él, la paginación de siempre del DataGrid\n                        ...(showGoToPage && {\n                            pagination: () => (\n                                <TablePagination direction=\"row\" spacing={1} ownSx={{alignItems: 'center'}}>\n                                    <GoToPage page={page} pageCount={Math.ceil(total / pageSize) || 1} onChange={tableState.setPage} />\n                                    <GridPagination />\n                                </TablePagination>\n                            ),\n                        }),\n                        noResultsOverlay: () => <EmptyState filtered label={emptyLabel} onClearFilters={tableState.clearAll} />,\n                        noRowsOverlay: () => <EmptyState filtered={hasActiveFilters} label={emptyLabel} onClearFilters={tableState.clearAll} />,\n                    }}\n                    ownSx={[{\n                        // IMPORTANTE: el alto va en la raíz del DataGrid y no en la caja de afuera: las variables\n                        // --DataGrid-hasScrollX y --DataGrid-scrollbarSize solo existen en la raíz. Cuando las columnas no\n                        // caben (historial a 390 px) la barra horizontal ocupa su alto dentro de la tabla y, sin sumarlo, los\n                        // renglones se desplazaban 13 px por dentro. Con barras superpuestas (teléfono, trackpad) mide 0\n                        height: `calc(${gridHeight}px + var(--DataGrid-hasScrollX, 0) * var(--DataGrid-scrollbarSize, 0px))`,\n                        border: 0,\n                        // todo centrado verticalmente: el texto suelto se pegaba arriba y los chips quedaban a media altura\n                        '& .MuiDataGrid-cell': {display: 'flex', alignItems: 'center'},\n                        '& .MuiDataGrid-columnHeader': {alignItems: 'center'},\n                        // cebra: el color del hover del tema\n                        [`& .${STRIPED_ROW_CLASS}`]: {bgcolor: 'action.hover'},\n                        [`& .${STRIPED_ROW_CLASS}:hover`]: {bgcolor: 'action.selected'},\n                        ...gridSx,\n                    }, (gridTheme) => (fixedColumn ? fixedColumnSxOf(gridTheme, fixedColumn, {withCheckboxColumn: isSelectable}) : {})]}\n                />\n            </TableCard>\n\n            {footer?.({total, capped})}\n        </TableFilterContext>\n        </ComponentTexts>\n    );\n}\n"],"names":["dataGridSpanish","dataGridEnglish"],"mappings":"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"}
+{"version":3,"file":"ServerTable.js","sources":["../../src/DataTable/ServerTable.jsx"],"sourcesContent":["// La tabla: pagina, filtra y ordena EN EL SERVIDOR (contrato {filters, sortOrders, page, pageSize} → {rows, total, facets}).\n//\n// Cada cambio de filtro, orden o página es una consulta nueva contra el conjunto COMPLETO y el total que se muestra\n// es el real. Traer todo y filtrar en el navegador mentiría en cuanto el conjunto no quepa en una página.\n//\n// Contrato de fetchPage:\n//   fetchPage({filters, sortOrders, page, pageSize}, signal) → Promise<{rows, total, facets?, capped?}>\n//   - rows: cada fila con su id del SERVIDOR (getRowId). Fabricarlo en el front colisiona y el DataGrid conserva\n//     filas de la consulta anterior;\n//   - facets: {campo: [{value, total}]} contadas SIN el filtro de ese campo (lo hace el servidor), para que la\n//     selección múltiple siga siendo posible;\n//   - capped: el total es \"al menos esto\".\n//\n// Elegir renglones (selectionActions): una casilla por renglón y las acciones de los elegidos (rowSelection.js dice cómo\n// se conservan entre páginas y qué es «todos los que coinciden»; SelectionActions, dónde se ven sus acciones).\n//\n// Piezas: useTableState (URL con nuqs y prefijo) · tableMachine (XState: carga, error y respuestas rezagadas) ·\n// columns.jsx (encabezados con orden y filtro) · FilterChips · QuickFilters · GoToPage · EmptyState.\n//\n// Con @mui/x-data-grid 8 (compatible con MUI 7).\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaServerTable con defaultProps y\n// styleOverrides de sus partes: toolbar, summary, customHeader, count, countRow, selectionNotice, error, card, grid,\n// pagination.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {useMachine} from '@xstate/react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Paper from '@mui/material/Paper';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport {useTheme} from '@mui/material/styles';\nimport SearchIcon from '@mui/icons-material/Search';\nimport {DataGrid, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_CHECKBOX_SELECTION_FIELD, GridPagination} from '@mui/x-data-grid';\nimport {enUS as dataGridEnglish, esES as dataGridSpanish} from '@mui/x-data-grid/locales';\n\nimport EmptyState from '@/DataTable/EmptyState.jsx';\nimport FilterChips from '@/DataTable/FilterChips.jsx';\nimport GoToPage from '@/DataTable/GoToPage.jsx';\nimport {TableFilterContext} from '@/DataTable/filterContext.js';\nimport {\n    EMPTY_ROW_SELECTION, canSelectAllMatching, checkedIdsOf, rowSelectionOf, selectionAfterCheck,\n} from '@/DataTable/rowSelection.js';\nimport {buildTableActors, tableMachine} from '@/DataTable/tableMachine.js';\nimport {useDebouncedFilter} from '@/DataTable/useDebouncedFilter.js';\nimport {FILTER_KINDS, isFilterActive, useTableState} from '@/DataTable/useTableState.js';\nimport BarSearch from '@/appShell/BarSearch.jsx';\nimport {PHONE_MEDIA_QUERY} from '@/appShell/shellSizes.js';\nimport SelectionActions, {SELECTION_PHONE_LAYOUT, selectionFloatsOnPhone} from '@/ui/actions/SelectionActions.jsx';\nimport ComponentTexts from '@/toolkit/ComponentTexts.jsx';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {materialBackgroundOf} from '@/theme/glassSurface.js';\nimport QuickFilters from '@/ui/filters/QuickFilters.jsx';\nimport Tag from '@/ui/labels/Tag.jsx';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaServerTable)\nconst THEME_NAME = 'CalcitaServerTable';\nconst TableToolbar = piecePart(THEME_NAME, 'Toolbar', Stack);\nconst TableSummary = piecePart(THEME_NAME, 'Summary', Box);\nconst TableCustomHeader = piecePart(THEME_NAME, 'CustomHeader', Box);\nconst TableCount = piecePart(THEME_NAME, 'Count', Stack);\nconst TableCountRow = piecePart(THEME_NAME, 'CountRow', Stack);\nconst TableSelectionNotice = piecePart(THEME_NAME, 'SelectionNotice', Alert);\nconst TableError = piecePart(THEME_NAME, 'Error', Alert);\nconst TableCard = piecePart(THEME_NAME, 'Card', Paper);\nconst TableGrid = piecePart(THEME_NAME, 'Grid', DataGrid);\nconst TablePagination = piecePart(THEME_NAME, 'Pagination', Stack);\n\n// OJO: los textos del DataGrid van como PROP (localeText) y no solo en el tema: el grid resuelve sus defaults en\n// inglés y le ganan a los defaultProps del tema\nconst DATA_GRID_TEXT_BY_LANGUAGE = {\n    es: dataGridSpanish.components.MuiDataGrid.defaultProps.localeText,\n    en: dataGridEnglish.components.MuiDataGrid.defaultProps.localeText,\n};\n\n/**\n * Nonce de la CSP de la página, si la aplicación usa CSP y lo pone en <meta property=\"csp-nonce\">.\n *\n * IMPORTANTE: el DataGrid 8 inserta un <style> con sus variables CSS (bordes, fondos, espaciado). Sin el nonce la CSP lo\n * bloquea (\"style-src-elem\") y la tabla se pinta sin sus variables. OJO: el navegador esconde el valor del atributo\n * (getAttribute regresa \"\"); se lee con la propiedad .nonce, igual que el caché de emotion con nonce.\n *\n * @returns {string|undefined}\n */\nfunction readCspNonce() {\n    // pintando en el servidor (Next.js) no hay documento: ahí el nonce lo pone quien arma el HTML\n    if (typeof document === 'undefined') {\n        return undefined;\n    }\n\n    return document.querySelector('meta[property=\"csp-nonce\"]')?.nonce || undefined;\n}\n\n// Densidad compacta en todas las tablas: el espaciado por omisión desperdicia renglones. Son los altos que pinta el DataGrid 8 con density=\"compact\": la base de 52 px del renglón y de 56 px del\n// encabezado por el factor 0.7, redondeados hacia abajo. El pie (paginación) no cambia con la densidad.\n// OJO: si se cambia la densidad, estos números se vuelven a medir en Chrome; con ellos se calcula el alto del contenedor\n// y un número viejo deja hueco blanco abajo o una barra de desplazamiento sin necesidad\nconst ROW_HEIGHT_PIXELS = 36;\nconst COLUMN_HEADER_HEIGHT_PIXELS = 39;\nconst FOOTER_HEIGHT_PIXELS = 52;\n// líneas del borde del encabezado y del pie\nconst GRID_BORDER_PIXELS = 2;\n// holgura de alto de la tabla: debajo del último renglón queda este hueco, así que va lo más chico que aguanta.\n// OJO: con el alto exacto, el redondeo de subpíxeles hace que el DataGrid crea que hay scroll vertical, reserve el ancho de\n// la barra y aparezca un scroll lateral de 5 px. Lo vigila e2e/tests/upload-control.spec.js (la tabla no se desliza de lado)\nconst HEIGHT_SLACK_PIXELS = 2;\nconst DATA_GRID_DENSITY = 'compact';\nconst STRIPED_ROW_CLASS = 'server-table-row--striped';\n// dónde van los elegidos en el teléfono: la regla vive en SelectionActions; la tabla la vuelve a exportar por comodidad\nexport {SELECTION_PHONE_LAYOUT};\n\n\n// a qué altura van la celda y el encabezado fijos: los mismos que usa el DataGrid de paga para sus columnas fijas. El\n// encabezado va arriba de la raya que separa columnas (30); con menos, la raya de las otras columnas lo cruzaba al deslizar\nconst FIXED_CELL_Z_INDEX = 30;\nconst FIXED_HEADER_Z_INDEX = 40;\n// ancho de la columna de casillas para elegir renglones (la del DataGrid)\nconst CHECKBOX_COLUMN_WIDTH_PIXELS = GRID_CHECKBOX_SELECTION_COL_DEF.width;\n\n/**\n * Estilos que dejan pegada a la izquierda una columna al deslizar la tabla de lado (en el teléfono y en una ventana angosta),\n * igual que fixedSelectColumn de mui-datatables. Fijar columnas en MUI X es de DataGridPro (de paga); por dentro Pro usa\n * position sticky en la celda, y eso mismo se hace aquí, también con su banda del encabezado cuando la banda es solo suya\n * (p. ej. una banda PERIODO de una sola columna).\n *\n * OJO, trampas pagadas:\n *   - el DataGrid gratuito solo dibuja las columnas que se ven (virtualización) y al deslizar mucho a la derecha quitaba del\n *     DOM a la columna fija, que desaparecía. Un margen de columnas extra (columnBufferPx) no alcanzó: con columna fija la\n *     tabla va con disableVirtualization y dibuja todo, que en nuestras tablas son menos de quince columnas y una página;\n *   - la celda fija necesita fondo SÓLIDO o se ve lo que pasa por debajo. Toma el color de su renglón (inherit), pero hay\n *     renglones con color transparente (una banda de color, la cebra, el resaltado del mouse): ahí se asomaban las\n *     cifras de las otras columnas. Por eso el fondo va en dos capas: abajo el papel, sólido (backgroundImage, que se pinta\n *     encima del color propio de la celda), y encima el color del renglón en un ::before detrás del texto (zIndex -1 dentro\n *     de la celda). Se ve igual que el renglón y no transparenta.\n * El renglón lleva el fondo del papel con :where(), que no suma especificidad: así los renglones que la página pinta de otro\n * color le siguen ganando. Los colores salen de la paleta del tema (de sus variables CSS si el tema las usa) para que\n * cambien con el modo oscuro.\n *\n * Con el contenido de material del tema de vidrio (createToolkitTheme({glass: {surfaces: true}})) la tabla no lleva fondo\n * propio: los renglones van transparentes y la celda pegada lleva el mismo material esmerilado, que tapa lo que pasa por\n * debajo sin verse como una columna blanca (así se veía con el papel sólido).\n *\n * Con renglones que se eligen, la casilla también se queda pegada, antes que la columna fija: si no, al deslizar la fija\n * tapaba la casilla.\n *\n * @param {object} theme tema de MUI\n * @param {string} field campo de la columna que se queda fija\n * @param {{withCheckboxColumn?: boolean}} [options]\n * @returns {object} estilos para el sx del DataGrid\n */\nfunction fixedColumnSxOf(theme, field, {withCheckboxColumn = false} = {}) {\n    // un tema con variables CSS (cssVariables) las trae en theme.vars; el tema por omisión de MUI, solo en theme.palette\n    const {palette} = theme.vars ?? theme;\n    const paper = palette.background.paper;\n    const divider = `1px solid ${palette.divider}`;\n    // la banda del encabezado que lleva solo a esta columna: el DataGrid la marca con sus campos entre |- y -|\n    const ownBandHeader = `.MuiDataGrid-columnHeader[data-fields=\"|-${field}-|\"]`;\n    const isMaterialContent = Boolean(theme.toolkit?.glass?.surfaces);\n    // abajo la capa (el papel o el material) y encima el color del renglón (el ::before)\n    const stickyBackground = {backgroundColor: 'inherit', ...(isMaterialContent ? materialBackgroundOf(theme, {thick: true}) : {backgroundImage: `linear-gradient(${paper}, ${paper})`})};\n    const headerBackground = isMaterialContent ? materialBackgroundOf(theme, {thick: true}) : {backgroundColor: paper};\n    const rowColorLayer = {content: '\"\"', position: 'absolute', inset: 0, zIndex: -1, backgroundColor: 'inherit'};\n    const fixedLeft = withCheckboxColumn ? CHECKBOX_COLUMN_WIDTH_PIXELS : 0;\n    const checkboxCell = `.MuiDataGrid-cell[data-field=\"${GRID_CHECKBOX_SELECTION_FIELD}\"]`;\n    const checkboxHeader = `.MuiDataGrid-columnHeader[data-field=\"${GRID_CHECKBOX_SELECTION_FIELD}\"]`;\n\n    return {\n        '& :where(.MuiDataGrid-row)': {backgroundColor: isMaterialContent ? 'transparent' : paper},\n        [`& .MuiDataGrid-cell[data-field=\"${field}\"]`]: {\n            position: 'sticky', left: fixedLeft, zIndex: FIXED_CELL_Z_INDEX, borderRight: divider,\n            ...stickyBackground,\n            '&::before': rowColorLayer,\n        },\n        [`& :where(.MuiDataGrid-columnHeader[data-field=\"${field}\"], ${ownBandHeader})`]: headerBackground,\n        [`& .MuiDataGrid-columnHeader[data-field=\"${field}\"], & ${ownBandHeader}`]: {\n            position: 'sticky', left: fixedLeft, zIndex: FIXED_HEADER_Z_INDEX, borderRight: divider,\n        },\n        ...(withCheckboxColumn && {\n            [`& ${checkboxCell}`]: {position: 'sticky', left: 0, zIndex: FIXED_CELL_Z_INDEX, ...stickyBackground, '&::before': rowColorLayer},\n            [`& :where(${checkboxHeader})`]: headerBackground,\n            [`& ${checkboxHeader}`]: {position: 'sticky', left: 0, zIndex: FIXED_HEADER_Z_INDEX},\n        }),\n    };\n}\nconst COMPACT_DENSITY_FACTOR = 0.7;\n\n/** Una tira de accesos rápidos sobre un campo de la tabla, alimentada por su faceta. */\nfunction QuickFilterRow({quickFilter, facets, total, filters, isMultiple, setFilter, setFilters}) {\n    const {t} = useToolkitTranslation('table');\n    const facetOptions = facets[quickFilter.facetKey ?? quickFilter.field] ?? [];\n    const orderedOptions = quickFilter.order\n        ? quickFilter.order.map((optionValue) => facetOptions.find((option) => option.value === optionValue) ?? {value: optionValue, total: 0})\n        : facetOptions;\n\n    // en un filtro múltiple el chip activo es la opción cuando es la ÚNICA elegida: con varias puestas desde la columna\n    // ningún chip miente estando encendido\n    const currentValue = filters[quickFilter.field];\n    // si otro control del mismo \"qué\" está puesto (un rango de fechas), ningún chip se enciende\n    const isOverridden = quickFilter.isOverridden?.(filters) ?? false;\n    let selectedValue = currentValue ?? '';\n    if (isOverridden) {\n        selectedValue = '__overridden__';\n    } else if (isMultiple) {\n        selectedValue = Array.isArray(currentValue) && currentValue.length === 1 ? currentValue[0] : '';\n    }\n\n    // el conteo de \"Todas\" es la suma de la faceta (el resultado SIN este filtro), no el de la página actual; cuando las\n    // opciones se traslapan la suma mentiría: el total lo da el servidor en allCountKey o, si no lo da, no se pinta\n    // conteo (hideAllCount) antes que pintar uno falso\n    let allCount = facetOptions.reduce((sum, option) => sum + (option.total ?? 0), 0) || total;\n    if (quickFilter.allCountKey && typeof facets[quickFilter.allCountKey] === 'number') {\n        allCount = facets[quickFilter.allCountKey];\n    } else if (quickFilter.hideAllCount) {\n        allCount = undefined;\n    }\n\n    const handleChange = (nextValue) => {\n        const pickedValue = isMultiple ? (nextValue ? [nextValue] : []) : nextValue;\n        // elegir un chip limpia los controles que compiten con él\n        if (quickFilter.clears) {\n            setFilters({[quickFilter.field]: pickedValue, ...quickFilter.clears});\n        } else {\n            setFilter(quickFilter.field, pickedValue);\n        }\n    };\n\n    return (\n        <QuickFilters\n            caption={quickFilter.caption}\n            ariaLabel={quickFilter.caption}\n            value={selectedValue}\n            onChange={handleChange}\n            extra={quickFilter.renderExtra?.({filters, setFilters})}\n            options={[\n                {value: '', label: quickFilter.allLabel ?? t('quickFilters.all'), count: allCount},\n                ...orderedOptions.map((option) => ({\n                    value: option.value,\n                    label: quickFilter.renderLabel ? quickFilter.renderLabel(option.value) : option.value,\n                    count: option.total,\n                })),\n            ]}\n        />\n    );\n}\n\n/** @typedef {import('@/DataTable/rowSelection.js').RowSelection} RowSelection */\n\n/**\n * @param {object} props\n * @param {(params: {filters: Record<string, any>, sortOrders: Array<{column: string, direction: 'asc'|'desc'}>, page: number, pageSize: number}, signal: AbortSignal) => Promise<{rows: any[], total: number, facets?: Record<string, Array<{value: any, total: number}> | number>, capped?: boolean}>} props.fetchPage\n *     page cuenta desde 0; toServerTableParams lo convierte a la query del API\n * @param {string} props.queryKey cambia cuando cambia el CONJUNTO (no los filtros): dispara recarga\n * @param {boolean} [props.enabled] false mientras la sección está oculta: una tabla que nadie ve no consulta\n * @param {Array<object>} props.columns textColumn / facetColumn / detailColumn o columnas del DataGrid\n * @param {Record<string, string>} [props.filterKinds]\n * @param {Record<string, unknown>} [props.filterDefaults]\n * @param {Array<object>} [props.chipConfig] buildChipConfig\n * @param {Array<object>} [props.quickFilters] {field, facetKey, caption, allLabel, renderLabel, order, clears,\n *     isOverridden, renderExtra, allCountKey, hideAllCount}\n * @param {string|null} [props.searchField] filtro de texto que se saca a la barra; null quita la caja\n * @param {string} [props.searchPlaceholder]\n * @param {boolean} [props.searchInBar] la caja de búsqueda va arriba, en la barra de la app (BarActions): en escritorio,\n *     como el buscador de una ventana de macOS; en el teléfono con cápsulas flota arriba con las demás; sin cápsulas se\n *     queda aquí. Por omisión no\n * @param {boolean} [props.collapseSearchInBar] en la barra, sin usar se encoge a la lupa y se estira al picarla; por\n *     omisión sí (false: siempre abierta)\n * @param {string} [props.emptyLabel]\n * @param {(total: number) => string} [props.countLabel] \"12 pedidos\"; por defecto \"12 registros\"\n * @param {number[]} [props.pageSizeOptions]\n * @param {number} [props.defaultPageSize]\n * @param {(row: any) => string|number} [props.getRowId]\n * @param {string} [props.prefix] estado en la URL con este prefijo (nuqs); sin él, en memoria\n * @param {unknown} [props.refreshToken] cambia para volver a consultar la misma página (después de una acción)\n * @param {(summary: {total: number, capped: boolean}) => import('react').ReactNode} [props.footer]\n * @param {import('react').ReactNode} [props.toolbarExtra] a la derecha del conteo (p. ej. el selector de año)\n * @param {(summary: {countText: string, total: number, capped: boolean}) => import('react').ReactNode} [props.header] reemplaza\n *     el renglón del conteo: la página pinta título, conteo y controles en uno solo. countText ya viene traducido y con\n *     el tope\n * @param {import('react').ReactNode} [props.beforeQuickFilters] arriba de los accesos rápidos (p. ej. las pestañas de producto)\n * @param {Array<object>} [props.columnGroupingModel] bandas que agrupan columnas bajo un nombre, arriba de sus\n *     encabezados (columnGroupingModel del DataGrid). Con ellas el encabezado mide un renglón más\n * @param {(params: any) => string} [props.getRowClassName]\n * @param {(row: any) => boolean} [props.isRowVisible] cuáles renglones de la página se pintan; los demás se esconden\n *     SIN volver a consultar (p. ej. plegar un grupo de renglones). Sin ella se pintan todos. OJO: va con useCallback;\n *     una función nueva en cada pintada haría filtrar la página cada vez\n * @param {boolean} [props.striped] renglones alternos (cebra) con el color de hover del tema; al pasar el cursor se usa\n *     el de «seleccionado» para que el renglón bajo el cursor se siga distinguiendo\n * @param {(params: any) => number|'auto'|null} [props.getRowHeight]\n * @param {boolean} [props.hideFooterWhenAllRowsFit] esconde el pie (el paginador) mientras todo lo que hay cabe en la\n *     página; si un día no cabe, el pie vuelve solo. Para tablas que casi nunca pasan de una página\n * @param {boolean} [props.showGoToPage] «Ir a página N» junto al paginador; por omisión escondido (con las flechas basta en\n *     casi todas las tablas). Para listas de muchas páginas que se recorren por número\n * @param {object} [props.gridSx] estilos extra del DataGrid (clases de renglón)\n * @param {number} [props.maxGridHeight] alto máximo del contenedor; sin él la tabla crece con sus renglones (default)\n * @param {string} [props.ariaLabel] nombre de la tabla para lectores de pantalla\n * @param {string} [props.fixedColumn] campo de la columna que se queda pegada a la izquierda al deslizar de lado (como\n *     fixedSelectColumn de mui-datatables)\n * @param {Array<{key: string, label: string, icon?: import('react').ReactNode, color?: 'inherit'|'primary'|'secondary'|'error'|'info'|'success'|'warning', isDisabled?: (selection: RowSelection) => boolean, onClick: (selection: RowSelection, helpers: {clearSelection: () => void, refresh: () => void}) => unknown}>} [props.selectionActions]\n *     con ellas cada renglón lleva su casilla y, al elegir, sale la barra de los elegidos con estas acciones. label ya\n *     traducido; onClick recibe la selección (con isAllMatching mande `filters`, no `ids`) y cómo quitar la selección y volver\n *     a consultar después de actuar\n * @param {(row: any) => boolean} [props.isRowSelectable] cuáles renglones se pueden elegir (un pedido entregado no se cancela)\n * @param {boolean} [props.allowSelectAllMatching] la casilla de arriba elige todos los que coinciden (la acción recibe los\n *     filtros) y el aviso deja quedarse solo con la página; por omisión sí. false: la casilla elige la página y nunca se\n *     ofrece «todos»\n * @param {(selection: RowSelection) => void} [props.onSelectionChange] cada que cambia la selección; también enciende las\n *     casillas sin barra de acciones (la pantalla pinta las suyas)\n * @param {'top'|'split'} [props.selectionPhoneLayout] SELECTION_PHONE_LAYOUT: en el teléfono con vidrio o minimalista, todo\n *     arriba (por omisión) o el conteo arriba y las acciones abajo. Sin vidrio, en el renglón como en escritorio\n * @param {(request: {filters: Record<string, any>, sortOrders: Array<{column: string, direction: 'asc'|'desc'}>, page: number, pageSize: number}) => void} [props.onQueryChange]\n *     cada que cambia lo que pide la tabla (un filtro, el orden, la página), antes de consultar: para la lógica de negocio que\n *     depende de lo filtrado («si eligió Cancelados, enseñe el motivo»)\n * @param {(result: {rows: any[], total: number, facets: object, capped: boolean}) => void} [props.onLoaded] cada que llega una\n *     página del servidor\n * @param {(error: unknown) => void} [props.onLoadError] cuando la consulta falla (la tabla ya enseña su aviso con «Reintentar»)\n * @param {object} [props.gridProps] lo demás del DataGrid de MUI, sobre todo sus eventos (onRowClick, onRowDoubleClick,\n *     onCellKeyDown…). OJO: lo que la tabla controla (paginar, ordenar y filtrar en el servidor, el alto, la selección) no se\n *     reemplaza desde aquí: para eso están sus props\n * @param {object} [props.texts] los textos de la tabla que cambian, con la forma de `table` en los textos del paquete\n *     (src/locales/es.js), ya en el idioma de la pantalla: {selection: {clear: 'Deseleccionar'}, empty: {filtered: '…'}}.\n *     También les llegan a sus filtros de columna, sus chips y su barra de elegidos\n */\nexport default function ServerTable(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaServerTable.defaultProps) y encima lo que llega aquí\n    const {\n    fetchPage,\n    queryKey,\n    enabled = true,\n    columns,\n    filterKinds = {},\n    filterDefaults = {},\n    chipConfig = [],\n    quickFilters = [],\n    searchField = 'contains',\n    searchPlaceholder,\n    searchInBar = false,\n    collapseSearchInBar = true,\n    emptyLabel,\n    countLabel,\n    pageSizeOptions = [10, 25, 50, 100],\n    defaultPageSize = 25,\n    getRowId,\n    prefix,\n    refreshToken,\n    footer,\n    toolbarExtra,\n    header,\n    beforeQuickFilters,\n    columnGroupingModel,\n    getRowClassName,\n    isRowVisible,\n    hideFooterWhenAllRowsFit = false,\n    showGoToPage = false,\n    striped = false,\n    getRowHeight,\n    gridSx,\n    maxGridHeight = null,\n    ariaLabel,\n    fixedColumn,\n    selectionActions = [],\n    isRowSelectable,\n    allowSelectAllMatching = true,\n    onSelectionChange,\n    selectionPhoneLayout = SELECTION_PHONE_LAYOUT.top,\n    onQueryChange,\n    onLoaded,\n    onLoadError,\n    gridProps,\n    texts,\n    ...unknownProps\n} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t, language} = useToolkitTranslation('table', texts);\n    const {formatNumber} = useFormatters();\n    const theme = useTheme();\n    const tableState = useTableState({prefix, filterDefaults, filterKinds, defaultPageSize});\n    const {filters, sortOrders, page, pageSize} = tableState;\n\n    // la caja de búsqueda rebota: se escribe sin latencia y al servidor va una consulta cuando se deja de teclear\n    const [searchDraft, setSearchDraft] = useDebouncedFilter(\n        searchField ? filters[searchField] : '',\n        (value) => searchField && tableState.setFilter(searchField, value),\n    );\n\n    // NOTA: fetchPage suele ser una función nueva en cada render; la máquina siempre llama a la más reciente\n    const latestFetchPage = useRef(fetchPage);\n    latestFetchPage.current = fetchPage;\n    const latestEvents = useRef({onQueryChange, onLoaded, onLoadError});\n    latestEvents.current = {onQueryChange, onLoaded, onLoadError};\n    const [tableSnapshot, sendToTable] = useMachine(\n        tableMachine.provide({actors: buildTableActors((params, signal) => latestFetchPage.current(params, signal))}),\n    );\n    const {rows, total, facets, capped, error} = tableSnapshot.context;\n    // lo que se pinta: la página completa o, si la pantalla esconde renglones (un grupo plegado), solo los que deja ver.\n    // Con memoria: un arreglo nuevo en cada pintada haría que el DataGrid volviera a procesar todos sus renglones\n    const visibleRows = useMemo(() => (isRowVisible ? rows.filter(isRowVisible) : rows), [rows, isRowVisible]);\n    const isLoading = tableSnapshot.matches('loading') || tableSnapshot.matches('idle');\n\n    const requestParams = {filters, sortOrders, page, pageSize};\n    const requestFingerprint = JSON.stringify({queryKey, enabled, refreshToken, ...requestParams});\n\n    // IMPORTANTE: UN solo efecto dispara la consulta. Varios useEffect pidiendo lo mismo es como nacen las consultas\n    // duplicadas\n    useEffect(() => {\n        if (!queryKey || !enabled) {\n            return;\n        }\n        latestEvents.current.onQueryChange?.(requestParams);\n        sendToTable({type: 'FETCH', params: requestParams});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [requestFingerprint]);\n\n    // los eventos de la carga salen hacia afuera (la lógica de negocio que depende de lo que llegó). Con referencia a la\n    // función más reciente: la pantalla suele pasar funciones nuevas en cada pintada\n    const isReady = tableSnapshot.matches('ready');\n    useEffect(() => {\n        if (isReady) {\n            latestEvents.current.onLoaded?.({rows, total, facets, capped});\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isReady, rows]);\n    useEffect(() => {\n        if (error) {\n            latestEvents.current.onLoadError?.(error);\n        }\n    }, [error]);\n\n    const toggleSort = (column) => {\n        const currentSort = sortOrders.find((sortOrder) => sortOrder.column === column);\n        if (!currentSort) {\n            tableState.setSort([{column, direction: 'desc'}]);\n        } else if (currentSort.direction === 'desc') {\n            tableState.setSort([{column, direction: 'asc'}]);\n        } else {\n            // tercer clic: regresa al orden por defecto del servidor\n            tableState.setSort([]);\n        }\n    };\n\n    // ─── Renglones elegidos (rowSelection.js) ───\n    // con acciones (o quien escuche los cambios) cada renglón lleva su casilla\n    const isSelectable = selectionActions.length > 0 || Boolean(onSelectionChange);\n    const [rowSelection, setRowSelection] = useState(EMPTY_ROW_SELECTION);\n    const idOf = useCallback((row) => (getRowId ? getRowId(row) : row.id), [getRowId]);\n    const pageRowsById = useMemo(() => new Map(visibleRows.map((row) => [idOf(row), row])), [visibleRows, idOf]);\n    const selectablePageIds = useMemo(\n        () => visibleRows.filter((row) => !isRowSelectable || isRowSelectable(row)).map(idOf),\n        [visibleRows, isRowSelectable, idOf],\n    );\n    const checkedIds = useMemo(() => checkedIdsOf(rowSelection, selectablePageIds), [rowSelection, selectablePageIds]);\n    const selection = rowSelectionOf(rowSelection, {total, capped, filters});\n\n    const updateSelection = (nextSelection) => {\n        setRowSelection(nextSelection);\n        onSelectionChange?.(rowSelectionOf(nextSelection, {total, capped, filters}));\n    };\n    const clearSelection = () => updateSelection(EMPTY_ROW_SELECTION);\n\n    // otro filtro u otro conjunto son otros renglones: la selección se borra para no actuar sobre lo que ya no se ve. Cambiar\n    // de página o de orden la conserva\n    const selectionResetKey = JSON.stringify({queryKey, filters});\n    const lastSelectionResetKey = useRef(selectionResetKey);\n    useEffect(() => {\n        if (lastSelectionResetKey.current === selectionResetKey) {\n            return;\n        }\n        lastSelectionResetKey.current = selectionResetKey;\n        if (rowSelection !== EMPTY_ROW_SELECTION) {\n            clearSelection();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectionResetKey]);\n\n    // el DataGrid avisa qué quedó marcado; con disableRowSelectionExcludeModel siempre es la lista de los marcados\n    const handleGridSelectionChange = (model) => {\n        // la casilla de arriba elige todos los que coinciden (si se permite); el aviso deja quedarse con la página\n        const nextSelection = selectionAfterCheck(rowSelection, model.ids, pageRowsById, selectablePageIds, {\n            allMatchingOnWholePage: allowSelectAllMatching, total, capped,\n        });\n        if (nextSelection !== rowSelection) {\n            updateSelection(nextSelection);\n        }\n    };\n\n    const hasSelection = isSelectable && selection.count > 0;\n    // en el teléfono con barra de pestañas abajo (vidrio, o minimalista con cápsulas) las acciones de los elegidos flotan\n    // (SelectionActions decide dónde) y el conteo de la tabla se queda; sin esa barra, ocupan el lugar del conteo\n    const floatsSelectionOnPhone = selectionFloatsOnPhone(theme);\n    const selectionCountText = selection.isCapped\n        ? t('selection.allMatchingCapped')\n        : t('selection.count', {count: selection.count, total: formatNumber(selection.count)});\n    // cada acción recibe la selección y cómo dejar la tabla al terminar; isDisabled se resuelve con la selección de ahora\n    const selectionHelpers = {clearSelection, refresh: () => sendToTable({type: 'FETCH', params: requestParams})};\n    const selectionActionItems = selectionActions.map(({key, label, icon, color, isDisabled, onClick}) => ({\n        key, label, icon, color, disabled: isDisabled?.(selection) ?? false, onClick: () => onClick(selection, selectionHelpers),\n    }));\n    const offersAllMatching = isSelectable && allowSelectAllMatching && canSelectAllMatching(rowSelection, selectablePageIds, {total, capped});\n\n    // el texto de la caja de búsqueda no cuenta como filtro oculto: se está viendo en su propia caja\n    const hasActiveFilters = Object.entries(filters)\n        .some(([field, value]) => field !== searchField && isFilterActive(filterKinds[field], value));\n\n    // un acceso rápido está \"puesto\" cuando se aleja de su default; los que además tienen chip ya se cuentan ahí\n    const quickActiveCount = quickFilters.filter((quickFilter) => !chipConfig.some((chipDeclaration) => chipDeclaration.key === quickFilter.field)\n        && JSON.stringify(filters[quickFilter.field] ?? '') !== JSON.stringify(filterDefaults[quickFilter.field] ?? '')).length;\n\n    const tableFilterValue = useMemo(() => ({\n        filters,\n        setFilter: tableState.setFilter,\n        // varios a la vez (el cajón de búsqueda manda todos sus campos juntos: una sola consulta)\n        setFilters: tableState.setFilters,\n        clearFilter: tableState.clearFilter,\n        sortOrders,\n        toggleSort,\n        clearSort: () => tableState.setSort([]),\n        facets,\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }), [filters, sortOrders, facets]);\n\n    // alto según lo que hay: una tabla de 3 organizaciones no deja 500 px en blanco. Sin renglones reservamos lugar para el\n    // esqueleto de carga (hasta 8) o para el aviso de tabla vacía (3); con renglones, ni un pixel de hueco abajo\n    let placeholderRowCount = 0;\n    if (visibleRows.length === 0) {\n        placeholderRowCount = isLoading ? Math.min(pageSize, 8) : 3;\n    }\n    // OJO: el alto se suma renglón por renglón con el alto que pide la pantalla (getRowHeight; p. ej. un renglón de\n    // resumen más alto que los demás). Con un solo alto para todos, la tabla quedaba con hueco blanco o\n    // con barra de desplazamiento sin necesidad\n    let rowsHeight = placeholderRowCount * ROW_HEIGHT_PIXELS;\n    for (const row of visibleRows) {\n        const requestedRowHeight = getRowHeight?.({id: getRowId ? getRowId(row) : row.id, model: row, densityFactor: COMPACT_DENSITY_FACTOR});\n        rowsHeight += typeof requestedRowHeight === 'number' ? requestedRowHeight : ROW_HEIGHT_PIXELS;\n    }\n    // la tabla crece con los renglones de la página y NO tiene scroll vertical propio (un solo scroll, el\n    // de la página). La paginación del servidor ya acota cuántos renglones hay; maxGridHeight queda solo para quien\n    // de verdad necesite un tope (un diálogo con altura fija)\n    // con bandas el encabezado son dos renglones del mismo alto: el de las bandas y el de las columnas\n    const headerHeight = columnGroupingModel ? 2 * COLUMN_HEADER_HEIGHT_PIXELS : COLUMN_HEADER_HEIGHT_PIXELS;\n    // sin paginador que usar no hay pie: todo lo que hay ya está a la vista en la primera página\n    const isFooterHidden = hideFooterWhenAllRowsFit && page === 0 && total <= pageSize;\n    // el pie mide su alto más las líneas de borde; sin pie no hay ni lo uno ni lo otro\n    const footerHeight = isFooterHidden ? 0 : FOOTER_HEIGHT_PIXELS + GRID_BORDER_PIXELS;\n    const contentHeight = headerHeight + rowsHeight + footerHeight + HEIGHT_SLACK_PIXELS;\n    const gridHeight = maxGridHeight ? Math.min(contentHeight, maxGridHeight) : contentHeight;\n\n    const gridText = DATA_GRID_TEXT_BY_LANGUAGE[language] ?? DATA_GRID_TEXT_BY_LANGUAGE.es;\n    const formattedTotal = formatNumber(total);\n    const countText = countLabel ? countLabel(total) : t('count.records', {count: total, total: formattedTotal});\n\n    const searchText = searchPlaceholder ?? t('search.placeholder');\n\n    return (\n        <ComponentTexts namespace=\"table\" texts={texts}>\n        <TableFilterContext value={tableFilterValue}>\n            <TableToolbar direction={{xs: 'column', md: 'row'}} spacing={2} ownSx={{mb: 1.5, alignItems: {md: 'center'}}}>\n                {/* la búsqueda: aquí o arriba en la barra de la app (BarSearch: se encoge a la lupa sin usar) */}\n                {searchField && (\n                    <BarSearch value={searchDraft} onChange={setSearchDraft} placeholder={searchText} inBar={searchInBar} collapsible={collapseSearchInBar} />\n                )}\n                {/* con elegidos, sus acciones ocupan el lugar del conteo (en el teléfono con barra de pestañas, flotan). Sus\n                    textos son los de la tabla: así el `texts` de ServerTable también los cambia */}\n                {hasSelection && (\n                    <SelectionActions countText={selectionCountText} actions={selectionActionItems} onClear={clearSelection}\n                                      phoneLayout={selectionPhoneLayout}\n                                      texts={{selection: {clear: t('selection.clear'), actionsLabel: t('selection.actionsLabel'), summaryLabel: t('selection.summaryLabel')}}} />\n                )}\n                <TableSummary ownSx={{\n                    flexGrow: 1, minWidth: 0, display: 'flex',\n                    ...(hasSelection && {display: 'none', ...(floatsSelectionOnPhone && {[PHONE_MEDIA_QUERY]: {display: 'flex'}})}),\n                }}>\n                {header ? (\n                    <TableCustomHeader ownSx={{flexGrow: 1, minWidth: 0}}>\n                        {header({countText: capped ? t('count.capped', {total: formattedTotal}) : countText, total, capped})}\n                    </TableCustomHeader>\n                ) : (\n                    // NOTA: el extra va pegado al conteo y no empujado a la orilla (ml: 'auto'): en escritorio quedaba a todo\n                    // el ancho de distancia y no se leía como parte de la misma tabla (caso del selector de año)\n                    <TableCount direction=\"row\" spacing={2} useFlexGap ownSx={{flexGrow: 1, alignItems: 'center', flexWrap: 'wrap'}}>\n                        <TableCountRow direction=\"row\" spacing={1} ownSx={{alignItems: 'center'}}>\n                            <Typography variant=\"body2\" color=\"text.secondary\" role=\"status\" aria-live=\"polite\">\n                                {capped ? t('count.capped', {total: formattedTotal}) : countText}\n                            </Typography>\n                            {capped && <Tag label={t('count.cappedTag')} color=\"warning\" tooltip={t('count.cappedTooltip')} />}\n                        </TableCountRow>\n                        {toolbarExtra}\n                    </TableCount>\n                )}\n                </TableSummary>\n            </TableToolbar>\n\n            {beforeQuickFilters}\n\n            {quickFilters.map((quickFilter) => (\n                <QuickFilterRow key={quickFilter.field} quickFilter={quickFilter} facets={facets} total={total} filters={filters}\n                                isMultiple={filterKinds[quickFilter.field] === FILTER_KINDS.multiSelect}\n                                setFilter={tableState.setFilter} setFilters={tableState.setFilters} />\n            ))}\n\n            <FilterChips chipConfig={chipConfig} filters={filters} quickActiveCount={quickActiveCount}\n                         onSetFilter={tableState.setFilter} onClearAll={tableState.clearAll} />\n\n            {/* todos los que coinciden (lo elige la casilla de arriba): se puede volver a solo esta página; la página llena a\n                mano: se ofrece elegir todos */}\n            {(offersAllMatching || (isSelectable && rowSelection.isAllMatching)) && (\n                <TableSelectionNotice severity=\"info\" icon={false} ownSx={{mb: 1, alignItems: 'center'}}\n                       action={rowSelection.isAllMatching ? (\n                           <Button color=\"inherit\" size=\"small\"\n                                   onClick={() => updateSelection({\n                                       rowsById: new Map(selectablePageIds.map((id) => [id, pageRowsById.get(id)])), isAllMatching: false,\n                                   })}>\n                               {t('selection.onlyThisPage')}\n                           </Button>\n                       ) : (\n                           <Button color=\"inherit\" size=\"small\" onClick={() => updateSelection({rowsById: new Map(), isAllMatching: true})}>\n                               {capped ? t('selection.selectAllMatchingCapped') : t('selection.selectAllMatching', {total: formattedTotal})}\n                           </Button>\n                       )}>\n                    {rowSelection.isAllMatching\n                        ? (capped ? t('selection.allMatchingCapped') : t('selection.allMatching', {total: formattedTotal}))\n                        : t('selection.pageSelected', {count: selectablePageIds.length})}\n                </TableSelectionNotice>\n            )}\n\n            {error && (\n                <TableError severity=\"error\" role=\"alert\" ownSx={{mb: 1}}\n                       action={(\n                           <Button color=\"inherit\" size=\"small\" onClick={() => sendToTable({type: 'FETCH', params: requestParams})}>\n                               {t('common:actions.retry')}\n                           </Button>\n                       )}>\n                    {error.message ?? t('error.generic')}\n                </TableError>\n            )}\n\n            {/* minWidth 0: dentro de un flex o grid el DataGrid no empuja la página; en el teléfono la tabla se desliza\n                de lado DENTRO de su tarjeta y la página no */}\n            <TableCard variant=\"outlined\" ownSx={{width: '100%', minWidth: 0, overflow: 'hidden'}}>\n                <TableGrid\n                    // primero lo de la pantalla (sus eventos); lo de abajo es lo que la tabla controla y le gana\n                    {...gridProps}\n                    rows={visibleRows}\n                    columns={columns}\n                    columnGroupingModel={columnGroupingModel}\n                    getRowId={getRowId}\n                    getRowClassName={(params) => [\n                        getRowClassName?.(params),\n                        striped && params.indexRelativeToCurrentPage % 2 === 1 ? STRIPED_ROW_CLASS : '',\n                    ].filter(Boolean).join(' ')}\n                    getRowHeight={getRowHeight}\n                    aria-label={ariaLabel}\n                    nonce={readCspNonce()}\n                    loading={isLoading}\n                    // IMPORTANTE: paginación y orden del servidor; el DataGrid no reordena ni recorta nada solo\n                    paginationMode=\"server\"\n                    sortingMode=\"server\"\n                    filterMode=\"server\"\n                    rowCount={total}\n                    paginationModel={{page, pageSize}}\n                    onPaginationModelChange={(paginationModel) => {\n                        if (paginationModel.pageSize !== pageSize) {\n                            tableState.setPageSize(paginationModel.pageSize);\n                        } else {\n                            tableState.setPage(paginationModel.page);\n                        }\n                    }}\n                    pageSizeOptions={pageSizeOptions}\n                    hideFooter={isFooterHidden}\n                    disableColumnMenu\n                    disableRowSelectionOnClick\n                    // elegir renglones: solo con la casilla (el clic en el renglón no elige). Los elegidos de otras páginas\n                    // se conservan (keepNonExistentRowsSelected). OJO: sin disableRowSelectionExcludeModel la casilla de\n                    // arriba marca «todos los de todas las páginas» en lugar de los de esta página\n                    checkboxSelection={isSelectable}\n                    rowSelectionModel={isSelectable ? {type: 'include', ids: checkedIds} : undefined}\n                    onRowSelectionModelChange={isSelectable ? handleGridSelectionChange : undefined}\n                    isRowSelectable={isSelectable && isRowSelectable ? (params) => isRowSelectable(params.row) : undefined}\n                    keepNonExistentRowsSelected={isSelectable}\n                    disableRowSelectionExcludeModel\n                    // el conteo de los elegidos lo dice la barra de arriba; el del pie del DataGrid sobraría\n                    hideFooterSelectedRowCount\n                    // con columna fija se dibuja todo: si no, la fija desaparecería al deslizar a la derecha (fixedColumnSxOf)\n                    disableVirtualization={Boolean(fixedColumn)}\n                    density={DATA_GRID_DENSITY}\n                    localeText={{...gridText, noRowsLabel: emptyLabel ?? t('empty.default')}}\n                    slotProps={{\n                        // con filas ya pintadas, barra delgada arriba sin tapar lo que se lee; con la tabla vacía, esqueleto\n                        loadingOverlay: {variant: 'linear-progress', noRowsVariant: 'skeleton'},\n                    }}\n                    slots={{\n                        // \"ir a la página N\" (solo si se pide) pegado a la paginación: ahí lo busca quien ya está leyendo\n                        // \"51-75 de 1,234\". Sin él, la paginación de siempre del DataGrid\n                        ...(showGoToPage && {\n                            pagination: () => (\n                                <TablePagination direction=\"row\" spacing={1} ownSx={{alignItems: 'center'}}>\n                                    <GoToPage page={page} pageCount={Math.ceil(total / pageSize) || 1} onChange={tableState.setPage} />\n                                    <GridPagination />\n                                </TablePagination>\n                            ),\n                        }),\n                        noResultsOverlay: () => <EmptyState filtered label={emptyLabel} onClearFilters={tableState.clearAll} />,\n                        noRowsOverlay: () => <EmptyState filtered={hasActiveFilters} label={emptyLabel} onClearFilters={tableState.clearAll} />,\n                    }}\n                    ownSx={[{\n                        // IMPORTANTE: el alto va en la raíz del DataGrid y no en la caja de afuera: las variables\n                        // --DataGrid-hasScrollX y --DataGrid-scrollbarSize solo existen en la raíz. Cuando las columnas no\n                        // caben (historial a 390 px) la barra horizontal ocupa su alto dentro de la tabla y, sin sumarlo, los\n                        // renglones se desplazaban 13 px por dentro. Con barras superpuestas (teléfono, trackpad) mide 0\n                        height: `calc(${gridHeight}px + var(--DataGrid-hasScrollX, 0) * var(--DataGrid-scrollbarSize, 0px))`,\n                        border: 0,\n                        // todo centrado verticalmente: el texto suelto se pegaba arriba y los chips quedaban a media altura\n                        '& .MuiDataGrid-cell': {display: 'flex', alignItems: 'center'},\n                        '& .MuiDataGrid-columnHeader': {alignItems: 'center'},\n                        // cebra: el color del hover del tema\n                        [`& .${STRIPED_ROW_CLASS}`]: {bgcolor: 'action.hover'},\n                        [`& .${STRIPED_ROW_CLASS}:hover`]: {bgcolor: 'action.selected'},\n                        ...gridSx,\n                    }, (gridTheme) => (fixedColumn ? fixedColumnSxOf(gridTheme, fixedColumn, {withCheckboxColumn: isSelectable}) : {})]}\n                />\n            </TableCard>\n\n            {footer?.({total, capped})}\n        </TableFilterContext>\n        </ComponentTexts>\n    );\n}\n"],"names":["dataGridSpanish","dataGridEnglish"],"mappings":"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"}