@stackcraftmx/calcita 0.0.0-stage → 0.25.0

package/dist/DataTable/ServerTable.js.map

@@ -0,0 +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// 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';\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({\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}) {\n    const {t, language} = useToolkitTranslation('table', texts);\n    const {formatNumber} = useFormatters();\n    const theme = useTheme();\n    const tableState = useTableState({prefix, filterDefaults, filterKinds, defaultPageSize});\n    const {filters, sortOrders, page, pageSize} = tableState;\n\n    // la caja de búsqueda rebota: se escribe sin latencia y al servidor va una consulta cuando se deja de teclear\n    const [searchDraft, setSearchDraft] = useDebouncedFilter(\n        searchField ? filters[searchField] : '',\n        (value) => searchField && tableState.setFilter(searchField, value),\n    );\n\n    // NOTA: fetchPage suele ser una función nueva en cada render; la máquina siempre llama a la más reciente\n    const latestFetchPage = useRef(fetchPage);\n    latestFetchPage.current = fetchPage;\n    const latestEvents = useRef({onQueryChange, onLoaded, onLoadError});\n    latestEvents.current = {onQueryChange, onLoaded, onLoadError};\n    const [tableSnapshot, sendToTable] = useMachine(\n        tableMachine.provide({actors: buildTableActors((params, signal) => latestFetchPage.current(params, signal))}),\n    );\n    const {rows, total, facets, capped, error} = tableSnapshot.context;\n    // lo que se pinta: la página completa o, si la pantalla esconde renglones (un grupo plegado), solo los que deja ver.\n    // Con memoria: un arreglo nuevo en cada pintada haría que el DataGrid volviera a procesar todos sus renglones\n    const visibleRows = useMemo(() => (isRowVisible ? rows.filter(isRowVisible) : rows), [rows, isRowVisible]);\n    const isLoading = tableSnapshot.matches('loading') || tableSnapshot.matches('idle');\n\n    const requestParams = {filters, sortOrders, page, pageSize};\n    const requestFingerprint = JSON.stringify({queryKey, enabled, refreshToken, ...requestParams});\n\n    // IMPORTANTE: UN solo efecto dispara la consulta. Varios useEffect pidiendo lo mismo es como nacen las consultas\n    // duplicadas\n    useEffect(() => {\n        if (!queryKey || !enabled) {\n            return;\n        }\n        latestEvents.current.onQueryChange?.(requestParams);\n        sendToTable({type: 'FETCH', params: requestParams});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [requestFingerprint]);\n\n    // los eventos de la carga salen hacia afuera (la lógica de negocio que depende de lo que llegó). Con referencia a la\n    // función más reciente: la pantalla suele pasar funciones nuevas en cada pintada\n    const isReady = tableSnapshot.matches('ready');\n    useEffect(() => {\n        if (isReady) {\n            latestEvents.current.onLoaded?.({rows, total, facets, capped});\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isReady, rows]);\n    useEffect(() => {\n        if (error) {\n            latestEvents.current.onLoadError?.(error);\n        }\n    }, [error]);\n\n    const toggleSort = (column) => {\n        const currentSort = sortOrders.find((sortOrder) => sortOrder.column === column);\n        if (!currentSort) {\n            tableState.setSort([{column, direction: 'desc'}]);\n        } else if (currentSort.direction === 'desc') {\n            tableState.setSort([{column, direction: 'asc'}]);\n        } else {\n            // tercer clic: regresa al orden por defecto del servidor\n            tableState.setSort([]);\n        }\n    };\n\n    // ─── Renglones elegidos (rowSelection.js) ───\n    // con acciones (o quien escuche los cambios) cada renglón lleva su casilla\n    const isSelectable = selectionActions.length > 0 || Boolean(onSelectionChange);\n    const [rowSelection, setRowSelection] = useState(EMPTY_ROW_SELECTION);\n    const idOf = useCallback((row) => (getRowId ? getRowId(row) : row.id), [getRowId]);\n    const pageRowsById = useMemo(() => new Map(visibleRows.map((row) => [idOf(row), row])), [visibleRows, idOf]);\n    const selectablePageIds = useMemo(\n        () => visibleRows.filter((row) => !isRowSelectable || isRowSelectable(row)).map(idOf),\n        [visibleRows, isRowSelectable, idOf],\n    );\n    const checkedIds = useMemo(() => checkedIdsOf(rowSelection, selectablePageIds), [rowSelection, selectablePageIds]);\n    const selection = rowSelectionOf(rowSelection, {total, capped, filters});\n\n    const updateSelection = (nextSelection) => {\n        setRowSelection(nextSelection);\n        onSelectionChange?.(rowSelectionOf(nextSelection, {total, capped, filters}));\n    };\n    const clearSelection = () => updateSelection(EMPTY_ROW_SELECTION);\n\n    // otro filtro u otro conjunto son otros renglones: la selección se borra para no actuar sobre lo que ya no se ve. Cambiar\n    // de página o de orden la conserva\n    const selectionResetKey = JSON.stringify({queryKey, filters});\n    const lastSelectionResetKey = useRef(selectionResetKey);\n    useEffect(() => {\n        if (lastSelectionResetKey.current === selectionResetKey) {\n            return;\n        }\n        lastSelectionResetKey.current = selectionResetKey;\n        if (rowSelection !== EMPTY_ROW_SELECTION) {\n            clearSelection();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectionResetKey]);\n\n    // el DataGrid avisa qué quedó marcado; con disableRowSelectionExcludeModel siempre es la lista de los marcados\n    const handleGridSelectionChange = (model) => {\n        // la casilla de arriba elige todos los que coinciden (si se permite); el aviso deja quedarse con la página\n        const nextSelection = selectionAfterCheck(rowSelection, model.ids, pageRowsById, selectablePageIds, {\n            allMatchingOnWholePage: allowSelectAllMatching, total, capped,\n        });\n        if (nextSelection !== rowSelection) {\n            updateSelection(nextSelection);\n        }\n    };\n\n    const hasSelection = isSelectable && selection.count > 0;\n    // en el teléfono con barra de pestañas abajo (vidrio, o minimalista con cápsulas) las acciones de los elegidos flotan\n    // (SelectionActions decide dónde) y el conteo de la tabla se queda; sin esa barra, ocupan el lugar del conteo\n    const floatsSelectionOnPhone = selectionFloatsOnPhone(theme);\n    const selectionCountText = selection.isCapped\n        ? t('selection.allMatchingCapped')\n        : t('selection.count', {count: selection.count, total: formatNumber(selection.count)});\n    // cada acción recibe la selección y cómo dejar la tabla al terminar; isDisabled se resuelve con la selección de ahora\n    const selectionHelpers = {clearSelection, refresh: () => sendToTable({type: 'FETCH', params: requestParams})};\n    const selectionActionItems = selectionActions.map(({key, label, icon, color, isDisabled, onClick}) => ({\n        key, label, icon, color, disabled: isDisabled?.(selection) ?? false, onClick: () => onClick(selection, selectionHelpers),\n    }));\n    const offersAllMatching = isSelectable && allowSelectAllMatching && canSelectAllMatching(rowSelection, selectablePageIds, {total, capped});\n\n    // el texto de la caja de búsqueda no cuenta como filtro oculto: se está viendo en su propia caja\n    const hasActiveFilters = Object.entries(filters)\n        .some(([field, value]) => field !== searchField && isFilterActive(filterKinds[field], value));\n\n    // un acceso rápido está \"puesto\" cuando se aleja de su default; los que además tienen chip ya se cuentan ahí\n    const quickActiveCount = quickFilters.filter((quickFilter) => !chipConfig.some((chipDeclaration) => chipDeclaration.key === quickFilter.field)\n        && JSON.stringify(filters[quickFilter.field] ?? '') !== JSON.stringify(filterDefaults[quickFilter.field] ?? '')).length;\n\n    const tableFilterValue = useMemo(() => ({\n        filters,\n        setFilter: tableState.setFilter,\n        clearFilter: tableState.clearFilter,\n        sortOrders,\n        toggleSort,\n        clearSort: () => tableState.setSort([]),\n        facets,\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }), [filters, sortOrders, facets]);\n\n    // alto según lo que hay: una tabla de 3 organizaciones no deja 500 px en blanco. Sin renglones reservamos lugar para el\n    // esqueleto de carga (hasta 8) o para el aviso de tabla vacía (3); con renglones, ni un pixel de hueco abajo\n    let placeholderRowCount = 0;\n    if (visibleRows.length === 0) {\n        placeholderRowCount = isLoading ? Math.min(pageSize, 8) : 3;\n    }\n    // OJO: el alto se suma renglón por renglón con el alto que pide la pantalla (getRowHeight; p. ej. un renglón de\n    // resumen más alto que los demás). Con un solo alto para todos, la tabla quedaba con hueco blanco o\n    // con barra de desplazamiento sin necesidad\n    let rowsHeight = placeholderRowCount * ROW_HEIGHT_PIXELS;\n    for (const row of visibleRows) {\n        const requestedRowHeight = getRowHeight?.({id: getRowId ? getRowId(row) : row.id, model: row, densityFactor: COMPACT_DENSITY_FACTOR});\n        rowsHeight += typeof requestedRowHeight === 'number' ? requestedRowHeight : ROW_HEIGHT_PIXELS;\n    }\n    // la tabla crece con los renglones de la página y NO tiene scroll vertical propio (un solo scroll, el\n    // de la página). La paginación del servidor ya acota cuántos renglones hay; maxGridHeight queda solo para quien\n    // de verdad necesite un tope (un diálogo con altura fija)\n    // con bandas el encabezado son dos renglones del mismo alto: el de las bandas y el de las columnas\n    const headerHeight = columnGroupingModel ? 2 * COLUMN_HEADER_HEIGHT_PIXELS : COLUMN_HEADER_HEIGHT_PIXELS;\n    // sin paginador que usar no hay pie: todo lo que hay ya está a la vista en la primera página\n    const isFooterHidden = hideFooterWhenAllRowsFit && page === 0 && total <= pageSize;\n    // el pie mide su alto más las líneas de borde; sin pie no hay ni lo uno ni lo otro\n    const footerHeight = isFooterHidden ? 0 : FOOTER_HEIGHT_PIXELS + GRID_BORDER_PIXELS;\n    const contentHeight = headerHeight + rowsHeight + footerHeight + HEIGHT_SLACK_PIXELS;\n    const gridHeight = maxGridHeight ? Math.min(contentHeight, maxGridHeight) : contentHeight;\n\n    const gridText = DATA_GRID_TEXT_BY_LANGUAGE[language] ?? DATA_GRID_TEXT_BY_LANGUAGE.es;\n    const formattedTotal = formatNumber(total);\n    const countText = countLabel ? countLabel(total) : t('count.records', {count: total, total: formattedTotal});\n\n    const searchText = searchPlaceholder ?? t('search.placeholder');\n\n    return (\n        <ComponentTexts namespace=\"table\" texts={texts}>\n        <TableFilterContext value={tableFilterValue}>\n            <Stack direction={{xs: 'column', md: 'row'}} spacing={2} sx={{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                <Box sx={{\n                    flexGrow: 1, minWidth: 0, display: 'flex',\n                    ...(hasSelection && {display: 'none', ...(floatsSelectionOnPhone && {[PHONE_MEDIA_QUERY]: {display: 'flex'}})}),\n                }}>\n                {header ? (\n                    <Box sx={{flexGrow: 1, minWidth: 0}}>\n                        {header({countText: capped ? t('count.capped', {total: formattedTotal}) : countText, total, capped})}\n                    </Box>\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                    <Stack direction=\"row\" spacing={2} useFlexGap sx={{flexGrow: 1, alignItems: 'center', flexWrap: 'wrap'}}>\n                        <Stack direction=\"row\" spacing={1} sx={{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                        </Stack>\n                        {toolbarExtra}\n                    </Stack>\n                )}\n                </Box>\n            </Stack>\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                <Alert severity=\"info\" icon={false} sx={{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                </Alert>\n            )}\n\n            {error && (\n                <Alert severity=\"error\" role=\"alert\" sx={{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                </Alert>\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            <Paper variant=\"outlined\" sx={{width: '100%', minWidth: 0, overflow: 'hidden'}}>\n                <DataGrid\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                                <Stack direction=\"row\" spacing={1} sx={{alignItems: 'center'}}>\n                                    <GoToPage page={page} pageCount={Math.ceil(total / pageSize) || 1} onChange={tableState.setPage} />\n                                    <GridPagination />\n                                </Stack>\n                            ),\n                        }),\n                        noResultsOverlay: () => <EmptyState filtered label={emptyLabel} onClearFilters={tableState.clearAll} />,\n                        noRowsOverlay: () => <EmptyState filtered={hasActiveFilters} label={emptyLabel} onClearFilters={tableState.clearAll} />,\n                    }}\n                    sx={[{\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            </Paper>\n\n            {footer?.({total, capped})}\n        </TableFilterContext>\n        </ComponentTexts>\n    );\n}\n"],"names":["dataGridSpanish","dataGridEnglish"],"mappings":"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"}

