@stackcraftmx/calcita 0.47.0 → 0.51.0

package/dist/DataTable/ServerTable.js

@@ -21,6 +21,11 @@ import GoToPage from "./GoToPage.js";
 import { TableFilterContext } from "./filterContext.js";
 import { EMPTY_ROW_SELECTION, checkedIdsOf, rowSelectionOf, canSelectAllMatching, selectionAfterCheck } from "./rowSelection.js";
 import { tableMachine, buildTableActors } from "./tableMachine.js";
+import { fixedColumnOffsetsOf, fixedFieldsOf } from "./fixedColumns.js";
+import TableCardsView, { TableViewToggle } from "./TableCardsView.js";
+import { COLUMN_STACKED_KEY } from "./columns.js";
+import { useTableView, TABLE_VIEW } from "./useTableView.js";
+import { createLogger } from "../observability/logger.js";
 import { useDebouncedFilter } from "./useDebouncedFilter.js";
 import { useTableState, isFilterActive, FILTER_KINDS } from "./useTableState.js";
 import BarSearch from "../appShell/BarSearch.js";
@@ -31,7 +36,7 @@ import { useFormatters } from "../toolkit/useFormatters.js";
 import { materialBackgroundOf } from "../theme/glassSurface.js";
 import QuickFilters from "../ui/filters/QuickFilters.js";
 import Tag from "../ui/labels/Tag.js";
-import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { piecePart, withPieceSlots, usePieceProps, sxListOf } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaServerTable";
 const TableToolbar = piecePart(THEME_NAME, "Toolbar", Stack);
@@ -59,40 +64,48 @@ const COLUMN_HEADER_HEIGHT_PIXELS = 39;
 const FOOTER_HEIGHT_PIXELS = 52;
 const GRID_BORDER_PIXELS = 2;
 const HEIGHT_SLACK_PIXELS = 2;
+const AUTO_ROW_HEIGHT = "auto";
+const CELL_LINE_HEIGHT = "inherit";
+const log = createLogger("table");
+const warnedFixedColumns = /* @__PURE__ */ new Set();
 const DATA_GRID_DENSITY = "compact";
 const STRIPED_ROW_CLASS = "server-table-row--striped";
 const FIXED_CELL_Z_INDEX = 30;
 const FIXED_HEADER_Z_INDEX = 40;
 const CHECKBOX_COLUMN_WIDTH_PIXELS = GRID_CHECKBOX_SELECTION_COL_DEF.width;