package/dist/DataTable/buildChipConfig.js

@@ -0,0 +1,27 @@
+function buildChipConfig({ text = [], multiSelect = [] } = {}) {
+  return [
+    // format: cómo se lee el valor en el chip (una fecha viaja como 2026-08-01 y el chip dice "1 ago 2026")
+    ...text.map(({ key, label, format = (value) => value }) => ({
+      key,
+      isActive: (value) => Boolean(value),
+      chipsFor: (value, setFilter) => [{
+        id: key,
+        label: `${label}: ${format(value)}`,
+        onDelete: () => setFilter(key, "")
+      }]
+    })),
+    ...multiSelect.map(({ key, label, itemLabel = (value) => value }) => ({
+      key,
+      isActive: (value) => value?.length > 0,
+      chipsFor: (value, setFilter) => value.map((selectedValue) => ({
+        id: `${key}:${selectedValue}`,
+        label: `${label}: ${itemLabel(selectedValue)}`,
+        onDelete: () => setFilter(key, value.filter((currentValue) => currentValue !== selectedValue))
+      }))
+    }))
+  ];
+}
+export {
+  buildChipConfig
+};
+//# sourceMappingURL=buildChipConfig.js.map

package/dist/DataTable/buildChipConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildChipConfig.js","sources":["../../src/DataTable/buildChipConfig.js"],"sourcesContent":["// Declaración compacta de los chips de filtros activos (FilterChips).\n//\n// Cada valor trae su chip y su ×: un filtro de varios valores no se resume en UN chip (\"estado: 3\") porque para quitar\n// uno solo habría que abrir el filtro de la columna. Así se desarma un filtro en la práctica: de a uno.\n//\n//   text        → un chip; la × lo vacía.\n//   multiSelect → un chip POR VALOR; la × quita ese valor y deja los demás.\n//\n// Las etiquetas llegan YA traducidas (quien declara usa t()); por eso se declara dentro del componente o con una\n// función que recibe t.\n//\n// Función pura, no renderiza: function (regla de la casa).\n\n/**\n * @param {object} declaration\n * @param {Array<{key: string, label: string, format?: (value: string) => string}>} [declaration.text]\n * @param {Array<{key: string, label: string, itemLabel?: (value: string) => string}>} [declaration.multiSelect]\n * @returns {Array<{key: string, isActive: (value: unknown) => boolean, chipsFor: Function}>}\n */\nexport function buildChipConfig({text = [], multiSelect = []} = {}) {\n    return [\n        // format: cómo se lee el valor en el chip (una fecha viaja como 2026-08-01 y el chip dice \"1 ago 2026\")\n        ...text.map(({key, label, format = (value) => value}) => ({\n            key,\n            isActive: (value) => Boolean(value),\n            chipsFor: (value, setFilter) => [{\n                id: key,\n                label: `${label}: ${format(value)}`,\n                onDelete: () => setFilter(key, ''),\n            }],\n        })),\n        ...multiSelect.map(({key, label, itemLabel = (value) => value}) => ({\n            key,\n            isActive: (value) => value?.length > 0,\n            chipsFor: (value, setFilter) => value.map((selectedValue) => ({\n                id: `${key}:${selectedValue}`,\n                label: `${label}: ${itemLabel(selectedValue)}`,\n                onDelete: () => setFilter(key, value.filter((currentValue) => currentValue !== selectedValue)),\n            })),\n        })),\n    ];\n}\n"],"names":[],"mappings":"AAmBO,SAAS,gBAAgB,EAAC,OAAO,CAAA,GAAI,cAAc,CAAA,EAAE,IAAI,IAAI;AAChE,SAAO;AAAA;AAAA,IAEH,GAAG,KAAK,IAAI,CAAC,EAAC,KAAK,OAAO,SAAS,CAAC,UAAU,MAAK,OAAO;AAAA,MACtD;AAAA,MACA,UAAU,CAAC,UAAU,QAAQ,KAAK;AAAA,MAClC,UAAU,CAAC,OAAO,cAAc,CAAC;AAAA,QAC7B,IAAI;AAAA,QACJ,OAAO,GAAG,KAAK,KAAK,OAAO,KAAK,CAAC;AAAA,QACjC,UAAU,MAAM,UAAU,KAAK,EAAE;AAAA,MACjD,CAAa;AAAA,IACb,EAAU;AAAA,IACF,GAAG,YAAY,IAAI,CAAC,EAAC,KAAK,OAAO,YAAY,CAAC,UAAU,MAAK,OAAO;AAAA,MAChE;AAAA,MACA,UAAU,CAAC,UAAU,OAAO,SAAS;AAAA,MACrC,UAAU,CAAC,OAAO,cAAc,MAAM,IAAI,CAAC,mBAAmB;AAAA,QAC1D,IAAI,GAAG,GAAG,IAAI,aAAa;AAAA,QAC3B,OAAO,GAAG,KAAK,KAAK,UAAU,aAAa,CAAC;AAAA,QAC5C,UAAU,MAAM,UAAU,KAAK,MAAM,OAAO,CAAC,iBAAiB,iBAAiB,aAAa,CAAC;AAAA,MAC7G,EAAc;AAAA,IACd,EAAU;AAAA,EACV;AACA;"}