-function fixedColumnSxOf(theme, field, { withCheckboxColumn = false } = {}) {
+function fixedColumnSxOf(theme, fixedColumns, { withCheckboxColumn = false } = {}) {
   const { palette } = theme.vars ?? theme;
   const paper = palette.background.paper;
   const divider = `1px solid ${palette.divider}`;
-  const ownBandHeader = `.MuiDataGrid-columnHeader[data-fields="|-${field}-|"]`;
   const isMaterialContent = Boolean(theme.toolkit?.glass?.surfaces);
   const stickyBackground = { backgroundColor: "inherit", ...isMaterialContent ? materialBackgroundOf(theme, { thick: true }) : { backgroundImage: `linear-gradient(${paper}, ${paper})` } };
   const headerBackground = isMaterialContent ? materialBackgroundOf(theme, { thick: true }) : { backgroundColor: paper };
   const rowColorLayer = { content: '""', position: "absolute", inset: 0, zIndex: -1, backgroundColor: "inherit" };
-  const fixedLeft = withCheckboxColumn ? CHECKBOX_COLUMN_WIDTH_PIXELS : 0;
   const checkboxCell = `.MuiDataGrid-cell[data-field="${GRID_CHECKBOX_SELECTION_FIELD}"]`;
   const checkboxHeader = `.MuiDataGrid-columnHeader[data-field="${GRID_CHECKBOX_SELECTION_FIELD}"]`;
-  return {
-    "& :where(.MuiDataGrid-row)": { backgroundColor: isMaterialContent ? "transparent" : paper },
-    [`& .MuiDataGrid-cell[data-field="${field}"]`]: {
+  const columnRules = {};
+  for (const { field, left, isLast } of fixedColumns) {
+    const ownBandHeader = `.MuiDataGrid-columnHeader[data-fields="|-${field}-|"]`;
+    const edge = isLast ? { borderRight: divider } : {};
+    columnRules[`& .MuiDataGrid-cell[data-field="${field}"]`] = {
       position: "sticky",
-      left: fixedLeft,
+      left,
       zIndex: FIXED_CELL_Z_INDEX,
-      borderRight: divider,
+      ...edge,
       ...stickyBackground,
       "&::before": rowColorLayer
-    },
-    [`& :where(.MuiDataGrid-columnHeader[data-field="${field}"], ${ownBandHeader})`]: headerBackground,
-    [`& .MuiDataGrid-columnHeader[data-field="${field}"], & ${ownBandHeader}`]: {
+    };
+    columnRules[`& :where(.MuiDataGrid-columnHeader[data-field="${field}"], ${ownBandHeader})`] = headerBackground;
+    columnRules[`& .MuiDataGrid-columnHeader[data-field="${field}"], & ${ownBandHeader}`] = {
       position: "sticky",
-      left: fixedLeft,
+      left,
       zIndex: FIXED_HEADER_Z_INDEX,
-      borderRight: divider
-    },
+      ...edge
+    };
+  }
+  return {
+    "& :where(.MuiDataGrid-row)": { backgroundColor: isMaterialContent ? "transparent" : paper },
+    ...columnRules,
     ...withCheckboxColumn && {
       [`& ${checkboxCell}`]: { position: "sticky", left: 0, zIndex: FIXED_CELL_Z_INDEX, ...stickyBackground, "&::before": rowColorLayer },
       [`& :where(${checkboxHeader})`]: headerBackground,
@@ -146,7 +159,7 @@ function QuickFilterRow({ quickFilter, facets, total, filters, isMultiple, setFi
     }
   );
 }
-function ServerTable(props) {
+function ServerTableContent(props) {
   const {
     fetchPage,
     queryKey,
@@ -191,6 +204,12 @@ function ServerTable(props) {
     onLoaded,
     onLoadError,
     gridProps,
+    renderCard,
+    view,
+    defaultView,
+    onViewChange,
+    showViewToggle,
+    cardSkeleton,
     texts,
     ...unknownProps
   } = usePieceProps(props, THEME_NAME);
@@ -200,6 +219,10 @@ function ServerTable(props) {
   const theme = useTheme();
   const tableState = useTableState({ prefix, filterDefaults, filterKinds, defaultPageSize });
   const { filters, sortOrders, page, pageSize } = tableState;
+  const tableView = useTableView({ prefix, view, defaultView, onViewChange });
+  const showsCards = Boolean(renderCard) && tableView.view === TABLE_VIEW.cards;
+  const showsViewToggle = Boolean(renderCard) && (showViewToggle ?? true);
+  const rowHeightOf = getRowHeight ?? (columns.some((column) => column[COLUMN_STACKED_KEY]) ? () => AUTO_ROW_HEIGHT : void 0);
   const [searchDraft, setSearchDraft] = useDebouncedFilter(
     searchField ? filters[searchField] : "",
     (value) => searchField && tableState.setFilter(searchField, value)
@@ -312,10 +335,29 @@ function ServerTable(props) {
     placeholderRowCount = isLoading ? Math.min(pageSize, 8) : 3;
   }
   let rowsHeight = placeholderRowCount * ROW_HEIGHT_PIXELS;
+  let hasAutoHeightRows = false;
   for (const row of visibleRows) {
-    const requestedRowHeight = getRowHeight?.({ id: getRowId ? getRowId(row) : row.id, model: row, densityFactor: COMPACT_DENSITY_FACTOR });
+    const rowParams = { id: getRowId ? getRowId(row) : row.id, model: row, densityFactor: COMPACT_DENSITY_FACTOR };
+    const requestedRowHeight = rowHeightOf?.(rowParams);
+    if (requestedRowHeight === AUTO_ROW_HEIGHT) {
+      hasAutoHeightRows = true;
+      const estimatedRowHeight = gridProps?.getEstimatedRowHeight?.(rowParams);
+      rowsHeight += typeof estimatedRowHeight === "number" ? estimatedRowHeight : ROW_HEIGHT_PIXELS;
+      continue;
+    }
     rowsHeight += typeof requestedRowHeight === "number" ? requestedRowHeight : ROW_HEIGHT_PIXELS;
   }
+  const measuresItself = hasAutoHeightRows && !maxGridHeight;
+  const fixedColumns = fixedColumnOffsetsOf(fixedFieldsOf(fixedColumn), columns, { startLeft: isSelectable ? CHECKBOX_COLUMN_WIDTH_PIXELS : 0 });
+  const fixedWithUnknownWidth = fixedColumns.filter((fixed) => fixed.hasUnknownWidth).map((fixed) => fixed.field).join(",");
+  useEffect(() => {
+    for (const field of fixedWithUnknownWidth ? fixedWithUnknownWidth.split(",") : []) {
+      if (!warnedFixedColumns.has(field)) {
+        warnedFixedColumns.add(field);
+        log.warn(`La columna fija «${field}» no es la última y no trae un width fijo: la siguiente se corre su minWidth y podría encimarse. Póngale width.`);
+      }
+    }
+  }, [fixedWithUnknownWidth]);
   const headerHeight = columnGroupingModel ? 2 * COLUMN_HEADER_HEIGHT_PIXELS : COLUMN_HEADER_HEIGHT_PIXELS;
   const isFooterHidden = hideFooterWhenAllRowsFit && page === 0 && total <= pageSize;
   const footerHeight = isFooterHidden ? 0 : FOOTER_HEIGHT_PIXELS + GRID_BORDER_PIXELS;
@@ -353,7 +395,8 @@ function ServerTable(props) {
           ] }),
           toolbarExtra
         ] })
-      ) })
+      ) }),
+      showsViewToggle && /* @__PURE__ */ jsx(TableViewToggle, { view: tableView.view, onChange: tableView.setView })
     ] }),
     beforeQuickFilters,
     quickFilters.map((quickFilter) => /* @__PURE__ */ jsx(
@@ -410,7 +453,24 @@ function ServerTable(props) {
         children: error.message ?? t("error.generic")
       }
     ),
-    /* @__PURE__ */ jsx(TableCard, { variant: "outlined", ownSx: { width: "100%", minWidth: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx(
+    showsCards && /* @__PURE__ */ jsx(
+      TableCardsView,
+      {
+        rows: visibleRows,
+        renderCard,
+        rowIdOf: (row) => getRowId ? getRowId(row) : row.id,
+        isLoading,
+        page,
+        pageCount: Math.ceil(total / pageSize) || 1,
+        onPageChange: tableState.setPage,
+        hasActiveFilters,
+        emptyLabel,
+        onClearFilters: tableState.clearAll,
+        skeleton: cardSkeleton,
+        ariaLabel
+      }
+    ),
+    !showsCards && /* @__PURE__ */ jsx(TableCard, { variant: "outlined", ownSx: { width: "100%", minWidth: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx(
       TableGrid,
       {
         ...gridProps,
@@ -422,7 +482,7 @@ function ServerTable(props) {
           getRowClassName?.(params),
           striped && params.indexRelativeToCurrentPage % 2 === 1 ? STRIPED_ROW_CLASS : ""
         ].filter(Boolean).join(" "),
-        getRowHeight,
+        getRowHeight: rowHeightOf,
         "aria-label": ariaLabel,
         nonce: readCspNonce(),
         loading: isLoading,
@@ -449,7 +509,7 @@ function ServerTable(props) {
         keepNonExistentRowsSelected: isSelectable,
         disableRowSelectionExcludeModel: true,
         hideFooterSelectedRowCount: true,
-        disableVirtualization: Boolean(fixedColumn),
+        disableVirtualization: fixedColumns.length > 0,
         density: DATA_GRID_DENSITY,
         localeText: { ...gridText, noRowsLabel: emptyLabel ?? t("empty.default") },
         slotProps: {
@@ -472,22 +532,29 @@ function ServerTable(props) {
           // IMPORTANTE: el alto va en la raíz del DataGrid y no en la caja de afuera: las variables
           // --DataGrid-hasScrollX y --DataGrid-scrollbarSize solo existen en la raíz. Cuando las columnas no
           // caben (historial a 390 px) la barra horizontal ocupa su alto dentro de la tabla y, sin sumarlo, los
-          // renglones se desplazaban 13 px por dentro. Con barras superpuestas (teléfono, trackpad) mide 0
-          height: `calc(${gridHeight}px + var(--DataGrid-hasScrollX, 0) * var(--DataGrid-scrollbarSize, 0px))`,
+          // renglones se desplazaban 13 px por dentro. Con barras superpuestas (teléfono, trackpad) mide 0.
+          // Con renglones 'auto' el DataGrid se mide solo y aquí no se le pone alto
+          ...!measuresItself && { height: `calc(${gridHeight}px + var(--DataGrid-hasScrollX, 0) * var(--DataGrid-scrollbarSize, 0px))` },
           border: 0,
-          // todo centrado verticalmente: el texto suelto se pegaba arriba y los chips quedaban a media altura
-          "& .MuiDataGrid-cell": { display: "flex", alignItems: "center" },
+          // todo centrado verticalmente: el texto suelto se pegaba arriba y los chips quedaban a media altura.
+          // OJO, trampa pagada: el DataGrid le da a cada celda una altura de línea IGUAL al alto del renglón
+          // (para centrar una sola línea de texto). En un renglón alto (100 px) todo texto que no traiga la
+          // suya quedaba en una línea de 99 px: a media celda o hasta abajo, y lo que iba debajo se salía y se
+          // cortaba. Las celdas ya se centran con flex, así que la altura de línea vuelve a la del texto
+          "& .MuiDataGrid-cell": { display: "flex", alignItems: "center", lineHeight: CELL_LINE_HEIGHT },
           "& .MuiDataGrid-columnHeader": { alignItems: "center" },
           // cebra: el color del hover del tema
           [`& .${STRIPED_ROW_CLASS}`]: { bgcolor: "action.hover" },
-          [`& .${STRIPED_ROW_CLASS}:hover`]: { bgcolor: "action.selected" },
-          ...gridSx
-        }, (gridTheme) => fixedColumn ? fixedColumnSxOf(gridTheme, fixedColumn, { withCheckboxColumn: isSelectable }) : {}]
+          [`& .${STRIPED_ROW_CLASS}:hover`]: { bgcolor: "action.selected" }
+        }, (gridTheme) => fixedColumns.length > 0 ? fixedColumnSxOf(gridTheme, fixedColumns, { withCheckboxColumn: isSelectable }) : {}],
+        sx: [...sxListOf(gridProps?.sx), ...sxListOf(gridSx)],
+        autoHeight: measuresItself
       }
     ) }),
     footer?.({ total, capped })
   ] }) });
 }
+const ServerTable = withPieceSlots(ServerTableContent, THEME_NAME);
 export {
   SELECTION_PHONE_LAYOUT,
   ServerTable as default

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        // 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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"}
+{"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 {fixedColumnOffsetsOf, fixedFieldsOf} from '@/DataTable/fixedColumns.js';\nimport TableCardsView, {TableViewToggle} from '@/DataTable/TableCardsView.jsx';\nimport {COLUMN_STACKED_KEY} from '@/DataTable/columns.jsx';\nimport {TABLE_VIEW, useTableView} from '@/DataTable/useTableView.js';\nimport {createLogger} from '@/observability/logger.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, sxListOf, usePieceProps, withPieceSlots} 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;\n// el alto de renglón que crece con su contenido (lo mismo que acepta el DataGrid)\nconst AUTO_ROW_HEIGHT = 'auto';\n// la altura de línea de las celdas: la del texto de la tabla (la hereda de la raíz del DataGrid, que pone la letra del\n// tema), no la del renglón (ver la trampa en los estilos del DataGrid)\nconst CELL_LINE_HEIGHT = 'inherit';\n\nconst log = createLogger('table');\n// las columnas fijas sin ancho fijo de las que ya se avisó (una vez por columna en toda la app)\nconst warnedFixedColumns = new Set();\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 * Con varias columnas fijas (fixedColumn={['actions', 'company']}) cada una se pega donde termina la anterior\n * (fixedColumnOffsetsOf) y la raya que separa lo fijo de lo que se desliza va solo en la última.\n *\n * @param {object} theme tema de MUI\n * @param {Array<{field: string, left: number, isLast: boolean}>} fixedColumns las columnas fijas con su lugar\n * @param {{withCheckboxColumn?: boolean}} [options]\n * @returns {object} estilos para el sx del DataGrid\n */\nfunction fixedColumnSxOf(theme, fixedColumns, {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    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 checkboxCell = `.MuiDataGrid-cell[data-field=\"${GRID_CHECKBOX_SELECTION_FIELD}\"]`;\n    const checkboxHeader = `.MuiDataGrid-columnHeader[data-field=\"${GRID_CHECKBOX_SELECTION_FIELD}\"]`;\n\n    const columnRules = {};\n    for (const {field, left, isLast} of fixedColumns) {\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 edge = isLast ? {borderRight: divider} : {};\n        columnRules[`& .MuiDataGrid-cell[data-field=\"${field}\"]`] = {\n            position: 'sticky', left, zIndex: FIXED_CELL_Z_INDEX, ...edge,\n            ...stickyBackground,\n            '&::before': rowColorLayer,\n        };\n        columnRules[`& :where(.MuiDataGrid-columnHeader[data-field=\"${field}\"], ${ownBandHeader})`] = headerBackground;\n        columnRules[`& .MuiDataGrid-columnHeader[data-field=\"${field}\"], & ${ownBandHeader}`] = {\n            position: 'sticky', left, zIndex: FIXED_HEADER_Z_INDEX, ...edge,\n        };\n    }\n\n    return {\n        '& :where(.MuiDataGrid-row)': {backgroundColor: isMaterialContent ? 'transparent' : paper},\n        ...columnRules,\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] el alto de cada renglón: un número (px) o 'auto' para\n *     que crezca con lo que lleva adentro (varios renglones de texto en una celda). Con 'auto' la tabla se mide a sí misma\n *     (autoHeight del DataGrid); con maxGridHeight cuenta cada renglón 'auto' con getEstimatedRowHeight de gridProps o, sin\n *     él, con el alto de siempre\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|Array<object>|Function} [props.gridSx] estilos extra del DataGrid (clases de renglón, celdas): van DESPUÉS de\n *     los de la tabla y se combinan regla por regla. Escribir '& .MuiDataGrid-cell': {alignItems: 'flex-start'} cambia solo la\n *     alineación y la celda conserva lo demás de la tabla (antes reemplazaba el objeto entero y la celda perdía su display)\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|string[]} [props.fixedColumn] campo de la columna que se queda pegada a la izquierda al deslizar de lado\n *     (como fixedSelectColumn de mui-datatables), o una lista para varias: ['actions', 'company'] pega las dos, una tras\n *     otra. Las que no son la última necesitan su `width` en la columna (con flex no se sabe cuánto correr la siguiente)\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 {(row: any, helpers: {index: number}) => import('react').ReactNode} [props.renderCard] con ella la lista también se ve en\n *     tarjetas (una por renglón, normalmente RecordCard), con la misma búsqueda, filtros, orden y página: un botón cambia de\n *     vista. Con `prefix` la vista va en la dirección (?<prefix>_view=cards, reemplazando el historial)\n * @param {'table'|'cards'} [props.view] la vista que decide la pantalla (TABLE_VIEW); sin ella la lleva la tabla\n * @param {'table'|'cards'} [props.defaultView] con qué vista abre (por omisión la tabla)\n * @param {(view: 'table'|'cards') => void} [props.onViewChange] avisa cuando se cambia de vista\n * @param {boolean} [props.showViewToggle] el botón de tabla o tarjetas (por omisión, si hay renderCard)\n * @param {import('react').ReactNode} [props.cardSkeleton] el esqueleto de una tarjeta mientras llega la primera página\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 */\nfunction ServerTableContent(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    renderCard,\n    view,\n    defaultView,\n    onViewChange,\n    showViewToggle,\n    cardSkeleton,\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    // tabla o tarjetas: las dos con el mismo estado (búsqueda, filtros, orden, página); las tarjetas solo si hay renderCard\n    const tableView = useTableView({prefix, view, defaultView, onViewChange});\n    const showsCards = Boolean(renderCard) && tableView.view === TABLE_VIEW.cards;\n    const showsViewToggle = Boolean(renderCard) && (showViewToggle ?? true);\n    // una columna de datos apilados (stackedColumn) pone los renglones a su alto, salvo que la pantalla diga el suyo\n    const rowHeightOf = getRowHeight\n        ?? (columns.some((column) => column[COLUMN_STACKED_KEY]) ? () => AUTO_ROW_HEIGHT : undefined);\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    // Un renglón 'auto' crece con lo que trae y su alto no se sabe hasta pintarlo: entonces la tabla se mide sola\n    // (autoHeight del DataGrid). OJO, trampa pagada: antes 'auto' se contaba con el alto de siempre, el contenedor quedaba\n    // corto y el renglón salía cortado a la mitad. Con un tope (maxGridHeight) no se puede medir sola: se cuenta con el\n    // alto estimado que dé la pantalla (getEstimatedRowHeight de gridProps) o con el de siempre\n    let rowsHeight = placeholderRowCount * ROW_HEIGHT_PIXELS;\n    let hasAutoHeightRows = false;\n    for (const row of visibleRows) {\n        const rowParams = {id: getRowId ? getRowId(row) : row.id, model: row, densityFactor: COMPACT_DENSITY_FACTOR};\n        const requestedRowHeight = rowHeightOf?.(rowParams);\n        if (requestedRowHeight === AUTO_ROW_HEIGHT) {\n            hasAutoHeightRows = true;\n            const estimatedRowHeight = gridProps?.getEstimatedRowHeight?.(rowParams);\n            rowsHeight += typeof estimatedRowHeight === 'number' ? estimatedRowHeight : ROW_HEIGHT_PIXELS;\n            continue;\n        }\n        rowsHeight += typeof requestedRowHeight === 'number' ? requestedRowHeight : ROW_HEIGHT_PIXELS;\n    }\n    const measuresItself = hasAutoHeightRows && !maxGridHeight;\n    // las columnas fijas con su lugar; la primera va después de la casilla de elegir renglones (fixedColumns.js)\n    const fixedColumns = fixedColumnOffsetsOf(fixedFieldsOf(fixedColumn), columns, {startLeft: isSelectable ? CHECKBOX_COLUMN_WIDTH_PIXELS : 0});\n    const fixedWithUnknownWidth = fixedColumns.filter((fixed) => fixed.hasUnknownWidth).map((fixed) => fixed.field).join(',');\n    useEffect(() => {\n        // una sola vez por columna: la que sigue de una fija sin ancho fijo podría quedar encima de ella\n        for (const field of fixedWithUnknownWidth ? fixedWithUnknownWidth.split(',') : []) {\n            if (!warnedFixedColumns.has(field)) {\n                warnedFixedColumns.add(field);\n                log.warn(`La columna fija «${field}» no es la última y no trae un width fijo: la siguiente se corre su minWidth y podría encimarse. Póngale width.`);\n            }\n        }\n    }, [fixedWithUnknownWidth]);\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                {showsViewToggle && <TableViewToggle view={tableView.view} onChange={tableView.setView} />}\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            {showsCards && (\n                <TableCardsView rows={visibleRows} renderCard={renderCard} rowIdOf={(row) => (getRowId ? getRowId(row) : row.id)}\n                                isLoading={isLoading} page={page} pageCount={Math.ceil(total / pageSize) || 1} onPageChange={tableState.setPage}\n                                hasActiveFilters={hasActiveFilters} emptyLabel={emptyLabel} onClearFilters={tableState.clearAll}\n                                skeleton={cardSkeleton} ariaLabel={ariaLabel} />\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            {!showsCards && (\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={rowHeightOf}\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={fixedColumns.length > 0}\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                        // Con renglones 'auto' el DataGrid se mide solo y aquí no se le pone alto\n                        ...(!measuresItself && {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                        // OJO, trampa pagada: el DataGrid le da a cada celda una altura de línea IGUAL al alto del renglón\n                        // (para centrar una sola línea de texto). En un renglón alto (100 px) todo texto que no traiga la\n                        // suya quedaba en una línea de 99 px: a media celda o hasta abajo, y lo que iba debajo se salía y se\n                        // cortaba. Las celdas ya se centran con flex, así que la altura de línea vuelve a la del texto\n                        '& .MuiDataGrid-cell': {display: 'flex', alignItems: 'center', lineHeight: CELL_LINE_HEIGHT},\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                    }, (gridTheme) => (fixedColumns.length > 0 ? fixedColumnSxOf(gridTheme, fixedColumns, {withCheckboxColumn: isSelectable}) : {})]}\n                    // lo de la pantalla va DESPUÉS y se combina regla por regla con lo de arriba (MUI junta la lista de sx): con\n                    // `...gridSx` dentro del mismo objeto, una llave igual reemplazaba la de la tabla entera (la celda perdía su\n                    // display: flex y alignItems ya no hacía nada). También el sx que llegue en gridProps\n                    sx={[...sxListOf(gridProps?.sx), ...sxListOf(gridSx)]}\n                    autoHeight={measuresItself}\n                />\n            </TableCard>\n            )}\n\n            {footer?.({total, capped})}\n        </TableFilterContext>\n        </ComponentTexts>\n    );\n}\n\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst ServerTable = withPieceSlots(ServerTableContent, THEME_NAME);\nexport default ServerTable;\n"],"names":["dataGridSpanish","dataGridEnglish"],"mappings":"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"}