package/dist/DataTable/columns.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import IconButton from "@mui/material/IconButton";
+import Tooltip from "@mui/material/Tooltip";
+import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
+import "react";
+import "@mui/material/Badge";
+import "@mui/material/Box";
+import "@mui/material/Button";
+import "@mui/material/Popover";
+import "@mui/material/Stack";
+import "@mui/icons-material/FilterAlt";
+import "@mui/icons-material/FilterAltOutlined";
+import MultiSelectColumnFilter from "./ColumnFilters/MultiSelectColumnFilter.js";
+import SortableFilterHeader from "./ColumnFilters/SortableFilterHeader.js";
+import TextColumnFilter from "./ColumnFilters/TextColumnFilter.js";
+import { useTableFilter } from "./filterContext.js";
+import { FILTER_KINDS, isFilterActive } from "./useTableState.js";
+function activeCountOf(kind, value) {
+  if (!isFilterActive(kind, value)) {
+    return 0;
+  }
+  return kind === FILTER_KINDS.multiSelect ? value.length : 1;
+}
+function useColumnHeader(field, kind) {
+  const { filters, setFilter, clearFilter, sortOrders, toggleSort, clearSort, facets } = useTableFilter();
+  return {
+    value: filters[field],
+    setValue: (value) => setFilter(field, value),
+    onClear: () => clearFilter(field),
+    sortEntry: sortOrders.find((sortOrder) => sortOrder.column === field),
+    onSort: () => toggleSort(field),
+    onClearSort: clearSort,
+    activeCount: activeCountOf(kind, filters[field]),
+    facets
+  };
+}
+function TextHeader({ field, label, sort, filter }) {
+  const header = useColumnHeader(field, FILTER_KINDS.text);
+  return /* @__PURE__ */ jsx(
+    SortableFilterHeader,
+    {
+      label,
+      sortable: sort,
+      filterable: filter,
+      sortEntry: header.sortEntry,
+      onSort: header.onSort,
+      onClearSort: header.onClearSort,
+      activeCount: header.activeCount,
+      onClear: header.onClear,
+      children: /* @__PURE__ */ jsx(TextColumnFilter, { value: header.value ?? "", onChange: header.setValue })
+    }
+  );
+}
+function FacetHeader({ field, label, facetKey, renderOption, sort }) {
+  const header = useColumnHeader(field, FILTER_KINDS.multiSelect);
+  return /* @__PURE__ */ jsx(
+    SortableFilterHeader,
+    {
+      label,
+      sortable: sort,
+      sortEntry: header.sortEntry,
+      onSort: header.onSort,
+      onClearSort: header.onClearSort,
+      activeCount: header.activeCount,
+      onClear: header.onClear,
+      children: /* @__PURE__ */ jsx(
+        MultiSelectColumnFilter,
+        {
+          value: header.value ?? [],
+          onChange: header.setValue,
+          options: header.facets[facetKey] ?? [],
+          renderOption
+        }
+      )
+    }
+  );
+}
+function textColumn({ field, label, sort = true, filter = true, ...gridColumnProps }) {
+  return {
+    field,
+    headerName: label,
+    sortable: false,
+    filterable: false,
+    ...gridColumnProps,
+    renderHeader: () => /* @__PURE__ */ jsx(TextHeader, { field, label, sort, filter })
+  };
+}
+function facetColumn({ field, label, facetKey, renderOption, sort = true, ...gridColumnProps }) {
+  return {
+    field,
+    headerName: label,
+    sortable: false,
+    filterable: false,
+    ...gridColumnProps,
+    renderHeader: () => /* @__PURE__ */ jsx(FacetHeader, { field, label, facetKey: facetKey ?? field, renderOption, sort })
+  };
+}
+function DetailCell({ row, onOpen, ariaLabelOf }) {
+  const { t } = useToolkitTranslation("table");
+  const ariaLabel = ariaLabelOf?.(row) ?? t("detail.ariaLabel");
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("detail.tooltip"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": ariaLabel, onClick: () => onOpen(row), children: /* @__PURE__ */ jsx(VisibilityOutlinedIcon, { fontSize: "small" }) }) });
+}
+function detailColumn({ onOpen, ariaLabelOf }) {
+  return {
+    field: "__detail",
+    headerName: "",
+    sortable: false,
+    filterable: false,
+    disableColumnMenu: true,
+    width: 64,
+    align: "center",
+    renderCell: ({ row }) => /* @__PURE__ */ jsx(DetailCell, { row, onOpen, ariaLabelOf })
+  };
+}
+export {
+  detailColumn,
+  facetColumn,
+  textColumn
+};
+//# sourceMappingURL=columns.js.map

package/dist/DataTable/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sources":["../../src/DataTable/columns.jsx"],"sourcesContent":["// Armadores de columna para ServerTable: la definición del DataGrid + su encabezado con orden y filtro.\n//\n// El filtro vive en el ENCABEZADO de su columna porque ahí está el dato. Aquí solo se COMPONE: el encabezado, el\n// globo y cada tipo de filtro viven en ColumnFilters/, uno por archivo.\n//\n// OJO: sortable y filterable del DataGrid van en false siempre. El orden y el filtro los pide la tabla al SERVIDOR;\n// los nativos del DataGrid ordenarían y filtrarían solo la página que ya llegó.\n//\n// Armadores genéricos: function (regla de la casa).\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';\n\nimport {MultiSelectColumnFilter, SortableFilterHeader, TextColumnFilter} from '@/DataTable/ColumnFilters';\nimport {useTableFilter} from '@/DataTable/filterContext.js';\nimport {FILTER_KINDS, isFilterActive} from '@/DataTable/useTableState.js';\n\n/** Cuántos valores tiene puestos esta columna (lo que muestra el badge). */\nfunction activeCountOf(kind, value) {\n    if (!isFilterActive(kind, value)) {\n        return 0;\n    }\n    return kind === FILTER_KINDS.multiSelect ? value.length : 1;\n}\n\n/** Lo que todo encabezado necesita del contexto de la tabla. */\nfunction useColumnHeader(field, kind) {\n    const {filters, setFilter, clearFilter, sortOrders, toggleSort, clearSort, facets} = useTableFilter();\n\n    return {\n        value: filters[field],\n        setValue: (value) => setFilter(field, value),\n        onClear: () => clearFilter(field),\n        sortEntry: sortOrders.find((sortOrder) => sortOrder.column === field),\n        onSort: () => toggleSort(field),\n        onClearSort: clearSort,\n        activeCount: activeCountOf(kind, filters[field]),\n        facets,\n    };\n}\n\nfunction TextHeader({field, label, sort, filter}) {\n    const header = useColumnHeader(field, FILTER_KINDS.text);\n\n    return (\n        <SortableFilterHeader label={label} sortable={sort} filterable={filter} sortEntry={header.sortEntry}\n                              onSort={header.onSort} onClearSort={header.onClearSort} activeCount={header.activeCount}\n                              onClear={header.onClear}>\n            <TextColumnFilter value={header.value ?? ''} onChange={header.setValue} />\n        </SortableFilterHeader>\n    );\n}\n\nfunction FacetHeader({field, label, facetKey, renderOption, sort}) {\n    const header = useColumnHeader(field, FILTER_KINDS.multiSelect);\n\n    return (\n        <SortableFilterHeader label={label} sortable={sort} sortEntry={header.sortEntry} onSort={header.onSort}\n                              onClearSort={header.onClearSort} activeCount={header.activeCount} onClear={header.onClear}>\n            <MultiSelectColumnFilter value={header.value ?? []} onChange={header.setValue}\n                                     options={header.facets[facetKey] ?? []} renderOption={renderOption} />\n        </SortableFilterHeader>\n    );\n}\n\n/**\n * Las props de columna del DataGrid que más se usan, con su tipo, y cualquier otra suya (Record). OJO: tipo propio y no\n * GridColDef del DataGrid: apuntar a sus tipos hace que un proyecto estricto (skipLibCheck: false) revise los internos del\n * DataGrid, que no compilan con TypeScript 7.\n *\n * @typedef {{width?: number, minWidth?: number, maxWidth?: number, flex?: number, align?: 'left'|'center'|'right', headerAlign?: 'left'|'center'|'right', valueFormatter?: (value: any, row: any) => string, valueGetter?: (value: any, row: any) => any, renderCell?: (params: any) => import('react').ReactNode} & Record<string, any>} GridColumnProps\n */\n\n/**\n * Columna de texto con orden y filtro \"contiene\" en el servidor.\n *\n * @param {{field: string, label: string, sort?: boolean, filter?: boolean} & GridColumnProps} columnDeclaration\n *     label ya traducido; lo demás son props de columna del DataGrid (width, flex, valueFormatter, renderCell…)\n */\nexport function textColumn({field, label, sort = true, filter = true, ...gridColumnProps}) {\n    return {\n        field,\n        headerName: label,\n        sortable: false,\n        filterable: false,\n        ...gridColumnProps,\n        renderHeader: () => <TextHeader field={field} label={label} sort={sort} filter={filter} />,\n    };\n}\n\n/**\n * Columna con filtro de opciones alimentado por las FACETAS del servidor.\n *\n * @param {{field: string, label: string, facetKey?: string, renderOption?: (value: string) => import('react').ReactNode, sort?: boolean} & GridColumnProps} columnDeclaration\n */\nexport function facetColumn({field, label, facetKey, renderOption, sort = true, ...gridColumnProps}) {\n    return {\n        field,\n        headerName: label,\n        sortable: false,\n        filterable: false,\n        ...gridColumnProps,\n        renderHeader: () => (\n            <FacetHeader field={field} label={label} facetKey={facetKey ?? field} renderOption={renderOption} sort={sort} />\n        ),\n    };\n}\n\nfunction DetailCell({row, onOpen, ariaLabelOf}) {\n    const {t} = useToolkitTranslation('table');\n    const ariaLabel = ariaLabelOf?.(row) ?? t('detail.ariaLabel');\n\n    return (\n        <Tooltip title={t('detail.tooltip')}>\n            <IconButton size=\"small\" aria-label={ariaLabel} onClick={() => onOpen(row)}>\n                <VisibilityOutlinedIcon fontSize=\"small\" />\n            </IconButton>\n        </Tooltip>\n    );\n}\n\n/**\n * Columna de acción al final de la fila: un icono que abre el detalle (la ruta propia del renglón). Un icono y no la\n * fila entera a propósito: la fila como botón se dispara al seleccionar texto y no se ve que se puede abrir.\n *\n * @param {{onOpen: (row: any) => void, ariaLabelOf?: (row: any) => string}} declaration ariaLabelOf ya traducido\n */\nexport function detailColumn({onOpen, ariaLabelOf}) {\n    return {\n        field: '__detail',\n        headerName: '',\n        sortable: false,\n        filterable: false,\n        disableColumnMenu: true,\n        width: 64,\n        align: 'center',\n        renderCell: ({row}) => <DetailCell row={row} onOpen={onOpen} ariaLabelOf={ariaLabelOf} />,\n    };\n}\n"],"names":[],"mappings":"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"}

package/dist/DataTable/filterContext.js

@@ -0,0 +1,15 @@
+"use client";
+import { createContext, useContext } from "react";
+const TableFilterContext = createContext(null);
+function useTableFilter() {
+  const tableFilterValue = useContext(TableFilterContext);
+  if (!tableFilterValue) {
+    throw new Error("Un encabezado de columna se montó fuera de <ServerTable>.");
+  }
+  return tableFilterValue;
+}
+export {
+  TableFilterContext,
+  useTableFilter
+};
+//# sourceMappingURL=filterContext.js.map

package/dist/DataTable/filterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterContext.js","sources":["../../src/DataTable/filterContext.js"],"sourcesContent":["// Contexto que comparten los encabezados de columna con la tabla.\n//\n// Existe para que renderHeader de cada columna no reciba media docena de props: el encabezado pide lo que necesita\n// (el filtro de SU campo, el orden y las facetas del servidor) y la tabla no se entera.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {createContext, useContext} from 'react';\n\nexport const TableFilterContext = createContext(null);\n\n/**\n * @returns {{filters: object, setFilter: Function, clearFilter: Function, sortOrders: Array, toggleSort: Function, clearSort: Function, facets: object}}\n */\nexport function useTableFilter() {\n    const tableFilterValue = useContext(TableFilterContext);\n    if (!tableFilterValue) {\n        // mejor tronar aquí que pintar un encabezado muerto que no filtra y nadie entiende por qué\n        throw new Error('Un encabezado de columna se montó fuera de <ServerTable>.');\n    }\n    return tableFilterValue;\n}\n"],"names":[],"mappings":";;AAQY,MAAC,qBAAqB,cAAc,IAAI;AAK7C,SAAS,iBAAiB;AAC7B,QAAM,mBAAmB,WAAW,kBAAkB;AACtD,MAAI,CAAC,kBAAkB;AAEnB,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC/E;AACA,SAAO;AACX;"}

package/dist/DataTable/rowSelection.js

@@ -0,0 +1,61 @@
+const EMPTY_ROW_SELECTION = Object.freeze({ rowsById: /* @__PURE__ */ new Map(), isAllMatching: false });
+function rowSelectionOf(selection, { total, capped = false, filters }) {
+  if (selection.isAllMatching) {
+    return { ids: [], rows: [], count: total, isAllMatching: true, isCapped: Boolean(capped), filters };
+  }
+  return {
+    ids: [...selection.rowsById.keys()],
+    rows: [...selection.rowsById.values()],
+    count: selection.rowsById.size,
+    isAllMatching: false,
+    isCapped: false,
+    filters
+  };
+}
+function checkedIdsOf(selection, selectablePageIds) {
+  return selection.isAllMatching ? new Set(selectablePageIds) : new Set(selection.rowsById.keys());
+}
+function selectionAfterCheck(selection, checkedIds, pageRowsById, selectablePageIds, { allMatchingOnWholePage = false, total = 0, capped = false } = {}) {
+  if (selection.isAllMatching) {
+    if (selectablePageIds.every((id) => checkedIds.has(id))) {
+      return selection;
+    }
+    const rowsById2 = /* @__PURE__ */ new Map();
+    for (const id of selectablePageIds) {
+      if (checkedIds.has(id)) {
+        rowsById2.set(id, pageRowsById.get(id));
+      }
+    }
+    return { rowsById: rowsById2, isAllMatching: false };
+  }
+  if (allMatchingOnWholePage && (capped || total > selectablePageIds.length)) {
+    const isWholePageChecked = selectablePageIds.length > 0 && selectablePageIds.every((id) => checkedIds.has(id));
+    const newlyCheckedCount = selectablePageIds.filter((id) => checkedIds.has(id) && !selection.rowsById.has(id)).length;
+    if (isWholePageChecked && newlyCheckedCount > 1) {
+      return { rowsById: /* @__PURE__ */ new Map(), isAllMatching: true };
+    }
+  }
+  const rowsById = /* @__PURE__ */ new Map();
+  for (const id of checkedIds) {
+    const row = pageRowsById.has(id) ? pageRowsById.get(id) : selection.rowsById.get(id);
+    if (row !== void 0) {
+      rowsById.set(id, row);
+    }
+  }
+  return { rowsById, isAllMatching: false };
+}
+function canSelectAllMatching(selection, selectablePageIds, { total, capped = false }) {
+  if (selection.isAllMatching || selectablePageIds.length === 0) {
+    return false;
+  }
+  const isWholePageChecked = selectablePageIds.every((id) => selection.rowsById.has(id));
+  return isWholePageChecked && (capped || total > selection.rowsById.size);
+}
+export {
+  EMPTY_ROW_SELECTION,
+  canSelectAllMatching,
+  checkedIdsOf,
+  rowSelectionOf,
+  selectionAfterCheck
+};
+//# sourceMappingURL=rowSelection.js.map

package/dist/DataTable/rowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowSelection.js","sources":["../../src/DataTable/rowSelection.js"],"sourcesContent":["// La selección de renglones de la tabla de servidor (ServerTable), en funciones puras: se prueban sin navegador.\n//\n// Dos modos:\n//   - elegidos: los que la persona picó uno por uno o con la casilla de la página. Se conservan al cambiar de página (como\n//     Gmail), cada uno con el renglón tal como se vio: la acción lo puede leer sin volver a consultar. Se borran al cambiar\n//     un filtro (eso lo decide la tabla): así nadie actúa sobre renglones que ya no se ven;\n//   - todos los que coinciden: es lo que elige la casilla de arriba (toda la página de un golpe), lo pidió el autor; el\n//     aviso de la tabla deja quedarse «solo con esta página». La tabla NO tiene esos renglones, pagina en el servidor.\n//     La acción recibe los filtros y el servidor hace el trabajo con sus reglas (los que no se pueden cancelar, no se\n//     cancelan). OJO: en este modo `ids` va VACÍO a propósito: una acción que olvida revisar `isAllMatching` no hace nada,\n//     en lugar de actuar solo sobre la página que se ve.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\n\n/**\n * Lo que recibe cada acción de los elegidos (y onSelectionChange).\n *\n * @typedef {object} RowSelection\n * @property {Array<string|number>} ids los ids elegidos; vacío con isAllMatching\n * @property {any[]} rows los renglones elegidos tal como se vieron; vacío con isAllMatching\n * @property {number} count cuántos van: los elegidos o, con isAllMatching, el total de la tabla\n * @property {boolean} isAllMatching true = todos los que coinciden con `filters` (mande los filtros, no los ids)\n * @property {boolean} isCapped con isAllMatching, el total es «al menos esto» (el servidor cuenta hasta un tope)\n * @property {Record<string, any>} filters los filtros puestos en la tabla\n */\n\n/** Nada elegido. */\nexport const EMPTY_ROW_SELECTION = Object.freeze({rowsById: new Map(), isAllMatching: false});\n\n/**\n * Lo que reciben las acciones, a partir del estado de la tabla.\n *\n * @param {{rowsById: Map<string|number, any>, isAllMatching: boolean}} selection\n * @param {{total: number, capped?: boolean, filters: Record<string, any>}} table\n * @returns {RowSelection}\n */\nexport function rowSelectionOf(selection, {total, capped = false, filters}) {\n    if (selection.isAllMatching) {\n        return {ids: [], rows: [], count: total, isAllMatching: true, isCapped: Boolean(capped), filters};\n    }\n\n    return {\n        ids: [...selection.rowsById.keys()],\n        rows: [...selection.rowsById.values()],\n        count: selection.rowsById.size,\n        isAllMatching: false,\n        isCapped: false,\n        filters,\n    };\n}\n\n/**\n * Los ids que el DataGrid debe pintar marcados en la página que se ve. Con «todos los que coinciden», todos los de la\n * página que se pueden elegir.\n *\n * @param {{rowsById: Map<string|number, any>, isAllMatching: boolean}} selection\n * @param {Array<string|number>} selectablePageIds los ids de la página que se pueden elegir\n * @returns {Set<string|number>}\n */\nexport function checkedIdsOf(selection, selectablePageIds) {\n    return selection.isAllMatching ? new Set(selectablePageIds) : new Set(selection.rowsById.keys());\n}\n\n/**\n * El DataGrid avisó qué ids quedaron marcados (por una casilla de renglón o la de la página).\n *\n * Con «todos los que coinciden», desmarcar uno sale de ese modo y se quedan elegidos los de esta página que siguen\n * marcados (lo mismo que hace Gmail).\n *\n * Con allMatchingOnWholePage, la página completa elegida DE UN GOLPE (la casilla de arriba, o un rango con Shift que la\n * cubre) elige todos los que coinciden. OJO: se decide por lo que cambió y no por el motivo que manda el DataGrid, que usa\n * el mismo para la casilla de arriba y para un rango. Llenar la página picando uno por uno no: ahí el aviso lo ofrece. Si\n * no hay más renglones que los de la página, se quedan los picados (la acción recibe ids, que es lo más claro).\n *\n * @param {{rowsById: Map<string|number, any>, isAllMatching: boolean}} selection\n * @param {Set<string|number>} checkedIds lo que el DataGrid trae marcado (incluye los de otras páginas)\n * @param {Map<string|number, any>} pageRowsById los renglones de la página que se ve, por id\n * @param {Array<string|number>} selectablePageIds los ids de la página que se pueden elegir\n * @param {{allMatchingOnWholePage?: boolean, total?: number, capped?: boolean}} [options]\n * @returns {{rowsById: Map<string|number, any>, isAllMatching: boolean}}\n */\nexport function selectionAfterCheck(selection, checkedIds, pageRowsById, selectablePageIds, {allMatchingOnWholePage = false, total = 0, capped = false} = {}) {\n    if (selection.isAllMatching) {\n        if (selectablePageIds.every((id) => checkedIds.has(id))) {\n            return selection;\n        }\n        const rowsById = new Map();\n        for (const id of selectablePageIds) {\n            if (checkedIds.has(id)) {\n                rowsById.set(id, pageRowsById.get(id));\n            }\n        }\n        return {rowsById, isAllMatching: false};\n    }\n\n    if (allMatchingOnWholePage && (capped || total > selectablePageIds.length)) {\n        const isWholePageChecked = selectablePageIds.length > 0 && selectablePageIds.every((id) => checkedIds.has(id));\n        const newlyCheckedCount = selectablePageIds.filter((id) => checkedIds.has(id) && !selection.rowsById.has(id)).length;\n        if (isWholePageChecked && newlyCheckedCount > 1) {\n            return {rowsById: new Map(), isAllMatching: true};\n        }\n    }\n\n    const rowsById = new Map();\n    for (const id of checkedIds) {\n        // el renglón de esta página o, si es de otra, el que se guardó cuando se eligió\n        const row = pageRowsById.has(id) ? pageRowsById.get(id) : selection.rowsById.get(id);\n        if (row !== undefined) {\n            rowsById.set(id, row);\n        }\n    }\n\n    return {rowsById, isAllMatching: false};\n}\n\n/**\n * ¿Se le ofrece «Elegir los N que coinciden»? Cuando ya eligió toda la página y hay más renglones que esos.\n *\n * @param {{rowsById: Map<string|number, any>, isAllMatching: boolean}} selection\n * @param {Array<string|number>} selectablePageIds\n * @param {{total: number, capped?: boolean}} table\n * @returns {boolean}\n */\nexport function canSelectAllMatching(selection, selectablePageIds, {total, capped = false}) {\n    if (selection.isAllMatching || selectablePageIds.length === 0) {\n        return false;\n    }\n    const isWholePageChecked = selectablePageIds.every((id) => selection.rowsById.has(id));\n\n    return isWholePageChecked && (capped || total > selection.rowsById.size);\n}\n"],"names":["rowsById"],"mappings":"AA2BY,MAAC,sBAAsB,OAAO,OAAO,EAAC,UAAU,oBAAI,IAAG,GAAI,eAAe,MAAK,CAAC;AASrF,SAAS,eAAe,WAAW,EAAC,OAAO,SAAS,OAAO,QAAO,GAAG;AACxE,MAAI,UAAU,eAAe;AACzB,WAAO,EAAC,KAAK,CAAA,GAAI,MAAM,CAAA,GAAI,OAAO,OAAO,eAAe,MAAM,UAAU,QAAQ,MAAM,GAAG,QAAO;AAAA,EACpG;AAEA,SAAO;AAAA,IACH,KAAK,CAAC,GAAG,UAAU,SAAS,KAAI,CAAE;AAAA,IAClC,MAAM,CAAC,GAAG,UAAU,SAAS,OAAM,CAAE;AAAA,IACrC,OAAO,UAAU,SAAS;AAAA,IAC1B,eAAe;AAAA,IACf,UAAU;AAAA,IACV;AAAA,EACR;AACA;AAUO,SAAS,aAAa,WAAW,mBAAmB;AACvD,SAAO,UAAU,gBAAgB,IAAI,IAAI,iBAAiB,IAAI,IAAI,IAAI,UAAU,SAAS,MAAM;AACnG;AAoBO,SAAS,oBAAoB,WAAW,YAAY,cAAc,mBAAmB,EAAC,yBAAyB,OAAO,QAAQ,GAAG,SAAS,MAAK,IAAI,CAAA,GAAI;AAC1J,MAAI,UAAU,eAAe;AACzB,QAAI,kBAAkB,MAAM,CAAC,OAAO,WAAW,IAAI,EAAE,CAAC,GAAG;AACrD,aAAO;AAAA,IACX;AACA,UAAMA,YAAW,oBAAI,IAAG;AACxB,eAAW,MAAM,mBAAmB;AAChC,UAAI,WAAW,IAAI,EAAE,GAAG;AACpB,QAAAA,UAAS,IAAI,IAAI,aAAa,IAAI,EAAE,CAAC;AAAA,MACzC;AAAA,IACJ;AACA,WAAO,EAAC,UAAAA,WAAU,eAAe,MAAK;AAAA,EAC1C;AAEA,MAAI,2BAA2B,UAAU,QAAQ,kBAAkB,SAAS;AACxE,UAAM,qBAAqB,kBAAkB,SAAS,KAAK,kBAAkB,MAAM,CAAC,OAAO,WAAW,IAAI,EAAE,CAAC;AAC7G,UAAM,oBAAoB,kBAAkB,OAAO,CAAC,OAAO,WAAW,IAAI,EAAE,KAAK,CAAC,UAAU,SAAS,IAAI,EAAE,CAAC,EAAE;AAC9G,QAAI,sBAAsB,oBAAoB,GAAG;AAC7C,aAAO,EAAC,UAAU,oBAAI,IAAG,GAAI,eAAe,KAAI;AAAA,IACpD;AAAA,EACJ;AAEA,QAAM,WAAW,oBAAI,IAAG;AACxB,aAAW,MAAM,YAAY;AAEzB,UAAM,MAAM,aAAa,IAAI,EAAE,IAAI,aAAa,IAAI,EAAE,IAAI,UAAU,SAAS,IAAI,EAAE;AACnF,QAAI,QAAQ,QAAW;AACnB,eAAS,IAAI,IAAI,GAAG;AAAA,IACxB;AAAA,EACJ;AAEA,SAAO,EAAC,UAAU,eAAe,MAAK;AAC1C;AAUO,SAAS,qBAAqB,WAAW,mBAAmB,EAAC,OAAO,SAAS,MAAK,GAAG;AACxF,MAAI,UAAU,iBAAiB,kBAAkB,WAAW,GAAG;AAC3D,WAAO;AAAA,EACX;AACA,QAAM,qBAAqB,kBAAkB,MAAM,CAAC,OAAO,UAAU,SAAS,IAAI,EAAE,CAAC;AAErF,SAAO,uBAAuB,UAAU,QAAQ,UAAU,SAAS;AACvE;"}

package/dist/DataTable/serverTableParams.js

@@ -0,0 +1,19 @@
+function toServerTableParams({ filters = {}, sortOrders = [], page, pageSize }, { parameterNames = {} } = {}) {
+  const params = { page: page + 1, page_size: pageSize };
+  if (sortOrders.length > 0) {
+    params.sort = sortOrders[0].column;
+    params.direction = sortOrders[0].direction;
+  }
+  for (const [field, value] of Object.entries(filters)) {
+    const isEmpty = value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
+    if (isEmpty) {
+      continue;
+    }
+    params[parameterNames[field] ?? field] = value;
+  }
+  return params;
+}
+export {
+  toServerTableParams
+};
+//# sourceMappingURL=serverTableParams.js.map

package/dist/DataTable/serverTableParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serverTableParams.js","sources":["../../src/DataTable/serverTableParams.js"],"sourcesContent":["// Traductor del estado de ServerTable a la query del backend (contrato ServerTable del API).\n//\n//   {filters, sortOrders, page, pageSize}  →  {page, page_size, sort, direction, <filtro>: valor}\n//\n// Lo que se decide aquí y no en cada pantalla:\n//   - page: la tabla cuenta desde 0 (DataGrid) y el API desde 1;\n//   - un filtro vacío ('' o []) NO viaja: el backend lo leería como \"filtrar por vacío\";\n//   - un filtro múltiple viaja como arreglo; axios lo serializa como status[]=a&status[]=b, que es lo que valida Laravel.\n//\n// Pura: sin imports; se prueba con node --test (serverTableParams.test.js).\n\n/**\n * @param {{filters?: object, sortOrders?: Array<{column: string, direction: 'asc'|'desc'}>, page: number, pageSize: number}} tableRequest\n * @param {{parameterNames?: Record<string, string>}} [options] campo de la tabla → nombre del parámetro en el API\n * @returns {Record<string, unknown>} params para getInfo\n */\nexport function toServerTableParams({filters = {}, sortOrders = [], page, pageSize}, {parameterNames = {}} = {}) {\n    const params = {page: page + 1, page_size: pageSize};\n\n    if (sortOrders.length > 0) {\n        params.sort = sortOrders[0].column;\n        params.direction = sortOrders[0].direction;\n    }\n\n    for (const [field, value] of Object.entries(filters)) {\n        const isEmpty = value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0);\n        // guard clause: un filtro sin valor no se manda\n        if (isEmpty) {\n            continue;\n        }\n        params[parameterNames[field] ?? field] = value;\n    }\n\n    return params;\n}\n"],"names":[],"mappings":"AAgBO,SAAS,oBAAoB,EAAC,UAAU,CAAA,GAAI,aAAa,CAAA,GAAI,MAAM,SAAQ,GAAG,EAAC,iBAAiB,CAAA,EAAE,IAAI,CAAA,GAAI;AAC7G,QAAM,SAAS,EAAC,MAAM,OAAO,GAAG,WAAW,SAAQ;AAEnD,MAAI,WAAW,SAAS,GAAG;AACvB,WAAO,OAAO,WAAW,CAAC,EAAE;AAC5B,WAAO,YAAY,WAAW,CAAC,EAAE;AAAA,EACrC;AAEA,aAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,UAAM,UAAU,UAAU,QAAQ,UAAU,UAAa,UAAU,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAEnH,QAAI,SAAS;AACT;AAAA,IACJ;AACA,WAAO,eAAe,KAAK,KAAK,KAAK,IAAI;AAAA,EAC7C;AAEA,SAAO;AACX;"}

package/dist/DataTable/tableMachine.js

@@ -0,0 +1,87 @@
+import { assign, setup, fromPromise } from "xstate";
+function isCancellation(error) {
+  return error?.name === "AbortError" || error?.name === "CanceledError" || error?.code === "ERR_CANCELED";
+}
+const startNewRequest = assign({
+  error: null,
+  requestId: ({ context }) => context.requestId + 1
+});
+const tableMachine = setup({
+  actors: {
+    // lo reemplaza buildTableActors; si alguien olvida proveerlo, que truene con un mensaje claro
+    fetchPage: fromPromise(async () => {
+      throw new Error("tableMachine: falta proveer fetchPage con buildTableActors().");
+    })
+  },
+  guards: {
+    isStaleResponse: ({ context, event }) => event.output.requestId !== context.requestId,
+    isCancellation: ({ event }) => isCancellation(event.error)
+  }
+}).createMachine({
+  id: "table",
+  initial: "idle",
+  context: {
+    rows: [],
+    total: 0,
+    facets: {},
+    capped: false,
+    // el error tal cual (normalmente un ApiError con el mensaje ya traducido)
+    error: null,
+    // se incrementa en cada FETCH: identifica cuál es la consulta vigente
+    requestId: 0
+  },
+  states: {
+    // nadie ha pedido nada todavía
+    idle: {
+      on: { FETCH: { target: "loading", actions: startNewRequest } }
+    },
+    loading: {
+      invoke: {
+        src: "fetchPage",
+        // las acciones de la transición corren ANTES de entrar al estado: aquí el requestId ya es el nuevo
+        input: ({ context, event }) => ({ ...event.params, requestId: context.requestId }),
+        onDone: [
+          // respuesta de una consulta que ya no es la vigente: se tira en silencio (es una carrera)
+          { guard: "isStaleResponse" },
+          {
+            target: "ready",
+            actions: assign({
+              rows: ({ event }) => event.output.rows ?? [],
+              total: ({ event }) => event.output.total ?? 0,
+              capped: ({ event }) => event.output.capped ?? false,
+              // si la respuesta no trae facetas (páginas 2 en adelante) se conservan las que había
+              facets: ({ context, event }) => Object.keys(event.output.facets ?? {}).length ? event.output.facets : context.facets,
+              error: null
+            })
+          }
+        ],
+        onError: [
+          { guard: "isCancellation" },
+          { target: "error", actions: assign({ error: ({ event }) => event.error }) }
+        ]
+      },
+      on: { FETCH: { target: "loading", reenter: true, actions: startNewRequest } }
+    },
+    ready: {
+      on: { FETCH: { target: "loading", actions: startNewRequest } }
+    },
+    error: {
+      on: { FETCH: { target: "loading", actions: startNewRequest } }
+    }
+  }
+});
+function buildTableActors(fetchPage) {
+  return {
+    fetchPage: fromPromise(async ({ input, signal }) => {
+      const { requestId, ...params } = input;
+      const tablePage = await fetchPage(params, signal);
+      return { ...tablePage, requestId };
+    })
+  };
+}
+export {
+  buildTableActors,
+  isCancellation,
+  tableMachine
+};
+//# sourceMappingURL=tableMachine.js.map

package/dist/DataTable/tableMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableMachine.js","sources":["../../src/DataTable/tableMachine.js"],"sourcesContent":["// Máquina de la tabla de servidor: el ciclo de vida de la petición, y nada más.\n//\n// Reparto de responsabilidades, a propósito:\n//   la URL (nuqs)  es la fuente de verdad de filtros, orden y página;\n//   esta máquina   es la fuente de verdad de \"¿está cargando?, ¿qué trajo?\".\n// Tener los filtros en los dos lados es lo que produce pantallas donde la tabla dice una cosa y la URL otra.\n//\n//   idle ──FETCH──▶ loading ──onDone──▶ ready\n//                     │  ▲                │\n//                     │  └──── FETCH ─────┤   (reenter: aborta la petición anterior)\n//                     └──onError──▶ error ┘\n//\n// IMPORTANTE: abortar es una PETICIÓN al navegador, no una garantía; una respuesta que ya venía en camino puede\n// resolverse igual. Por eso cada consulta lleva un requestId y se descarta todo lo que no sea la última: sin eso se\n// ven filas de dos filtros distintos mezcladas.\n//\n// Pura: solo importa xstate. La petición la pone quien la usa con buildTableActors(fetchPage). Prueba en\n// tableMachine.test.js (node --test).\nimport {assign, fromPromise, setup} from 'xstate';\n\n/**\n * ¿El error es una cancelación (axios o fetch)? Cancelar una consulta que ya no interesa no es un error que mostrar.\n *\n * @param {unknown} error\n * @returns {boolean}\n */\nexport function isCancellation(error) {\n    return error?.name === 'AbortError' || error?.name === 'CanceledError' || error?.code === 'ERR_CANCELED';\n}\n\nconst startNewRequest = assign({\n    error: null,\n    requestId: ({context}) => context.requestId + 1,\n});\n\nexport const tableMachine = setup({\n    actors: {\n        // lo reemplaza buildTableActors; si alguien olvida proveerlo, que truene con un mensaje claro\n        fetchPage: fromPromise(async () => {\n            throw new Error('tableMachine: falta proveer fetchPage con buildTableActors().');\n        }),\n    },\n    guards: {\n        isStaleResponse: ({context, event}) => event.output.requestId !== context.requestId,\n        isCancellation: ({event}) => isCancellation(event.error),\n    },\n}).createMachine({\n    id: 'table',\n    initial: 'idle',\n    context: {\n        rows: [],\n        total: 0,\n        facets: {},\n        capped: false,\n        // el error tal cual (normalmente un ApiError con el mensaje ya traducido)\n        error: null,\n        // se incrementa en cada FETCH: identifica cuál es la consulta vigente\n        requestId: 0,\n    },\n    states: {\n        // nadie ha pedido nada todavía\n        idle: {\n            on: {FETCH: {target: 'loading', actions: startNewRequest}},\n        },\n        loading: {\n            invoke: {\n                src: 'fetchPage',\n                // las acciones de la transición corren ANTES de entrar al estado: aquí el requestId ya es el nuevo\n                input: ({context, event}) => ({...event.params, requestId: context.requestId}),\n                onDone: [\n                    // respuesta de una consulta que ya no es la vigente: se tira en silencio (es una carrera)\n                    {guard: 'isStaleResponse'},\n                    {\n                        target: 'ready',\n                        actions: assign({\n                            rows: ({event}) => event.output.rows ?? [],\n                            total: ({event}) => event.output.total ?? 0,\n                            capped: ({event}) => event.output.capped ?? false,\n                            // si la respuesta no trae facetas (páginas 2 en adelante) se conservan las que había\n                            facets: ({context, event}) => (Object.keys(event.output.facets ?? {}).length\n                                ? event.output.facets\n                                : context.facets),\n                            error: null,\n                        }),\n                    },\n                ],\n                onError: [\n                    {guard: 'isCancellation'},\n                    {target: 'error', actions: assign({error: ({event}) => event.error})},\n                ],\n            },\n            on: {FETCH: {target: 'loading', reenter: true, actions: startNewRequest}},\n        },\n        ready: {\n            on: {FETCH: {target: 'loading', actions: startNewRequest}},\n        },\n        error: {\n            on: {FETCH: {target: 'loading', actions: startNewRequest}},\n        },\n    },\n});\n\n/**\n * El actor fetchPage a partir de la función de la pantalla.\n *\n * @param {(params: {filters: object, sortOrders: Array, page: number, pageSize: number}, signal: AbortSignal) => Promise<{rows: Array, total: number, facets?: object, capped?: boolean}>} fetchPage\n */\nexport function buildTableActors(fetchPage) {\n    return {\n        fetchPage: fromPromise(async ({input, signal}) => {\n            const {requestId, ...params} = input;\n            const tablePage = await fetchPage(params, signal);\n            // el id viaja de vuelta con la respuesta: así se sabe si sigue siendo la consulta vigente\n            return {...tablePage, requestId};\n        }),\n    };\n}\n"],"names":[],"mappings":";AA0BO,SAAS,eAAe,OAAO;AAClC,SAAO,OAAO,SAAS,gBAAgB,OAAO,SAAS,mBAAmB,OAAO,SAAS;AAC9F;AAEA,MAAM,kBAAkB,OAAO;AAAA,EAC3B,OAAO;AAAA,EACP,WAAW,CAAC,EAAC,QAAO,MAAM,QAAQ,YAAY;AAClD,CAAC;AAEW,MAAC,eAAe,MAAM;AAAA,EAC9B,QAAQ;AAAA;AAAA,IAEJ,WAAW,YAAY,YAAY;AAC/B,YAAM,IAAI,MAAM,+DAA+D;AAAA,IACnF,CAAC;AAAA,EACT;AAAA,EACI,QAAQ;AAAA,IACJ,iBAAiB,CAAC,EAAC,SAAS,MAAK,MAAM,MAAM,OAAO,cAAc,QAAQ;AAAA,IAC1E,gBAAgB,CAAC,EAAC,MAAK,MAAM,eAAe,MAAM,KAAK;AAAA,EAC/D;AACA,CAAC,EAAE,cAAc;AAAA,EACb,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,SAAS;AAAA,IACL,MAAM,CAAA;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA;AAAA,IAEP,WAAW;AAAA,EACnB;AAAA,EACI,QAAQ;AAAA;AAAA,IAEJ,MAAM;AAAA,MACF,IAAI,EAAC,OAAO,EAAC,QAAQ,WAAW,SAAS,gBAAe,EAAC;AAAA,IACrE;AAAA,IACQ,SAAS;AAAA,MACL,QAAQ;AAAA,QACJ,KAAK;AAAA;AAAA,QAEL,OAAO,CAAC,EAAC,SAAS,MAAK,OAAO,EAAC,GAAG,MAAM,QAAQ,WAAW,QAAQ,UAAS;AAAA,QAC5E,QAAQ;AAAA;AAAA,UAEJ,EAAC,OAAO,kBAAiB;AAAA,UACzB;AAAA,YACI,QAAQ;AAAA,YACR,SAAS,OAAO;AAAA,cACZ,MAAM,CAAC,EAAC,MAAK,MAAM,MAAM,OAAO,QAAQ,CAAA;AAAA,cACxC,OAAO,CAAC,EAAC,MAAK,MAAM,MAAM,OAAO,SAAS;AAAA,cAC1C,QAAQ,CAAC,EAAC,MAAK,MAAM,MAAM,OAAO,UAAU;AAAA;AAAA,cAE5C,QAAQ,CAAC,EAAC,SAAS,MAAK,MAAO,OAAO,KAAK,MAAM,OAAO,UAAU,CAAA,CAAE,EAAE,SAChE,MAAM,OAAO,SACb,QAAQ;AAAA,cACd,OAAO;AAAA,YACnC,CAAyB;AAAA,UACzB;AAAA,QACA;AAAA,QACgB,SAAS;AAAA,UACL,EAAC,OAAO,iBAAgB;AAAA,UACxB,EAAC,QAAQ,SAAS,SAAS,OAAO,EAAC,OAAO,CAAC,EAAC,MAAK,MAAM,MAAM,MAAK,CAAC,EAAC;AAAA,QACxF;AAAA,MACA;AAAA,MACY,IAAI,EAAC,OAAO,EAAC,QAAQ,WAAW,SAAS,MAAM,SAAS,gBAAe,EAAC;AAAA,IACpF;AAAA,IACQ,OAAO;AAAA,MACH,IAAI,EAAC,OAAO,EAAC,QAAQ,WAAW,SAAS,gBAAe,EAAC;AAAA,IACrE;AAAA,IACQ,OAAO;AAAA,MACH,IAAI,EAAC,OAAO,EAAC,QAAQ,WAAW,SAAS,gBAAe,EAAC;AAAA,IACrE;AAAA,EACA;AACA,CAAC;AAOM,SAAS,iBAAiB,WAAW;AACxC,SAAO;AAAA,IACH,WAAW,YAAY,OAAO,EAAC,OAAO,OAAM,MAAM;AAC9C,YAAM,EAAC,WAAW,GAAG,OAAM,IAAI;AAC/B,YAAM,YAAY,MAAM,UAAU,QAAQ,MAAM;AAEhD,aAAO,EAAC,GAAG,WAAW,UAAS;AAAA,IACnC,CAAC;AAAA,EACT;AACA;"}

package/dist/DataTable/useDebouncedFilter.js

@@ -0,0 +1,29 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+const DEFAULT_DEBOUNCE_MILLISECONDS = 350;
+function useDebouncedFilter(value, commit, delayMilliseconds = DEFAULT_DEBOUNCE_MILLISECONDS) {
+  const [draft, setDraft] = useState(value ?? "");
+  const committedValue = useRef(value ?? "");
+  useEffect(() => {
+    if (value !== committedValue.current) {
+      committedValue.current = value ?? "";
+      setDraft(value ?? "");
+    }
+  }, [value]);
+  useEffect(() => {
+    if (draft === committedValue.current) {
+      return void 0;
+    }
+    const timer = setTimeout(() => {
+      committedValue.current = draft;
+      commit(draft);
+    }, delayMilliseconds);
+    return () => clearTimeout(timer);
+  }, [draft, delayMilliseconds]);
+  return [draft, setDraft];
+}
+export {
+  DEFAULT_DEBOUNCE_MILLISECONDS,
+  useDebouncedFilter
+};
+//# sourceMappingURL=useDebouncedFilter.js.map

package/dist/DataTable/useDebouncedFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedFilter.js","sources":["../../src/DataTable/useDebouncedFilter.js"],"sourcesContent":["// Rebote para las cajas de texto que filtran en el servidor.\n//\n// Sin esto, cada tecla dispara una consulta: escribir \"VIDA\" son cuatro consultas de las que tres nacen muertas, y\n// con respuestas de medio segundo las carreras entre ellas se ven. El valor que se TECLEA es inmediato (la caja nunca\n// se siente lenta); el que viaja al servidor espera a que la persona deje de escribir.\n//\n// Hook genérico, no renderiza: function (regla de la casa).\nimport {useEffect, useRef, useState} from 'react';\n\nexport const DEFAULT_DEBOUNCE_MILLISECONDS = 350;\n\n/**\n * @param {string|undefined} value valor confirmado (el de la URL)\n * @param {(value: string) => void} commit se llama con el valor ya rebotado\n * @param {number} [delayMilliseconds]\n * @returns {[string, (value: string) => void]} borrador que pinta la caja y su setter\n */\nexport function useDebouncedFilter(value, commit, delayMilliseconds = DEFAULT_DEBOUNCE_MILLISECONDS) {\n    const [draft, setDraft] = useState(value ?? '');\n    const committedValue = useRef(value ?? '');\n\n    // cambios que vienen de FUERA (la URL, \"Limpiar todo\") se reflejan en la caja sin dispararla de vuelta\n    useEffect(() => {\n        if (value !== committedValue.current) {\n            committedValue.current = value ?? '';\n            setDraft(value ?? '');\n        }\n    }, [value]);\n\n    useEffect(() => {\n        // guard clause: nada nuevo que mandar\n        if (draft === committedValue.current) {\n            return undefined;\n        }\n        const timer = setTimeout(() => {\n            committedValue.current = draft;\n            commit(draft);\n        }, delayMilliseconds);\n        return () => clearTimeout(timer);\n        // OJO: commit fuera de las dependencias a propósito; suele ser una función nueva en cada render\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [draft, delayMilliseconds]);\n\n    return [draft, setDraft];\n}\n"],"names":[],"mappings":";;AASY,MAAC,gCAAgC;AAQtC,SAAS,mBAAmB,OAAO,QAAQ,oBAAoB,+BAA+B;AACjG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,SAAS,EAAE;AAC9C,QAAM,iBAAiB,OAAO,SAAS,EAAE;AAGzC,YAAU,MAAM;AACZ,QAAI,UAAU,eAAe,SAAS;AAClC,qBAAe,UAAU,SAAS;AAClC,eAAS,SAAS,EAAE;AAAA,IACxB;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AAEZ,QAAI,UAAU,eAAe,SAAS;AAClC,aAAO;AAAA,IACX;AACA,UAAM,QAAQ,WAAW,MAAM;AAC3B,qBAAe,UAAU;AACzB,aAAO,KAAK;AAAA,IAChB,GAAG,iBAAiB;AACpB,WAAO,MAAM,aAAa,KAAK;AAAA,EAGnC,GAAG,CAAC,OAAO,iBAAiB,CAAC;AAE7B,SAAO,CAAC,OAAO,QAAQ;AAC3B;"}