package/dist/DataTable/ServerTableFilterDrawer.js

@@ -8,15 +8,19 @@ import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 import FilterDrawer from "../ui/filters/FilterDrawer.js";
 import { activeDrawerFilterCountOf } from "../ui/filters/filterDrawerFields.js";
-function ServerTableFilterDrawer({ fields, anchor, width, title, buttonLabel, onApply, children, texts, ...unknownProps }) {
-  warnUnknownProps("ServerTableFilterDrawer", unknownProps);
+import { piecePart, withPieceSlots, usePieceProps } from "../theme/themePieces.js";
+const THEME_NAME = "CalcitaServerTableFilterDrawer";
+const ServerTableFilterDrawerButton = piecePart(THEME_NAME, "Button", Button);
+function ServerTableFilterDrawerContent(props) {
+  const { fields, anchor, width, title, buttonLabel, onApply, children, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
   const { filters, setFilters } = useTableFilter();
   const [isOpen, setIsOpen] = useState(false);
   const activeCount = activeDrawerFilterCountOf(fields, filters);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Button,
+      ServerTableFilterDrawerButton,
       {
         size: "small",
         variant: activeCount > 0 ? "contained" : "outlined",
@@ -46,6 +50,7 @@ function ServerTableFilterDrawer({ fields, anchor, width, title, buttonLabel, on
     )
   ] });
 }
+const ServerTableFilterDrawer = withPieceSlots(ServerTableFilterDrawerContent, THEME_NAME);
 export {
   ServerTableFilterDrawer as default
 };

package/dist/DataTable/ServerTableFilterDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerTableFilterDrawer.js","sources":["../../src/DataTable/ServerTableFilterDrawer.jsx"],"sourcesContent":["// El botón «Filtros» de ServerTable con su cajón de búsqueda (FilterDrawer): se pone en toolbarExtra y lee y cambia los\n// filtros de SU tabla (los de la dirección, los mismos de los chips). El botón dice cuántos filtros del cajón hay puestos.\n//\n//   const FILTER_FIELDS = [{name: 'total', label: 'Total', kind: FILTER_FIELD_KIND.comparison, prefix: '$'}, …];\n//   <ServerTable … filterDefaults={{...MIS_DEFAULTS, ...filterDrawerDefaultsOf(FILTER_FIELDS)}}\n//                  filterKinds={{...MIS_KINDS, ...filterDrawerKindsOf(FILTER_FIELDS)}}\n//                  chipConfig={buildChipConfig(filterDrawerChipsOf(FILTER_FIELDS, {t, formatDate}))}\n//                  toolbarExtra={<ServerTableFilterDrawer fields={FILTER_FIELDS} />} />\n//\n// filterDefaults: la tabla solo guarda en la dirección lo que declara ahí. filterKinds: las listas se leen como lista. Los\n// chips dicen cada filtro en palabras y cada uno se quita con su ×.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport Button from '@mui/material/Button';\nimport TuneRoundedIcon from '@mui/icons-material/TuneRounded';\n\nimport {useTableFilter} from '@/DataTable/filterContext.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport FilterDrawer from '@/ui/filters/FilterDrawer.jsx';\nimport {activeDrawerFilterCountOf} from '@/ui/filters/filterDrawerFields.js';\n\n/**\n * @param {object} props\n * @param {object[]} props.fields los campos del cajón (filterDrawerFields.js)\n * @param {'left'|'right'} [props.anchor] de qué lado sale; por omisión la derecha\n * @param {number} [props.width] su ancho en escritorio\n * @param {string} [props.title] ya traducido; por omisión «Filtros»\n * @param {string} [props.buttonLabel] ya traducido; por omisión «Filtros» (con los puestos, «Filtros (3)»)\n * @param {(values: Record<string, unknown>) => void} [props.onApply] aviso de lo que se buscó (la tabla ya se filtró)\n * @param {import('react').ReactNode} [props.children] algo más abajo de los campos del cajón\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function ServerTableFilterDrawer({fields, anchor, width, title, buttonLabel, onApply, children, texts, ...unknownProps}) {\n    warnUnknownProps('ServerTableFilterDrawer', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const {filters, setFilters} = useTableFilter();\n    const [isOpen, setIsOpen] = useState(false);\n    const activeCount = activeDrawerFilterCountOf(fields, filters);\n\n    return (\n        <>\n            <Button size=\"small\" variant={activeCount > 0 ? 'contained' : 'outlined'} startIcon={<TuneRoundedIcon />}\n                    aria-haspopup=\"dialog\" onClick={() => setIsOpen(true)}>\n                {activeCount > 0 ? t('filterDrawer.openWithCount', {count: activeCount}) : (buttonLabel ?? t('filterDrawer.open'))}\n            </Button>\n            <FilterDrawer open={isOpen} onClose={() => setIsOpen(false)} fields={fields} values={filters} anchor={anchor} width={width} title={title}\n                          texts={texts}\n                          onApply={(values) => {\n                              setFilters(values);\n                              onApply?.(values);\n                          }}>\n                {children}\n            </FilterDrawer>\n        </>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAkCA,SAAwB,wBAAwB,EAAC,QAAQ,QAAQ,OAAO,OAAO,aAAa,SAAS,UAAU,OAAO,GAAG,aAAA,GAAe;AACpI,mBAAiB,2BAA2B,YAAY;AACxD,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,EAAC,SAAS,WAAA,IAAc,eAAA;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,cAAc,0BAA0B,QAAQ,OAAO;AAE7D,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAAO,MAAK;AAAA,QAAQ,SAAS,cAAc,IAAI,cAAc;AAAA,QAAY,+BAAY,iBAAA,EAAgB;AAAA,QAC9F,iBAAc;AAAA,QAAS,SAAS,MAAM,UAAU,IAAI;AAAA,QACvD,UAAA,cAAc,IAAI,EAAE,8BAA8B,EAAC,OAAO,YAAA,CAAY,IAAK,eAAe,EAAE,mBAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpH;AAAA,MAAC;AAAA,MAAA;AAAA,QAAa,MAAM;AAAA,QAAQ,SAAS,MAAM,UAAU,KAAK;AAAA,QAAG;AAAA,QAAgB,QAAQ;AAAA,QAAS;AAAA,QAAgB;AAAA,QAAc;AAAA,QAC9G;AAAA,QACA,SAAS,CAAC,WAAW;AACjB,qBAAW,MAAM;AACjB,oBAAU,MAAM;AAAA,QACpB;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}
+{"version":3,"file":"ServerTableFilterDrawer.js","sources":["../../src/DataTable/ServerTableFilterDrawer.jsx"],"sourcesContent":["// El botón «Filtros» de ServerTable con su cajón de búsqueda (FilterDrawer): se pone en toolbarExtra y lee y cambia los\n// filtros de SU tabla (los de la dirección, los mismos de los chips). El botón dice cuántos filtros del cajón hay puestos.\n//\n//   const FILTER_FIELDS = [{name: 'total', label: 'Total', kind: FILTER_FIELD_KIND.comparison, prefix: '$'}, …];\n//   <ServerTable … filterDefaults={{...MIS_DEFAULTS, ...filterDrawerDefaultsOf(FILTER_FIELDS)}}\n//                  filterKinds={{...MIS_KINDS, ...filterDrawerKindsOf(FILTER_FIELDS)}}\n//                  chipConfig={buildChipConfig(filterDrawerChipsOf(FILTER_FIELDS, {t, formatDate}))}\n//                  toolbarExtra={<ServerTableFilterDrawer fields={FILTER_FIELDS} />} />\n//\n// filterDefaults: la tabla solo guarda en la dirección lo que declara ahí. filterKinds: las listas se leen como lista. Los\n// chips dicen cada filtro en palabras y cada uno se quita con su ×.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaServerTableFilterDrawer con defaultProps, styleOverrides de\n// sus partes (button) y slots/slotProps para cambiarlas.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport Button from '@mui/material/Button';\nimport TuneRoundedIcon from '@mui/icons-material/TuneRounded';\n\nimport {useTableFilter} from '@/DataTable/filterContext.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport FilterDrawer from '@/ui/filters/FilterDrawer.jsx';\nimport {activeDrawerFilterCountOf} from '@/ui/filters/filterDrawerFields.js';\nimport {piecePart, usePieceProps, withPieceSlots} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaServerTableFilterDrawer)\nconst THEME_NAME = 'CalcitaServerTableFilterDrawer';\nconst ServerTableFilterDrawerButton = piecePart(THEME_NAME, 'Button', Button);\n\n/**\n * @param {object} props\n * @param {object[]} props.fields los campos del cajón (filterDrawerFields.js)\n * @param {'left'|'right'} [props.anchor] de qué lado sale; por omisión la derecha\n * @param {number} [props.width] su ancho en escritorio\n * @param {string} [props.title] ya traducido; por omisión «Filtros»\n * @param {string} [props.buttonLabel] ya traducido; por omisión «Filtros» (con los puestos, «Filtros (3)»)\n * @param {(values: Record<string, unknown>) => void} [props.onApply] aviso de lo que se buscó (la tabla ya se filtró)\n * @param {import('react').ReactNode} [props.children] algo más abajo de los campos del cajón\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nfunction ServerTableFilterDrawerContent(props) {\n    const {fields, anchor, width, title, buttonLabel, onApply, children, texts, ...unknownProps} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const {filters, setFilters} = useTableFilter();\n    const [isOpen, setIsOpen] = useState(false);\n    const activeCount = activeDrawerFilterCountOf(fields, filters);\n\n    return (\n        <>\n            <ServerTableFilterDrawerButton size=\"small\" variant={activeCount > 0 ? 'contained' : 'outlined'} startIcon={<TuneRoundedIcon />}\n                    aria-haspopup=\"dialog\" onClick={() => setIsOpen(true)}>\n                {activeCount > 0 ? t('filterDrawer.openWithCount', {count: activeCount}) : (buttonLabel ?? t('filterDrawer.open'))}\n            </ServerTableFilterDrawerButton>\n            <FilterDrawer open={isOpen} onClose={() => setIsOpen(false)} fields={fields} values={filters} anchor={anchor} width={width} title={title}\n                          texts={texts}\n                          onApply={(values) => {\n                              setFilters(values);\n                              onApply?.(values);\n                          }}>\n                {children}\n            </FilterDrawer>\n        </>\n    );\n}\n\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst ServerTableFilterDrawer = withPieceSlots(ServerTableFilterDrawerContent, THEME_NAME);\nexport default ServerTableFilterDrawer;\n"],"names":[],"mappings":";;;;;;;;;;;AA4BA,MAAM,aAAa;AACnB,MAAM,gCAAgC,UAAU,YAAY,UAAU,MAAM;AAa5E,SAAS,+BAA+B,OAAO;AAC3C,QAAM,EAAC,QAAQ,QAAQ,OAAO,OAAO,aAAa,SAAS,UAAU,OAAO,GAAG,aAAA,IAAgB,cAAc,OAAO,UAAU;AAC9H,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,EAAC,SAAS,WAAA,IAAc,eAAA;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,cAAc,0BAA0B,QAAQ,OAAO;AAE7D,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAA8B,MAAK;AAAA,QAAQ,SAAS,cAAc,IAAI,cAAc;AAAA,QAAY,+BAAY,iBAAA,EAAgB;AAAA,QACrH,iBAAc;AAAA,QAAS,SAAS,MAAM,UAAU,IAAI;AAAA,QACvD,UAAA,cAAc,IAAI,EAAE,8BAA8B,EAAC,OAAO,YAAA,CAAY,IAAK,eAAe,EAAE,mBAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpH;AAAA,MAAC;AAAA,MAAA;AAAA,QAAa,MAAM;AAAA,QAAQ,SAAS,MAAM,UAAU,KAAK;AAAA,QAAG;AAAA,QAAgB,QAAQ;AAAA,QAAS;AAAA,QAAgB;AAAA,QAAc;AAAA,QAC9G;AAAA,QACA,SAAS,CAAC,WAAW;AACjB,qBAAW,MAAM;AACjB,oBAAU,MAAM;AAAA,QACpB;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;AAGA,MAAM,0BAA0B,eAAe,gCAAgC,UAAU;"}