@stackcraftmx/calcita 0.31.0 → 0.32.1

package/dist/downloads/DownloadManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadManager.js","sources":["../../src/downloads/DownloadManager.jsx"],"sourcesContent":["// Panel de descargas al estilo de Google Drive: se pega abajo a la derecha SOLO mientras hay descargas, con una barra que\n// resume («Descargando 2 archivos…», «3 descargas listas») y la lista con el ícono del tipo de archivo y un anillo de\n// avance que termina en ✓. Con MUI y XState, sin Redux.\n//\n// Qué hace para no hacer ruido:\n//   - no hay botón fijo: sin descargas no se pinta nada;\n//   - se pliega a la barra con la flecha y se vuelve a abrir cuando entra otra descarga;\n//   - cuando todo terminó bien se va solo a los AUTO_DISMISS_MILLISECONDS; si algo falló o se canceló se queda hasta que\n//     la persona lo cierra, para que vea el motivo;\n//   - la X solo aparece cuando ya nada descarga (cerrar a media descarga dejaría el archivo sin aviso de que terminó).\n//\n// Se monta UNA sola vez en la raíz de la aplicación. Lee la lista de downloadsActor; las descargas las arranca startDownload desde cada\n// pantalla. Los avisos (sonner) salen abajo a la izquierda, así que el panel va a la derecha.\n// Con el vidrio del tema (createToolkitTheme({glass: true})) el panel es de vidrio: flota sobre la pantalla.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaDownloadManager con defaultProps y\n// styleOverrides de sus partes: doneIcon, failedIcon, canceledIcon, cancelButton, progress, cancelIcon, item, itemText,\n// itemStatus, itemActions, panel, header, title, list.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {Fragment, useEffect, useRef, useState} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {useSelector} from '@xstate/react';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Collapse from '@mui/material/Collapse';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Paper from '@mui/material/Paper';\nimport Slide from '@mui/material/Slide';\nimport Stack from '@mui/material/Stack';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport BlockOutlinedIcon from '@mui/icons-material/BlockOutlined';\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\n\nimport {cancelDownload, clearFinishedDownloads, countActiveDownloads, downloadsActor} from '@/downloads/downloadQueue.js';\nimport {UNKNOWN_FILE_TYPE, useFileTypes} from '@/downloads/fileTypes.js';\nimport {DOWNLOAD_STATUS} from '@/downloads/downloadsMachine.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {glassStylesOf, isGlassTheme} from '@/theme/glassSurface.js';\nimport ComponentTexts from '@/toolkit/ComponentTexts.jsx';\nimport {piecePart} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaDownloadManager)\nconst THEME_NAME = 'CalcitaDownloadManager';\nconst DownloadsDoneIcon = piecePart(THEME_NAME, 'DoneIcon', CheckCircleIcon);\nconst DownloadsFailedIcon = piecePart(THEME_NAME, 'FailedIcon', ErrorOutlineIcon);\nconst DownloadsCanceledIcon = piecePart(THEME_NAME, 'CanceledIcon', BlockOutlinedIcon);\nconst DownloadsCancelButton = piecePart(THEME_NAME, 'CancelButton', IconButton);\nconst DownloadsProgress = piecePart(THEME_NAME, 'Progress', CircularProgress);\nconst DownloadsCancelIcon = piecePart(THEME_NAME, 'CancelIcon', CloseIcon);\nconst DownloadsItem = piecePart(THEME_NAME, 'Item', ListItem);\nconst DownloadsItemText = piecePart(THEME_NAME, 'ItemText', Box);\nconst DownloadsItemStatus = piecePart(THEME_NAME, 'ItemStatus', Typography);\nconst DownloadsItemActions = piecePart(THEME_NAME, 'ItemActions', Box);\nconst DownloadsPanel = piecePart(THEME_NAME, 'Panel', Paper);\nconst DownloadsHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst DownloadsTitle = piecePart(THEME_NAME, 'Title', Typography);\nconst DownloadsList = piecePart(THEME_NAME, 'List', List);\n\n// cuánto se queda el panel después de que TODAS las descargas terminaron bien\nconst AUTO_DISMISS_MILLISECONDS = 5000;\n\n// separación del borde derecho y ancho del panel (en el teléfono ocupa el ancho menos los márgenes)\nconst SCREEN_EDGE_SPACING = 3;\nconst PANEL_WIDTH_PIXELS = 360;\nconst LIST_MAX_HEIGHT = '40vh';\nconst PROGRESS_RING_PIXELS = 22;\n\n/**\n * Tipo de archivo de una descarga: el que dijo quien la arrancó o, al terminar, la extensión del nombre. Los tipos son los de\n * la casa y los del proyecto (ToolkitProvider fileTypes).\n *\n * @param {object} download renglón de la lista (downloadsMachine)\n * @param {Record<string, {Icon: import('react').ElementType, color?: string}>} fileTypes\n * @returns {{Icon: import('react').ElementType, color: string}}\n */\nfunction fileTypeAppearanceOf(download, fileTypes) {\n    const extension = download.fileName?.split('.').pop()?.toLowerCase();\n    const fileType = fileTypes[download.format ?? extension];\n    return fileType ? {Icon: fileType.Icon ?? UNKNOWN_FILE_TYPE.Icon, color: fileType.color ?? UNKNOWN_FILE_TYPE.color} : UNKNOWN_FILE_TYPE;\n}\n\n/**\n * Segunda línea del renglón: cuánto lleva, cuánto pesó o por qué no se pudo.\n *\n * @param {object} download\n * @param {Function} t traductor de common\n * @param {(bytes: number) => string} formatFileSize el de useFormatters (el idioma del proveedor más cercano)\n * @returns {string}\n */\nfunction detailTextOf(download, t, formatFileSize) {\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return formatFileSize(download.loadedBytes);\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return download.errorMessage ?? t('downloads.failed');\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return t('downloads.canceled');\n    }\n    if (download.loadedBytes === 0) {\n        return t('downloads.preparing');\n    }\n    // un archivo que se arma al vuelo (el log) no dice su tamaño: se enseña lo que ya bajó\n    return download.totalBytes\n        ? t('downloads.progressOf', {loaded: formatFileSize(download.loadedBytes), total: formatFileSize(download.totalBytes)})\n        : t('downloads.progressLoaded', {loaded: formatFileSize(download.loadedBytes)});\n}\n\n/**\n * Resumen de la barra, como en Drive: lo que está pasando ahora o cómo terminó.\n *\n * @param {Array<object>} downloads\n * @param {Function} t traductor de common\n * @returns {string}\n */\nfunction summaryTextOf(downloads, t) {\n    const activeCount = countActiveDownloads(downloads);\n    if (activeCount > 0) {\n        return t('downloads.summaryDownloading', {count: activeCount});\n    }\n    const failedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.failed).length;\n    if (failedCount > 0) {\n        return t('downloads.summaryFailed', {count: failedCount});\n    }\n    const completedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.completed).length;\n    return t('downloads.summaryCompleted', {count: completedCount});\n}\n\n/**\n * Lo que va a la derecha del renglón: el anillo de avance con su botón para cancelar, o cómo terminó.\n *\n * @param {{download: object, displayName: string}} props\n */\nfunction DownloadStatusIndicator({download, displayName}) {\n    const {t} = useToolkitTranslation('common');\n\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return <DownloadsDoneIcon ownSx={{color: 'success.main'}} aria-label={t('downloads.completedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return <DownloadsFailedIcon ownSx={{color: 'error.main'}} aria-label={t('downloads.failedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return <DownloadsCanceledIcon ownSx={{color: 'text.disabled'}} aria-label={t('downloads.canceledOf', {name: displayName})} />;\n    }\n\n    const hasKnownSize = Boolean(download.totalBytes);\n    // el anillo y, encima, la X para cancelar: como en Drive, un solo lugar para ver y detener\n    return (\n        <Tooltip title={t('downloads.cancel')}>\n            <DownloadsCancelButton size=\"small\" aria-label={t('downloads.cancelOf', {name: displayName})} onClick={() => cancelDownload(download.id)}\n                        ownSx={{position: 'relative', width: PROGRESS_RING_PIXELS + 10, height: PROGRESS_RING_PIXELS + 10}}>\n                <DownloadsProgress\n                    size={PROGRESS_RING_PIXELS}\n                    thickness={4}\n                    variant={hasKnownSize ? 'determinate' : 'indeterminate'}\n                    value={hasKnownSize ? Math.min(100, (download.loadedBytes * 100) / download.totalBytes) : undefined}\n                    ownSx={{position: 'absolute'}}\n                />\n                <DownloadsCancelIcon ownSx={{fontSize: 12}} />\n            </DownloadsCancelButton>\n        </Tooltip>\n    );\n}\n\n/**\n * Un renglón: ícono del tipo de archivo, nombre, detalle y estatus.\n *\n * @param {{download: object}} props\n */\nfunction DownloadRow({download}) {\n    const {t} = useToolkitTranslation('common');\n    const {formatFileSize} = useFormatters();\n    const {Icon, color} = fileTypeAppearanceOf(download, useFileTypes());\n    const displayName = download.fileName ?? download.label;\n    const isFailed = download.status === DOWNLOAD_STATUS.failed;\n\n    return (\n        // minWidth 0: sin él un nombre largo empuja el renglón y la lista enseña una barra horizontal\n        <DownloadsItem disableGutters ownSx={{gap: 1.5, px: 2, py: 1, minWidth: 0}}>\n            <Icon fontSize=\"small\" sx={{color, flexShrink: 0}} />\n            <DownloadsItemText ownSx={{minWidth: 0, flex: 1}}>\n                <Tooltip title={displayName}>\n                    <Typography variant=\"body2\" noWrap>{displayName}</Typography>\n                </Tooltip>\n                <DownloadsItemStatus variant=\"caption\" component=\"p\" noWrap={!isFailed}\n                            ownSx={{color: isFailed ? 'error.main' : 'text.secondary'}}>\n                    {detailTextOf(download, t, formatFileSize)}\n                </DownloadsItemStatus>\n            </DownloadsItemText>\n            <DownloadsItemActions ownSx={{flexShrink: 0, display: 'flex', alignItems: 'center'}}>\n                <DownloadStatusIndicator download={download} displayName={displayName} />\n            </DownloadsItemActions>\n        </DownloadsItem>\n    );\n}\n\n/**\n * @param {object} [props]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function DownloadManager({texts} = {}) {\n    const {t} = useToolkitTranslation('common', texts);\n    const downloads = useSelector(downloadsActor, (snapshot) => snapshot.context.downloads);\n    const [isExpanded, setIsExpanded] = useState(true);\n    const previousCountRef = useRef(downloads.length);\n\n    const activeCount = countActiveDownloads(downloads);\n    const allSucceeded = downloads.length > 0 && downloads.every((download) => download.status === DOWNLOAD_STATUS.completed);\n\n    // una descarga nueva vuelve a desplegar el panel aunque se haya plegado\n    useEffect(() => {\n        if (downloads.length > previousCountRef.current) {\n            setIsExpanded(true);\n        }\n        previousCountRef.current = downloads.length;\n    }, [downloads.length]);\n\n    // todo terminó bien: el panel se va solo (con un error o una cancelada se queda para que se lea)\n    useEffect(() => {\n        if (!allSucceeded) {\n            return undefined;\n        }\n        const dismissTimer = setTimeout(clearFinishedDownloads, AUTO_DISMISS_MILLISECONDS);\n        return () => clearTimeout(dismissTimer);\n    }, [allSucceeded, downloads.length]);\n\n    return (\n        <ComponentTexts namespace=\"common\" texts={texts}>\n            <Slide direction=\"up\" in={downloads.length > 0} mountOnEnter unmountOnExit>\n                <DownloadsPanel\n                    elevation={8}\n                    role=\"region\"\n                    aria-label={t('downloads.title')}\n                    ownSx={[{\n                        position: 'fixed',\n                        right: (theme) => theme.spacing(SCREEN_EDGE_SPACING),\n                        bottom: 0,\n                        width: (theme) => `min(${PANEL_WIDTH_PIXELS}px, calc(100vw - ${theme.spacing(SCREEN_EDGE_SPACING * 2)}))`,\n                        // pegado al borde de abajo como en Drive: solo se redondean las esquinas de arriba\n                        borderBottomLeftRadius: 0,\n                        borderBottomRightRadius: 0,\n                        overflow: 'hidden',\n                        zIndex: (theme) => theme.zIndex.snackbar,\n                    }, (theme) => (isGlassTheme(theme) ? glassStylesOf(theme) : {})]}\n                >\n                    <DownloadsHeader direction=\"row\" ownSx={{alignItems: 'center', gap: 0.5, pl: 2, pr: 1, py: 1, bgcolor: 'action.hover'}}>\n                        <DownloadsTitle variant=\"subtitle2\" component=\"h2\" noWrap ownSx={{flex: 1}} aria-live=\"polite\">\n                            {summaryTextOf(downloads, t)}\n                        </DownloadsTitle>\n                        <Tooltip title={isExpanded ? t('downloads.collapse') : t('downloads.expand')}>\n                            <IconButton size=\"small\" aria-expanded={isExpanded}\n                                        aria-label={isExpanded ? t('downloads.collapse') : t('downloads.expand')}\n                                        onClick={() => setIsExpanded((wasExpanded) => !wasExpanded)}>\n                                {isExpanded ? <ExpandMoreIcon fontSize=\"small\" /> : <ExpandLessIcon fontSize=\"small\" />}\n                            </IconButton>\n                        </Tooltip>\n                        {/* cerrar a media descarga dejaría el archivo sin aviso de que terminó: la X sale cuando ya nada baja */}\n                        {activeCount === 0 && (\n                            <Tooltip title={t('downloads.close')}>\n                                <IconButton size=\"small\" aria-label={t('downloads.close')} onClick={clearFinishedDownloads}>\n                                    <CloseIcon fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )}\n                    </DownloadsHeader>\n                    <Collapse in={isExpanded}>\n                        <Divider />\n                        {/* OJO: overflowY auto también prende el scroll horizontal ante 1 px de más; se apaga explícito */}\n                        <DownloadsList dense disablePadding ownSx={{maxHeight: LIST_MAX_HEIGHT, overflowY: 'auto', overflowX: 'hidden'}}>\n                            {downloads.map((download, index) => (\n                                <Fragment key={download.id}>\n                                    {index > 0 && <Divider component=\"li\" />}\n                                    <DownloadRow download={download} />\n                                </Fragment>\n                            ))}\n                        </DownloadsList>\n                    </Collapse>\n                </DownloadsPanel>\n            </Slide>\n        </ComponentTexts>\n    );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DownloadManager.js","sources":["../../src/downloads/DownloadManager.jsx"],"sourcesContent":["// Panel de descargas al estilo de Google Drive: se pega abajo a la derecha SOLO mientras hay descargas, con una barra que\n// resume («Descargando 2 archivos…», «3 descargas listas») y la lista con el ícono del tipo de archivo y un anillo de\n// avance que termina en ✓. Con MUI y XState, sin Redux.\n//\n// Qué hace para no hacer ruido:\n//   - no hay botón fijo: sin descargas no se pinta nada;\n//   - se pliega a la barra con la flecha y se vuelve a abrir cuando entra otra descarga;\n//   - cuando todo terminó bien se va solo a los AUTO_DISMISS_MILLISECONDS; si algo falló o se canceló se queda hasta que\n//     la persona lo cierra, para que vea el motivo;\n//   - la X solo aparece cuando ya nada descarga (cerrar a media descarga dejaría el archivo sin aviso de que terminó).\n//\n// Se monta UNA sola vez en la raíz de la aplicación. Lee la lista de downloadsActor; las descargas las arranca startDownload desde cada\n// pantalla. Los avisos (sonner) salen abajo a la izquierda, así que el panel va a la derecha.\n// Con el vidrio del tema (createToolkitTheme({glass: true})) el panel es de vidrio: flota sobre la pantalla.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaDownloadManager con defaultProps y\n// styleOverrides de sus partes: doneIcon, failedIcon, canceledIcon, cancelButton, progress, cancelIcon, item, itemText,\n// itemStatus, itemActions, panel, header, title, list.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {Fragment, useEffect, useRef, useState} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {useSelector} from '@xstate/react';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Collapse from '@mui/material/Collapse';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Paper from '@mui/material/Paper';\nimport Slide from '@mui/material/Slide';\nimport Stack from '@mui/material/Stack';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport BlockOutlinedIcon from '@mui/icons-material/BlockOutlined';\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\n\nimport {cancelDownload, clearFinishedDownloads, countActiveDownloads, downloadsActor} from '@/downloads/downloadQueue.js';\nimport {UNKNOWN_FILE_TYPE, useFileTypes} from '@/downloads/fileTypes.js';\nimport {DOWNLOAD_STATUS} from '@/downloads/downloadsMachine.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {glassStylesOf, isGlassTheme} from '@/theme/glassSurface.js';\nimport ComponentTexts from '@/toolkit/ComponentTexts.jsx';\nimport {piecePart} 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.CalcitaDownloadManager)\nconst THEME_NAME = 'CalcitaDownloadManager';\nconst DownloadsDoneIcon = piecePart(THEME_NAME, 'DoneIcon', CheckCircleIcon);\nconst DownloadsFailedIcon = piecePart(THEME_NAME, 'FailedIcon', ErrorOutlineIcon);\nconst DownloadsCanceledIcon = piecePart(THEME_NAME, 'CanceledIcon', BlockOutlinedIcon);\nconst DownloadsCancelButton = piecePart(THEME_NAME, 'CancelButton', IconButton);\nconst DownloadsProgress = piecePart(THEME_NAME, 'Progress', CircularProgress);\nconst DownloadsCancelIcon = piecePart(THEME_NAME, 'CancelIcon', CloseIcon);\nconst DownloadsItem = piecePart(THEME_NAME, 'Item', ListItem);\nconst DownloadsItemText = piecePart(THEME_NAME, 'ItemText', Box);\nconst DownloadsItemStatus = piecePart(THEME_NAME, 'ItemStatus', Typography);\nconst DownloadsItemActions = piecePart(THEME_NAME, 'ItemActions', Box);\nconst DownloadsPanel = piecePart(THEME_NAME, 'Panel', Paper);\nconst DownloadsHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst DownloadsTitle = piecePart(THEME_NAME, 'Title', Typography);\nconst DownloadsList = piecePart(THEME_NAME, 'List', List);\n\n// cuánto se queda el panel después de que TODAS las descargas terminaron bien\nconst AUTO_DISMISS_MILLISECONDS = 5000;\n\n// separación del borde derecho y ancho del panel (en el teléfono ocupa el ancho menos los márgenes)\nconst SCREEN_EDGE_SPACING = 3;\nconst PANEL_WIDTH_PIXELS = 360;\nconst LIST_MAX_HEIGHT = '40vh';\nconst PROGRESS_RING_PIXELS = 22;\n\n/**\n * Tipo de archivo de una descarga: el que dijo quien la arrancó o, al terminar, la extensión del nombre. Los tipos son los de\n * la casa y los del proyecto (ToolkitProvider fileTypes).\n *\n * @param {object} download renglón de la lista (downloadsMachine)\n * @param {Record<string, {Icon: import('react').ElementType, color?: string}>} fileTypes\n * @returns {{Icon: import('react').ElementType, color: string}}\n */\nfunction fileTypeAppearanceOf(download, fileTypes) {\n    const extension = download.fileName?.split('.').pop()?.toLowerCase();\n    const fileType = fileTypes[download.format ?? extension];\n    return fileType ? {Icon: fileType.Icon ?? UNKNOWN_FILE_TYPE.Icon, color: fileType.color ?? UNKNOWN_FILE_TYPE.color} : UNKNOWN_FILE_TYPE;\n}\n\n/**\n * Segunda línea del renglón: cuánto lleva, cuánto pesó o por qué no se pudo.\n *\n * @param {object} download\n * @param {Function} t traductor de common\n * @param {(bytes: number) => string} formatFileSize el de useFormatters (el idioma del proveedor más cercano)\n * @returns {string}\n */\nfunction detailTextOf(download, t, formatFileSize) {\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return formatFileSize(download.loadedBytes);\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return download.errorMessage ?? t('downloads.failed');\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return t('downloads.canceled');\n    }\n    if (download.loadedBytes === 0) {\n        return t('downloads.preparing');\n    }\n    // un archivo que se arma al vuelo (el log) no dice su tamaño: se enseña lo que ya bajó\n    return download.totalBytes\n        ? t('downloads.progressOf', {loaded: formatFileSize(download.loadedBytes), total: formatFileSize(download.totalBytes)})\n        : t('downloads.progressLoaded', {loaded: formatFileSize(download.loadedBytes)});\n}\n\n/**\n * Resumen de la barra, como en Drive: lo que está pasando ahora o cómo terminó.\n *\n * @param {Array<object>} downloads\n * @param {Function} t traductor de common\n * @returns {string}\n */\nfunction summaryTextOf(downloads, t) {\n    const activeCount = countActiveDownloads(downloads);\n    if (activeCount > 0) {\n        return t('downloads.summaryDownloading', {count: activeCount});\n    }\n    const failedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.failed).length;\n    if (failedCount > 0) {\n        return t('downloads.summaryFailed', {count: failedCount});\n    }\n    const completedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.completed).length;\n    return t('downloads.summaryCompleted', {count: completedCount});\n}\n\n/**\n * Lo que va a la derecha del renglón: el anillo de avance con su botón para cancelar, o cómo terminó.\n *\n * @param {{download: object, displayName: string}} props\n */\nfunction DownloadStatusIndicator({download, displayName}) {\n    const {t} = useToolkitTranslation('common');\n\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return <DownloadsDoneIcon ownSx={{color: 'success.main'}} aria-label={t('downloads.completedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return <DownloadsFailedIcon ownSx={{color: 'error.main'}} aria-label={t('downloads.failedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return <DownloadsCanceledIcon ownSx={{color: 'text.disabled'}} aria-label={t('downloads.canceledOf', {name: displayName})} />;\n    }\n\n    const hasKnownSize = Boolean(download.totalBytes);\n    // el anillo y, encima, la X para cancelar: como en Drive, un solo lugar para ver y detener\n    return (\n        <Tooltip title={t('downloads.cancel')}>\n            <DownloadsCancelButton size=\"small\" aria-label={t('downloads.cancelOf', {name: displayName})} onClick={() => cancelDownload(download.id)}\n                        ownSx={{position: 'relative', width: PROGRESS_RING_PIXELS + 10, height: PROGRESS_RING_PIXELS + 10}}>\n                <DownloadsProgress\n                    size={PROGRESS_RING_PIXELS}\n                    thickness={4}\n                    variant={hasKnownSize ? 'determinate' : 'indeterminate'}\n                    value={hasKnownSize ? Math.min(100, (download.loadedBytes * 100) / download.totalBytes) : undefined}\n                    ownSx={{position: 'absolute'}}\n                />\n                <DownloadsCancelIcon ownSx={{fontSize: 12}} />\n            </DownloadsCancelButton>\n        </Tooltip>\n    );\n}\n\n/**\n * Un renglón: ícono del tipo de archivo, nombre, detalle y estatus.\n *\n * @param {{download: object}} props\n */\nfunction DownloadRow({download}) {\n    const {t} = useToolkitTranslation('common');\n    const {formatFileSize} = useFormatters();\n    const {Icon, color} = fileTypeAppearanceOf(download, useFileTypes());\n    const displayName = download.fileName ?? download.label;\n    const isFailed = download.status === DOWNLOAD_STATUS.failed;\n\n    return (\n        // minWidth 0: sin él un nombre largo empuja el renglón y la lista enseña una barra horizontal\n        <DownloadsItem disableGutters ownSx={{gap: 1.5, px: 2, py: 1, minWidth: 0}}>\n            <Icon fontSize=\"small\" sx={{color, flexShrink: 0}} />\n            <DownloadsItemText ownSx={{minWidth: 0, flex: 1}}>\n                <Tooltip title={displayName}>\n                    <Typography variant=\"body2\" noWrap>{displayName}</Typography>\n                </Tooltip>\n                <DownloadsItemStatus variant=\"caption\" component=\"p\" noWrap={!isFailed}\n                            ownSx={{color: isFailed ? 'error.main' : 'text.secondary'}}>\n                    {detailTextOf(download, t, formatFileSize)}\n                </DownloadsItemStatus>\n            </DownloadsItemText>\n            <DownloadsItemActions ownSx={{flexShrink: 0, display: 'flex', alignItems: 'center'}}>\n                <DownloadStatusIndicator download={download} displayName={displayName} />\n            </DownloadsItemActions>\n        </DownloadsItem>\n    );\n}\n\n/**\n * @param {object} [props]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function DownloadManager({texts, ...unknownProps} = {}) {\n    warnUnknownProps('DownloadManager', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const downloads = useSelector(downloadsActor, (snapshot) => snapshot.context.downloads);\n    const [isExpanded, setIsExpanded] = useState(true);\n    const previousCountRef = useRef(downloads.length);\n\n    const activeCount = countActiveDownloads(downloads);\n    const allSucceeded = downloads.length > 0 && downloads.every((download) => download.status === DOWNLOAD_STATUS.completed);\n\n    // una descarga nueva vuelve a desplegar el panel aunque se haya plegado\n    useEffect(() => {\n        if (downloads.length > previousCountRef.current) {\n            setIsExpanded(true);\n        }\n        previousCountRef.current = downloads.length;\n    }, [downloads.length]);\n\n    // todo terminó bien: el panel se va solo (con un error o una cancelada se queda para que se lea)\n    useEffect(() => {\n        if (!allSucceeded) {\n            return undefined;\n        }\n        const dismissTimer = setTimeout(clearFinishedDownloads, AUTO_DISMISS_MILLISECONDS);\n        return () => clearTimeout(dismissTimer);\n    }, [allSucceeded, downloads.length]);\n\n    return (\n        <ComponentTexts namespace=\"common\" texts={texts}>\n            <Slide direction=\"up\" in={downloads.length > 0} mountOnEnter unmountOnExit>\n                <DownloadsPanel\n                    elevation={8}\n                    role=\"region\"\n                    aria-label={t('downloads.title')}\n                    ownSx={[{\n                        position: 'fixed',\n                        right: (theme) => theme.spacing(SCREEN_EDGE_SPACING),\n                        bottom: 0,\n                        width: (theme) => `min(${PANEL_WIDTH_PIXELS}px, calc(100vw - ${theme.spacing(SCREEN_EDGE_SPACING * 2)}))`,\n                        // pegado al borde de abajo como en Drive: solo se redondean las esquinas de arriba\n                        borderBottomLeftRadius: 0,\n                        borderBottomRightRadius: 0,\n                        overflow: 'hidden',\n                        zIndex: (theme) => theme.zIndex.snackbar,\n                    }, (theme) => (isGlassTheme(theme) ? glassStylesOf(theme) : {})]}\n                >\n                    <DownloadsHeader direction=\"row\" ownSx={{alignItems: 'center', gap: 0.5, pl: 2, pr: 1, py: 1, bgcolor: 'action.hover'}}>\n                        <DownloadsTitle variant=\"subtitle2\" component=\"h2\" noWrap ownSx={{flex: 1}} aria-live=\"polite\">\n                            {summaryTextOf(downloads, t)}\n                        </DownloadsTitle>\n                        <Tooltip title={isExpanded ? t('downloads.collapse') : t('downloads.expand')}>\n                            <IconButton size=\"small\" aria-expanded={isExpanded}\n                                        aria-label={isExpanded ? t('downloads.collapse') : t('downloads.expand')}\n                                        onClick={() => setIsExpanded((wasExpanded) => !wasExpanded)}>\n                                {isExpanded ? <ExpandMoreIcon fontSize=\"small\" /> : <ExpandLessIcon fontSize=\"small\" />}\n                            </IconButton>\n                        </Tooltip>\n                        {/* cerrar a media descarga dejaría el archivo sin aviso de que terminó: la X sale cuando ya nada baja */}\n                        {activeCount === 0 && (\n                            <Tooltip title={t('downloads.close')}>\n                                <IconButton size=\"small\" aria-label={t('downloads.close')} onClick={clearFinishedDownloads}>\n                                    <CloseIcon fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )}\n                    </DownloadsHeader>\n                    <Collapse in={isExpanded}>\n                        <Divider />\n                        {/* OJO: overflowY auto también prende el scroll horizontal ante 1 px de más; se apaga explícito */}\n                        <DownloadsList dense disablePadding ownSx={{maxHeight: LIST_MAX_HEIGHT, overflowY: 'auto', overflowX: 'hidden'}}>\n                            {downloads.map((download, index) => (\n                                <Fragment key={download.id}>\n                                    {index > 0 && <Divider component=\"li\" />}\n                                    <DownloadRow download={download} />\n                                </Fragment>\n                            ))}\n                        </DownloadsList>\n                    </Collapse>\n                </DownloadsPanel>\n            </Slide>\n        </ComponentTexts>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/feedback/ConfirmDialog.js

@@ -11,6 +11,7 @@ import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
 import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaConfirmDialog";
 const ConfirmProblem = piecePart(THEME_NAME, "Problem", Alert);
 const ConfirmActions = piecePart(THEME_NAME, "Actions", DialogActions);
@@ -28,8 +29,10 @@ function ConfirmDialog(props) {
     onConfirm,
     onClose,
     children,
-    texts
+    texts,
+    ...unknownProps
   } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
   const dialogId = useId();
   const handleClose = () => {

package/dist/feedback/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../src/feedback/ConfirmDialog.jsx"],"sourcesContent":["// Diálogo de confirmación: toda acción que cambia algo, manda un correo o descarga un archivo pasa por aquí antes de\n// ejecutarse (regla de tablas). Dice en lenguaje ciudadano QUÉ va a pasar y a QUÉ renglón («¿Dar de baja a Ana López?\n// Ya no podrá entrar; se puede reactivar después»).\n//\n// Recibe el estado de la petición por props (pending, error) en vez de hacerla él: core no conoce el API. Lo normal es\n// alimentarlo con useConfirmAction (máquina confirmActionMachine), que ya garantiza que cancelar no ejecuta y que un\n// doble clic no manda dos peticiones. Mientras la petición está en curso no se puede cerrar ni volver a confirmar.\n//\n// children: lo que el diálogo necesita pedir antes de confirmar (p. ej. el motivo de una baja), debajo del texto.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaConfirmDialog con defaultProps y\n// styleOverrides de sus partes: problem, actions.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaConfirmDialog)\nconst THEME_NAME = 'CalcitaConfirmDialog';\nconst ConfirmProblem = piecePart(THEME_NAME, 'Problem', Alert);\nconst ConfirmActions = piecePart(THEME_NAME, 'Actions', DialogActions);\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {string} props.title texto ya traducido, con el renglón («¿Dar de baja a Ana López?»)\n * @param {import('react').ReactNode} [props.description] qué va a pasar, en palabras normales\n * @param {string} [props.confirmLabel]\n * @param {string} [props.cancelLabel]\n * @param {'primary'|'error'|'warning'} [props.tone]\n * @param {boolean} [props.isPending]\n * @param {boolean} [props.isConfirmDisabled] la acción ya no aplica (p. ej. conflicto: el registro cambió)\n * @param {string|null} [props.errorMessage] mensaje ya traducido (ApiError.message)\n * @param {() => void} props.onConfirm\n * @param {() => void} props.onClose\n * @param {import('react').ReactNode} [props.children]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function ConfirmDialog(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaConfirmDialog.defaultProps) y encima lo que llega aquí\n    const {\n    open, title, description, confirmLabel, cancelLabel, tone = 'primary',\n    isPending = false, isConfirmDisabled = false, errorMessage = null, onConfirm, onClose, children, texts,\n} = usePieceProps(props, THEME_NAME);\n    const {t} = useToolkitTranslation('common', texts);\n    // ids propios: una pantalla puede tener varios diálogos montados y los aria-* no deben apuntar al de otro\n    const dialogId = useId();\n\n    const handleClose = () => {\n        // guard clause: no se cierra a media petición\n        if (isPending) {\n            return;\n        }\n        onClose();\n    };\n\n    return (\n        <Dialog open={open} onClose={handleClose} maxWidth=\"xs\" fullWidth\n                aria-labelledby={`${dialogId}-title`} aria-describedby={`${dialogId}-description`}>\n            <DialogTitle id={`${dialogId}-title`}>{title}</DialogTitle>\n            <DialogContent>\n                {errorMessage && <ConfirmProblem severity=\"error\" role=\"alert\" ownSx={{mb: 2}}>{errorMessage}</ConfirmProblem>}\n                {description && (\n                    <DialogContentText id={`${dialogId}-description`}>{description}</DialogContentText>\n                )}\n                {children}\n            </DialogContent>\n            <ConfirmActions ownSx={{px: 3, pb: 2.5}}>\n                <Button variant=\"outlined\" color=\"inherit\" onClick={handleClose} disabled={isPending}>\n                    {cancelLabel ?? t('actions.cancel')}\n                </Button>\n                <Button variant=\"contained\" color={tone} onClick={onConfirm} disabled={isPending || isConfirmDisabled}\n                        aria-busy={isPending}>\n                    {isPending ? <CircularProgress size={20} color=\"inherit\" /> : (confirmLabel ?? t('actions.confirm'))}\n                </Button>\n            </ConfirmActions>\n        </Dialog>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,aAAa;AACnB,MAAM,iBAAiB,UAAU,YAAY,WAAW,KAAK;AAC7D,MAAM,iBAAiB,UAAU,YAAY,WAAW,aAAa;AAkBrE,SAAwB,cAAc,OAAO;AAEzC,QAAM;AAAA,IACN;AAAA,IAAM;AAAA,IAAO;AAAA,IAAa;AAAA,IAAc;AAAA,IAAa,OAAO;AAAA,IAC5D,YAAY;AAAA,IAAO,oBAAoB;AAAA,IAAO,eAAe;AAAA,IAAM;AAAA,IAAW;AAAA,IAAS;AAAA,IAAU;AAAA,EAAA,IACjG,cAAc,OAAO,UAAU;AAC/B,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AAEjD,QAAM,WAAW,MAAA;AAEjB,QAAM,cAAc,MAAM;AAEtB,QAAI,WAAW;AACX;AAAA,IACJ;AACA,YAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAO;AAAA,MAAY,SAAS;AAAA,MAAa,UAAS;AAAA,MAAK,WAAS;AAAA,MACzD,mBAAiB,GAAG,QAAQ;AAAA,MAAU,oBAAkB,GAAG,QAAQ;AAAA,MACvE,UAAA;AAAA,QAAA,oBAAC,aAAA,EAAY,IAAI,GAAG,QAAQ,UAAW,UAAA,OAAM;AAAA,6BAC5C,eAAA,EACI,UAAA;AAAA,UAAA,gBAAgB,oBAAC,gBAAA,EAAe,UAAS,SAAQ,MAAK,SAAQ,OAAO,EAAC,IAAI,EAAA,GAAK,UAAA,aAAA,CAAa;AAAA,UAC5F,eACG,oBAAC,mBAAA,EAAkB,IAAI,GAAG,QAAQ,gBAAiB,UAAA,aAAY;AAAA,UAElE;AAAA,QAAA,GACL;AAAA,QACA,qBAAC,kBAAe,OAAO,EAAC,IAAI,GAAG,IAAI,OAC/B,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,SAAQ,YAAW,OAAM,WAAU,SAAS,aAAa,UAAU,WACtE,UAAA,eAAe,EAAE,gBAAgB,GACtC;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cAAO,SAAQ;AAAA,cAAY,OAAO;AAAA,cAAM,SAAS;AAAA,cAAW,UAAU,aAAa;AAAA,cAC5E,aAAW;AAAA,cACd,UAAA,YAAY,oBAAC,kBAAA,EAAiB,MAAM,IAAI,OAAM,UAAA,CAAU,IAAM,gBAAgB,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACtG,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ConfirmDialog.js","sources":["../../src/feedback/ConfirmDialog.jsx"],"sourcesContent":["// Diálogo de confirmación: toda acción que cambia algo, manda un correo o descarga un archivo pasa por aquí antes de\n// ejecutarse (regla de tablas). Dice en lenguaje ciudadano QUÉ va a pasar y a QUÉ renglón («¿Dar de baja a Ana López?\n// Ya no podrá entrar; se puede reactivar después»).\n//\n// Recibe el estado de la petición por props (pending, error) en vez de hacerla él: core no conoce el API. Lo normal es\n// alimentarlo con useConfirmAction (máquina confirmActionMachine), que ya garantiza que cancelar no ejecuta y que un\n// doble clic no manda dos peticiones. Mientras la petición está en curso no se puede cerrar ni volver a confirmar.\n//\n// children: lo que el diálogo necesita pedir antes de confirmar (p. ej. el motivo de una baja), debajo del texto.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaConfirmDialog con defaultProps y\n// styleOverrides de sus partes: problem, actions.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\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.CalcitaConfirmDialog)\nconst THEME_NAME = 'CalcitaConfirmDialog';\nconst ConfirmProblem = piecePart(THEME_NAME, 'Problem', Alert);\nconst ConfirmActions = piecePart(THEME_NAME, 'Actions', DialogActions);\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {string} props.title texto ya traducido, con el renglón («¿Dar de baja a Ana López?»)\n * @param {import('react').ReactNode} [props.description] qué va a pasar, en palabras normales\n * @param {string} [props.confirmLabel]\n * @param {string} [props.cancelLabel]\n * @param {'primary'|'error'|'warning'} [props.tone]\n * @param {boolean} [props.isPending]\n * @param {boolean} [props.isConfirmDisabled] la acción ya no aplica (p. ej. conflicto: el registro cambió)\n * @param {string|null} [props.errorMessage] mensaje ya traducido (ApiError.message)\n * @param {() => void} props.onConfirm\n * @param {() => void} props.onClose\n * @param {import('react').ReactNode} [props.children]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function ConfirmDialog(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaConfirmDialog.defaultProps) y encima lo que llega aquí\n    const {\n    open, title, description, confirmLabel, cancelLabel, tone = 'primary',\n    isPending = false, isConfirmDisabled = false, errorMessage = null, onConfirm, onClose, children, texts,\n    ...unknownProps\n} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    // ids propios: una pantalla puede tener varios diálogos montados y los aria-* no deben apuntar al de otro\n    const dialogId = useId();\n\n    const handleClose = () => {\n        // guard clause: no se cierra a media petición\n        if (isPending) {\n            return;\n        }\n        onClose();\n    };\n\n    return (\n        <Dialog open={open} onClose={handleClose} maxWidth=\"xs\" fullWidth\n                aria-labelledby={`${dialogId}-title`} aria-describedby={`${dialogId}-description`}>\n            <DialogTitle id={`${dialogId}-title`}>{title}</DialogTitle>\n            <DialogContent>\n                {errorMessage && <ConfirmProblem severity=\"error\" role=\"alert\" ownSx={{mb: 2}}>{errorMessage}</ConfirmProblem>}\n                {description && (\n                    <DialogContentText id={`${dialogId}-description`}>{description}</DialogContentText>\n                )}\n                {children}\n            </DialogContent>\n            <ConfirmActions ownSx={{px: 3, pb: 2.5}}>\n                <Button variant=\"outlined\" color=\"inherit\" onClick={handleClose} disabled={isPending}>\n                    {cancelLabel ?? t('actions.cancel')}\n                </Button>\n                <Button variant=\"contained\" color={tone} onClick={onConfirm} disabled={isPending || isConfirmDisabled}\n                        aria-busy={isPending}>\n                    {isPending ? <CircularProgress size={20} color=\"inherit\" /> : (confirmLabel ?? t('actions.confirm'))}\n                </Button>\n            </ConfirmActions>\n        </Dialog>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA4BA,MAAM,aAAa;AACnB,MAAM,iBAAiB,UAAU,YAAY,WAAW,KAAK;AAC7D,MAAM,iBAAiB,UAAU,YAAY,WAAW,aAAa;AAkBrE,SAAwB,cAAc,OAAO;AAEzC,QAAM;AAAA,IACN;AAAA,IAAM;AAAA,IAAO;AAAA,IAAa;AAAA,IAAc;AAAA,IAAa,OAAO;AAAA,IAC5D,YAAY;AAAA,IAAO,oBAAoB;AAAA,IAAO,eAAe;AAAA,IAAM;AAAA,IAAW;AAAA,IAAS;AAAA,IAAU;AAAA,IACjG,GAAG;AAAA,EAAA,IACH,cAAc,OAAO,UAAU;AAC/B,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AAEjD,QAAM,WAAW,MAAA;AAEjB,QAAM,cAAc,MAAM;AAEtB,QAAI,WAAW;AACX;AAAA,IACJ;AACA,YAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAO;AAAA,MAAY,SAAS;AAAA,MAAa,UAAS;AAAA,MAAK,WAAS;AAAA,MACzD,mBAAiB,GAAG,QAAQ;AAAA,MAAU,oBAAkB,GAAG,QAAQ;AAAA,MACvE,UAAA;AAAA,QAAA,oBAAC,aAAA,EAAY,IAAI,GAAG,QAAQ,UAAW,UAAA,OAAM;AAAA,6BAC5C,eAAA,EACI,UAAA;AAAA,UAAA,gBAAgB,oBAAC,gBAAA,EAAe,UAAS,SAAQ,MAAK,SAAQ,OAAO,EAAC,IAAI,EAAA,GAAK,UAAA,aAAA,CAAa;AAAA,UAC5F,eACG,oBAAC,mBAAA,EAAkB,IAAI,GAAG,QAAQ,gBAAiB,UAAA,aAAY;AAAA,UAElE;AAAA,QAAA,GACL;AAAA,QACA,qBAAC,kBAAe,OAAO,EAAC,IAAI,GAAG,IAAI,OAC/B,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,SAAQ,YAAW,OAAM,WAAU,SAAS,aAAa,UAAU,WACtE,UAAA,eAAe,EAAE,gBAAgB,GACtC;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cAAO,SAAQ;AAAA,cAAY,OAAO;AAAA,cAAM,SAAS;AAAA,cAAW,UAAU,aAAa;AAAA,cAC5E,aAAW;AAAA,cACd,UAAA,YAAY,oBAAC,kBAAA,EAAiB,MAAM,IAAI,OAAM,UAAA,CAAU,IAAM,gBAAgB,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACtG,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/feedback/ModalWaiting.js

@@ -8,13 +8,15 @@ import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
 import Stack from "@mui/material/Stack";
 import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaModalWaiting";
 const WaitingRoot = piecePart(THEME_NAME, "Root", Dialog);
 const WaitingTitle = piecePart(THEME_NAME, "Title", DialogTitle);
 const WaitingBody = piecePart(THEME_NAME, "Body", Stack);
 const WaitingText = piecePart(THEME_NAME, "Text", DialogContentText);
 function ModalWaiting(props) {
-  const { open, title, text, texts } = usePieceProps(props, THEME_NAME);
+  const { open, title, text, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
   return /* @__PURE__ */ jsxs(WaitingRoot, { open, disableEscapeKeyDown: true, "aria-busy": "true", ownSx: { zIndex: (theme) => theme.zIndex.tooltip + 10 }, children: [
     /* @__PURE__ */ jsx(WaitingTitle, { ownSx: { textAlign: "center" }, children: title ?? t("waiting.title") }),

package/dist/feedback/ModalWaiting.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWaiting.js","sources":["../../src/feedback/ModalWaiting.jsx"],"sourcesContent":["// Bloqueo general \"espere un momento\" como diálogo modal, para una acción que no se puede interrumpir (p. ej. generar\n// un archivo grande).\n//\n// OJO zIndex: HASTA ARRIBA de todo, encima de modal (1300), snackbar (1400) y tooltip (1500), para que ningún elemento\n// de la interfaz se le monte mientras bloquea. No se cierra con Escape a propósito.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaModalWaiting con defaultProps y\n// styleOverrides de sus partes: root, title, body, text.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Stack from '@mui/material/Stack';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaModalWaiting)\nconst THEME_NAME = 'CalcitaModalWaiting';\nconst WaitingRoot = piecePart(THEME_NAME, 'Root', Dialog);\nconst WaitingTitle = piecePart(THEME_NAME, 'Title', DialogTitle);\nconst WaitingBody = piecePart(THEME_NAME, 'Body', Stack);\nconst WaitingText = piecePart(THEME_NAME, 'Text', DialogContentText);\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {string} [props.title] ya traducido; por omisión common:waiting.title\n * @param {string} [props.text] ya traducido; por omisión common:waiting.text\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function ModalWaiting(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaModalWaiting.defaultProps) y encima lo que llega aquí\n    const {open, title, text, texts} = usePieceProps(props, THEME_NAME);\n    const {t} = useToolkitTranslation('common', texts);\n\n    return (\n        <WaitingRoot open={open} disableEscapeKeyDown aria-busy=\"true\" ownSx={{zIndex: (theme) => theme.zIndex.tooltip + 10}}>\n            <WaitingTitle ownSx={{textAlign: 'center'}}>{title ?? t('waiting.title')}</WaitingTitle>\n            <DialogContent>\n                <WaitingBody spacing={2} ownSx={{alignItems: 'center'}}>\n                    <CircularProgress size={28} />\n                    <WaitingText ownSx={{textAlign: 'center'}}>{text ?? t('waiting.text')}</WaitingText>\n                </WaitingBody>\n            </DialogContent>\n        </WaitingRoot>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAoBA,MAAM,aAAa;AACnB,MAAM,cAAc,UAAU,YAAY,QAAQ,MAAM;AACxD,MAAM,eAAe,UAAU,YAAY,SAAS,WAAW;AAC/D,MAAM,cAAc,UAAU,YAAY,QAAQ,KAAK;AACvD,MAAM,cAAc,UAAU,YAAY,QAAQ,iBAAiB;AASnE,SAAwB,aAAa,OAAO;AAExC,QAAM,EAAC,MAAM,OAAO,MAAM,UAAS,cAAc,OAAO,UAAU;AAClE,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AAEjD,8BACK,aAAA,EAAY,MAAY,sBAAoB,MAAC,aAAU,QAAO,OAAO,EAAC,QAAQ,CAAC,UAAU,MAAM,OAAO,UAAU,MAC7G,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,OAAO,EAAC,WAAW,YAAY,UAAA,SAAS,EAAE,eAAe,EAAA,CAAE;AAAA,IACzE,oBAAC,eAAA,EACG,UAAA,qBAAC,aAAA,EAAY,SAAS,GAAG,OAAO,EAAC,YAAY,SAAA,GACzC,UAAA;AAAA,MAAA,oBAAC,kBAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,MAC5B,oBAAC,aAAA,EAAY,OAAO,EAAC,WAAW,YAAY,UAAA,QAAQ,EAAE,cAAc,EAAA,CAAE;AAAA,IAAA,EAAA,CAC1E,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ModalWaiting.js","sources":["../../src/feedback/ModalWaiting.jsx"],"sourcesContent":["// Bloqueo general \"espere un momento\" como diálogo modal, para una acción que no se puede interrumpir (p. ej. generar\n// un archivo grande).\n//\n// OJO zIndex: HASTA ARRIBA de todo, encima de modal (1300), snackbar (1400) y tooltip (1500), para que ningún elemento\n// de la interfaz se le monte mientras bloquea. No se cierra con Escape a propósito.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaModalWaiting con defaultProps y\n// styleOverrides de sus partes: root, title, body, text.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Stack from '@mui/material/Stack';\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.CalcitaModalWaiting)\nconst THEME_NAME = 'CalcitaModalWaiting';\nconst WaitingRoot = piecePart(THEME_NAME, 'Root', Dialog);\nconst WaitingTitle = piecePart(THEME_NAME, 'Title', DialogTitle);\nconst WaitingBody = piecePart(THEME_NAME, 'Body', Stack);\nconst WaitingText = piecePart(THEME_NAME, 'Text', DialogContentText);\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {string} [props.title] ya traducido; por omisión common:waiting.title\n * @param {string} [props.text] ya traducido; por omisión common:waiting.text\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function ModalWaiting(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaModalWaiting.defaultProps) y encima lo que llega aquí\n    const {open, title, text, texts, ...unknownProps} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n\n    return (\n        <WaitingRoot open={open} disableEscapeKeyDown aria-busy=\"true\" ownSx={{zIndex: (theme) => theme.zIndex.tooltip + 10}}>\n            <WaitingTitle ownSx={{textAlign: 'center'}}>{title ?? t('waiting.title')}</WaitingTitle>\n            <DialogContent>\n                <WaitingBody spacing={2} ownSx={{alignItems: 'center'}}>\n                    <CircularProgress size={28} />\n                    <WaitingText ownSx={{textAlign: 'center'}}>{text ?? t('waiting.text')}</WaitingText>\n                </WaitingBody>\n            </DialogContent>\n        </WaitingRoot>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,MAAM,aAAa;AACnB,MAAM,cAAc,UAAU,YAAY,QAAQ,MAAM;AACxD,MAAM,eAAe,UAAU,YAAY,SAAS,WAAW;AAC/D,MAAM,cAAc,UAAU,YAAY,QAAQ,KAAK;AACvD,MAAM,cAAc,UAAU,YAAY,QAAQ,iBAAiB;AASnE,SAAwB,aAAa,OAAO;AAExC,QAAM,EAAC,MAAM,OAAO,MAAM,OAAO,GAAG,iBAAgB,cAAc,OAAO,UAAU;AACnF,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AAEjD,8BACK,aAAA,EAAY,MAAY,sBAAoB,MAAC,aAAU,QAAO,OAAO,EAAC,QAAQ,CAAC,UAAU,MAAM,OAAO,UAAU,MAC7G,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,OAAO,EAAC,WAAW,YAAY,UAAA,SAAS,EAAE,eAAe,EAAA,CAAE;AAAA,IACzE,oBAAC,eAAA,EACG,UAAA,qBAAC,aAAA,EAAY,SAAS,GAAG,OAAO,EAAC,YAAY,SAAA,GACzC,UAAA;AAAA,MAAA,oBAAC,kBAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,MAC5B,oBAAC,aAAA,EAAY,OAAO,EAAC,WAAW,YAAY,UAAA,QAAQ,EAAE,cAAc,EAAA,CAAE;AAAA,IAAA,EAAA,CAC1E,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/feedback/NewBuildNotice.js

@@ -12,6 +12,7 @@ import { minimalFloatingStylesOf } from "../theme/components/minimalComponents.j
 import { isGlassTheme, glassStylesOf } from "../theme/glassSurface.js";
 import { APP_BAR_HEIGHT } from "../ui/layout/appBarHeight.js";
 import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaNewBuildNotice";
 const NoticeFloating = piecePart(THEME_NAME, "Floating", Box);
 const NoticeIcon = piecePart(THEME_NAME, "Icon", RefreshRoundedIcon);
@@ -53,7 +54,8 @@ function floatingSxOf(theme) {
   };
 }
 function NewBuildNotice(props) {
-  const { message, reloadLabel, onReload = reloadPage, variant = NEW_BUILD_NOTICE_VARIANT.ribbon, texts } = usePieceProps(props, THEME_NAME);
+  const { message, reloadLabel, onReload = reloadPage, variant = NEW_BUILD_NOTICE_VARIANT.ribbon, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
   const isNewBuildPublished = useNewBuildPublished();
   if (!isNewBuildPublished) {

package/dist/feedback/NewBuildNotice.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewBuildNotice.js","sources":["../../src/feedback/NewBuildNotice.jsx"],"sourcesContent":["// Aviso «Hay una versión nueva» con su botón de recargar.\n//\n// Sale cuando el servidor anuncia una compilación del front distinta a la que corre en la pestaña\n// (observability/publishedBuild.js) y se queda hasta que la persona recarga. No recarga solo: la persona puede estar a\n// media captura y decide cuándo.\n//\n// Dos formas, el mismo aviso:\n//   - «ribbon» (por omisión): una franja a todo lo ancho que el proyecto pone donde se vea siempre, normalmente dentro de\n//     su AppBar, debajo de la barra. Se arma con el Alert de MUI, que ya trae sus colores para claro y oscuro.\n//   - «floating»: una cápsula de vidrio que flota aparte, sin tocar la barra, como el reproductor chico que Apple pone\n//     encima de las pestañas en el iPhone. En escritorio, centrada debajo de la barra de arriba; en el teléfono, encima de\n//     la barra de pestañas. Es la que usa AppLayout con vidrio: dentro de la cápsula de la barra la franja la hacía crecer al\n//     doble, la curva cortaba el texto y el botón se salía por la orilla (lo reportaron).\n// Sin compilación nueva no pinta nada ni ocupa lugar.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaNewBuildNotice con defaultProps y\n// styleOverrides de sus partes: floating, icon, message, reloadButton, banner.\n//\n// Genérico del paquete: function (regla de la casa).\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 Typography from '@mui/material/Typography';\nimport RefreshRoundedIcon from '@mui/icons-material/RefreshRounded';\n\nimport {useNewBuildPublished} from '@/observability/publishedBuild.js';\nimport {GLASS_PANEL_GAP_PIXELS, aboveMobileTabBarOf} from '@/appShell/shellSizes.js';\nimport {minimalFloatingStylesOf} from '@/theme/components/minimalComponents.js';\nimport {glassStylesOf, isGlassTheme} from '@/theme/glassSurface.js';\nimport {APP_BAR_HEIGHT} from '@/ui/layout/appBarHeight.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaNewBuildNotice)\nconst THEME_NAME = 'CalcitaNewBuildNotice';\nconst NoticeFloating = piecePart(THEME_NAME, 'Floating', Box);\nconst NoticeIcon = piecePart(THEME_NAME, 'Icon', RefreshRoundedIcon);\nconst NoticeMessage = piecePart(THEME_NAME, 'Message', Typography);\nconst NoticeReloadButton = piecePart(THEME_NAME, 'ReloadButton', Button);\nconst NoticeBanner = piecePart(THEME_NAME, 'Banner', Alert);\n\n/** Las formas del aviso: franja (dentro de la barra del proyecto) o cápsula flotante (la del marco con vidrio). */\nexport const NEW_BUILD_NOTICE_VARIANT = Object.freeze({ribbon: 'ribbon', floating: 'floating'});\n\n// lo que se separa la cápsula de la barra (px) y lo que tarda en aparecer (ms)\nconst FLOATING_GAP_PIXELS = 8;\nconst FLOATING_ENTER_MILLISECONDS = 280;\n\n/** Lo que hace el botón si el proyecto no dice otra cosa: recargar la página, que trae la compilación nueva. */\nfunction reloadPage() {\n    window.location.reload();\n}\n\n/**\n * La cápsula flotante: fija a la ventana y centrada. En escritorio queda debajo de la barra de arriba (su alto real,\n * APP_BAR_HEIGHT); en el teléfono, encima de la barra de pestañas (su alto, sus separaciones y la zona del gesto de inicio).\n *\n * Va centrada en la VENTANA, debajo del centro de la barra (que va de orilla a orilla): centrada en el contenido quedaba\n * corrida a la derecha respecto a la barra (lo reportaron).\n *\n * @param {object} theme\n * @returns {object}\n */\nfunction floatingSxOf(theme) {\n    return {\n        // con vidrio, cápsula de vidrio; con el minimalista (barra en cápsulas), sólida del gris de lo que flota\n        ...(isGlassTheme(theme) ? glassStylesOf(theme) : minimalFloatingStylesOf(theme)),\n        position: 'fixed',\n        left: '50%',\n        transform: 'translateX(-50%)',\n        zIndex: theme.zIndex.appBar,\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1.5,\n        width: 'max-content',\n        maxWidth: `calc(100% - ${GLASS_PANEL_GAP_PIXELS * 2}px)`,\n        borderRadius: '999px',\n        py: 0.75,\n        pl: 2,\n        pr: 0.75,\n        top: `calc(${APP_BAR_HEIGHT} + ${FLOATING_GAP_PIXELS}px)`,\n        ...aboveMobileTabBarOf(FLOATING_GAP_PIXELS),\n        // aparece subiendo un poco y aclarándose; sin movimiento si la persona lo pidió así en su equipo\n        '@keyframes calcitaNoticeEnter': {\n            from: {opacity: 0, transform: 'translate(-50%, 8px) scale(0.96)'},\n            to: {opacity: 1, transform: 'translate(-50%, 0) scale(1)'},\n        },\n        animation: `calcitaNoticeEnter ${FLOATING_ENTER_MILLISECONDS}ms ${theme.transitions.easing.easeOut}`,\n        '@media (prefers-reduced-motion: reduce)': {animation: 'none'},\n    };\n}\n\n/**\n * @param {object} [props]\n * @param {string} [props.message] ya traducido; por omisión el del paquete (en la cápsula, el corto: common:newBuild.short)\n * @param {string} [props.reloadLabel] ya traducido; por omisión «Recargar»\n * @param {() => void} [props.onReload] por omisión recarga la página\n * @param {'ribbon'|'floating'} [props.variant] franja o cápsula flotante (NEW_BUILD_NOTICE_VARIANT); por omisión franja\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function NewBuildNotice(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaNewBuildNotice.defaultProps) y encima lo que llega aquí\n    const {message, reloadLabel, onReload = reloadPage, variant = NEW_BUILD_NOTICE_VARIANT.ribbon, texts} = usePieceProps(props, THEME_NAME);\n    const {t} = useToolkitTranslation('common', texts);\n    const isNewBuildPublished = useNewBuildPublished();\n\n    // guard clause: la compilación de la pestaña sigue siendo la publicada; el aviso no ocupa lugar\n    if (!isNewBuildPublished) {\n        return null;\n    }\n\n    const buttonLabel = reloadLabel ?? t('newBuild.reload');\n\n    if (variant === NEW_BUILD_NOTICE_VARIANT.floating) {\n        // el texto largo va para el lector de pantalla; a la vista, el corto (una cápsula de un renglón)\n        return (\n            <NoticeFloating role=\"status\" aria-live=\"polite\" aria-label={message ?? t('newBuild.message')} ownSx={floatingSxOf}>\n                <NoticeIcon fontSize=\"small\" ownSx={{color: 'text.secondary'}} />\n                <NoticeMessage variant=\"body2\" noWrap ownSx={{fontWeight: 500, minWidth: 0}}>{message ?? t('newBuild.short')}</NoticeMessage>\n                <NoticeReloadButton size=\"small\" variant=\"contained\" onClick={onReload} ownSx={{flexShrink: 0}}>{buttonLabel}</NoticeReloadButton>\n            </NoticeFloating>\n        );\n    }\n\n    return (\n        <NoticeBanner severity=\"warning\" square role=\"status\" aria-live=\"polite\"\n               ownSx={{py: 0, px: {xs: 2, md: 3}, alignItems: 'center'}}\n               action={(\n                   <NoticeReloadButton size=\"small\" variant=\"outlined\" color=\"inherit\" onClick={onReload} ownSx={{flexShrink: 0}}>\n                       {buttonLabel}\n                   </NoticeReloadButton>\n               )}>\n            {message ?? t('newBuild.message')}\n        </NoticeBanner>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkCA,MAAM,aAAa;AACnB,MAAM,iBAAiB,UAAU,YAAY,YAAY,GAAG;AAC5D,MAAM,aAAa,UAAU,YAAY,QAAQ,kBAAkB;AACnE,MAAM,gBAAgB,UAAU,YAAY,WAAW,UAAU;AACjE,MAAM,qBAAqB,UAAU,YAAY,gBAAgB,MAAM;AACvE,MAAM,eAAe,UAAU,YAAY,UAAU,KAAK;AAGnD,MAAM,2BAA2B,OAAO,OAAO,EAAC,QAAQ,UAAU,UAAU,YAAW;AAG9F,MAAM,sBAAsB;AAC5B,MAAM,8BAA8B;AAGpC,SAAS,aAAa;AAClB,SAAO,SAAS,OAAA;AACpB;AAYA,SAAS,aAAa,OAAO;AACzB,SAAO;AAAA;AAAA,IAEH,GAAI,aAAa,KAAK,IAAI,cAAc,KAAK,IAAI,wBAAwB,KAAK;AAAA,IAC9E,UAAU;AAAA,IACV,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ,MAAM,OAAO;AAAA,IACrB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU,eAAe,yBAAyB,CAAC;AAAA,IACnD,cAAc;AAAA,IACd,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK,QAAQ,cAAc,MAAM,mBAAmB;AAAA,IACpD,GAAG,oBAAoB,mBAAmB;AAAA;AAAA,IAE1C,iCAAiC;AAAA,MAC7B,MAAM,EAAC,SAAS,GAAG,WAAW,mCAAA;AAAA,MAC9B,IAAI,EAAC,SAAS,GAAG,WAAW,8BAAA;AAAA,IAA6B;AAAA,IAE7D,WAAW,sBAAsB,2BAA2B,MAAM,MAAM,YAAY,OAAO,OAAO;AAAA,IAClG,2CAA2C,EAAC,WAAW,OAAA;AAAA,EAAM;AAErE;AAUA,SAAwB,eAAe,OAAO;AAE1C,QAAM,EAAC,SAAS,aAAa,WAAW,YAAY,UAAU,yBAAyB,QAAQ,MAAA,IAAS,cAAc,OAAO,UAAU;AACvI,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,sBAAsB,qBAAA;AAG5B,MAAI,CAAC,qBAAqB;AACtB,WAAO;AAAA,EACX;AAEA,QAAM,cAAc,eAAe,EAAE,iBAAiB;AAEtD,MAAI,YAAY,yBAAyB,UAAU;AAE/C,WACI,qBAAC,gBAAA,EAAe,MAAK,UAAS,aAAU,UAAS,cAAY,WAAW,EAAE,kBAAkB,GAAG,OAAO,cAClG,UAAA;AAAA,MAAA,oBAAC,cAAW,UAAS,SAAQ,OAAO,EAAC,OAAO,oBAAmB;AAAA,0BAC9D,eAAA,EAAc,SAAQ,SAAQ,QAAM,MAAC,OAAO,EAAC,YAAY,KAAK,UAAU,KAAK,UAAA,WAAW,EAAE,gBAAgB,GAAE;AAAA,MAC7G,oBAAC,oBAAA,EAAmB,MAAK,SAAQ,SAAQ,aAAY,SAAS,UAAU,OAAO,EAAC,YAAY,EAAA,GAAK,UAAA,YAAA,CAAY;AAAA,IAAA,GACjH;AAAA,EAER;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAa,UAAS;AAAA,MAAU,QAAM;AAAA,MAAC,MAAK;AAAA,MAAS,aAAU;AAAA,MACzD,OAAO,EAAC,IAAI,GAAG,IAAI,EAAC,IAAI,GAAG,IAAI,KAAI,YAAY,SAAA;AAAA,MAC/C,QACI,oBAAC,oBAAA,EAAmB,MAAK,SAAQ,SAAQ,YAAW,OAAM,WAAU,SAAS,UAAU,OAAO,EAAC,YAAY,KACtG,UAAA,aACL;AAAA,MAEN,UAAA,WAAW,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAAA;AAG5C;"}
+{"version":3,"file":"NewBuildNotice.js","sources":["../../src/feedback/NewBuildNotice.jsx"],"sourcesContent":["// Aviso «Hay una versión nueva» con su botón de recargar.\n//\n// Sale cuando el servidor anuncia una compilación del front distinta a la que corre en la pestaña\n// (observability/publishedBuild.js) y se queda hasta que la persona recarga. No recarga solo: la persona puede estar a\n// media captura y decide cuándo.\n//\n// Dos formas, el mismo aviso:\n//   - «ribbon» (por omisión): una franja a todo lo ancho que el proyecto pone donde se vea siempre, normalmente dentro de\n//     su AppBar, debajo de la barra. Se arma con el Alert de MUI, que ya trae sus colores para claro y oscuro.\n//   - «floating»: una cápsula de vidrio que flota aparte, sin tocar la barra, como el reproductor chico que Apple pone\n//     encima de las pestañas en el iPhone. En escritorio, centrada debajo de la barra de arriba; en el teléfono, encima de\n//     la barra de pestañas. Es la que usa AppLayout con vidrio: dentro de la cápsula de la barra la franja la hacía crecer al\n//     doble, la curva cortaba el texto y el botón se salía por la orilla (lo reportaron).\n// Sin compilación nueva no pinta nada ni ocupa lugar.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaNewBuildNotice con defaultProps y\n// styleOverrides de sus partes: floating, icon, message, reloadButton, banner.\n//\n// Genérico del paquete: function (regla de la casa).\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 Typography from '@mui/material/Typography';\nimport RefreshRoundedIcon from '@mui/icons-material/RefreshRounded';\n\nimport {useNewBuildPublished} from '@/observability/publishedBuild.js';\nimport {GLASS_PANEL_GAP_PIXELS, aboveMobileTabBarOf} from '@/appShell/shellSizes.js';\nimport {minimalFloatingStylesOf} from '@/theme/components/minimalComponents.js';\nimport {glassStylesOf, isGlassTheme} from '@/theme/glassSurface.js';\nimport {APP_BAR_HEIGHT} from '@/ui/layout/appBarHeight.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaNewBuildNotice)\nconst THEME_NAME = 'CalcitaNewBuildNotice';\nconst NoticeFloating = piecePart(THEME_NAME, 'Floating', Box);\nconst NoticeIcon = piecePart(THEME_NAME, 'Icon', RefreshRoundedIcon);\nconst NoticeMessage = piecePart(THEME_NAME, 'Message', Typography);\nconst NoticeReloadButton = piecePart(THEME_NAME, 'ReloadButton', Button);\nconst NoticeBanner = piecePart(THEME_NAME, 'Banner', Alert);\n\n/** Las formas del aviso: franja (dentro de la barra del proyecto) o cápsula flotante (la del marco con vidrio). */\nexport const NEW_BUILD_NOTICE_VARIANT = Object.freeze({ribbon: 'ribbon', floating: 'floating'});\n\n// lo que se separa la cápsula de la barra (px) y lo que tarda en aparecer (ms)\nconst FLOATING_GAP_PIXELS = 8;\nconst FLOATING_ENTER_MILLISECONDS = 280;\n\n/** Lo que hace el botón si el proyecto no dice otra cosa: recargar la página, que trae la compilación nueva. */\nfunction reloadPage() {\n    window.location.reload();\n}\n\n/**\n * La cápsula flotante: fija a la ventana y centrada. En escritorio queda debajo de la barra de arriba (su alto real,\n * APP_BAR_HEIGHT); en el teléfono, encima de la barra de pestañas (su alto, sus separaciones y la zona del gesto de inicio).\n *\n * Va centrada en la VENTANA, debajo del centro de la barra (que va de orilla a orilla): centrada en el contenido quedaba\n * corrida a la derecha respecto a la barra (lo reportaron).\n *\n * @param {object} theme\n * @returns {object}\n */\nfunction floatingSxOf(theme) {\n    return {\n        // con vidrio, cápsula de vidrio; con el minimalista (barra en cápsulas), sólida del gris de lo que flota\n        ...(isGlassTheme(theme) ? glassStylesOf(theme) : minimalFloatingStylesOf(theme)),\n        position: 'fixed',\n        left: '50%',\n        transform: 'translateX(-50%)',\n        zIndex: theme.zIndex.appBar,\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1.5,\n        width: 'max-content',\n        maxWidth: `calc(100% - ${GLASS_PANEL_GAP_PIXELS * 2}px)`,\n        borderRadius: '999px',\n        py: 0.75,\n        pl: 2,\n        pr: 0.75,\n        top: `calc(${APP_BAR_HEIGHT} + ${FLOATING_GAP_PIXELS}px)`,\n        ...aboveMobileTabBarOf(FLOATING_GAP_PIXELS),\n        // aparece subiendo un poco y aclarándose; sin movimiento si la persona lo pidió así en su equipo\n        '@keyframes calcitaNoticeEnter': {\n            from: {opacity: 0, transform: 'translate(-50%, 8px) scale(0.96)'},\n            to: {opacity: 1, transform: 'translate(-50%, 0) scale(1)'},\n        },\n        animation: `calcitaNoticeEnter ${FLOATING_ENTER_MILLISECONDS}ms ${theme.transitions.easing.easeOut}`,\n        '@media (prefers-reduced-motion: reduce)': {animation: 'none'},\n    };\n}\n\n/**\n * @param {object} [props]\n * @param {string} [props.message] ya traducido; por omisión el del paquete (en la cápsula, el corto: common:newBuild.short)\n * @param {string} [props.reloadLabel] ya traducido; por omisión «Recargar»\n * @param {() => void} [props.onReload] por omisión recarga la página\n * @param {'ribbon'|'floating'} [props.variant] franja o cápsula flotante (NEW_BUILD_NOTICE_VARIANT); por omisión franja\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function NewBuildNotice(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaNewBuildNotice.defaultProps) y encima lo que llega aquí\n    const {message, reloadLabel, onReload = reloadPage, variant = NEW_BUILD_NOTICE_VARIANT.ribbon, texts, ...unknownProps} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const isNewBuildPublished = useNewBuildPublished();\n\n    // guard clause: la compilación de la pestaña sigue siendo la publicada; el aviso no ocupa lugar\n    if (!isNewBuildPublished) {\n        return null;\n    }\n\n    const buttonLabel = reloadLabel ?? t('newBuild.reload');\n\n    if (variant === NEW_BUILD_NOTICE_VARIANT.floating) {\n        // el texto largo va para el lector de pantalla; a la vista, el corto (una cápsula de un renglón)\n        return (\n            <NoticeFloating role=\"status\" aria-live=\"polite\" aria-label={message ?? t('newBuild.message')} ownSx={floatingSxOf}>\n                <NoticeIcon fontSize=\"small\" ownSx={{color: 'text.secondary'}} />\n                <NoticeMessage variant=\"body2\" noWrap ownSx={{fontWeight: 500, minWidth: 0}}>{message ?? t('newBuild.short')}</NoticeMessage>\n                <NoticeReloadButton size=\"small\" variant=\"contained\" onClick={onReload} ownSx={{flexShrink: 0}}>{buttonLabel}</NoticeReloadButton>\n            </NoticeFloating>\n        );\n    }\n\n    return (\n        <NoticeBanner severity=\"warning\" square role=\"status\" aria-live=\"polite\"\n               ownSx={{py: 0, px: {xs: 2, md: 3}, alignItems: 'center'}}\n               action={(\n                   <NoticeReloadButton size=\"small\" variant=\"outlined\" color=\"inherit\" onClick={onReload} ownSx={{flexShrink: 0}}>\n                       {buttonLabel}\n                   </NoticeReloadButton>\n               )}>\n            {message ?? t('newBuild.message')}\n        </NoticeBanner>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmCA,MAAM,aAAa;AACnB,MAAM,iBAAiB,UAAU,YAAY,YAAY,GAAG;AAC5D,MAAM,aAAa,UAAU,YAAY,QAAQ,kBAAkB;AACnE,MAAM,gBAAgB,UAAU,YAAY,WAAW,UAAU;AACjE,MAAM,qBAAqB,UAAU,YAAY,gBAAgB,MAAM;AACvE,MAAM,eAAe,UAAU,YAAY,UAAU,KAAK;AAGnD,MAAM,2BAA2B,OAAO,OAAO,EAAC,QAAQ,UAAU,UAAU,YAAW;AAG9F,MAAM,sBAAsB;AAC5B,MAAM,8BAA8B;AAGpC,SAAS,aAAa;AAClB,SAAO,SAAS,OAAA;AACpB;AAYA,SAAS,aAAa,OAAO;AACzB,SAAO;AAAA;AAAA,IAEH,GAAI,aAAa,KAAK,IAAI,cAAc,KAAK,IAAI,wBAAwB,KAAK;AAAA,IAC9E,UAAU;AAAA,IACV,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ,MAAM,OAAO;AAAA,IACrB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU,eAAe,yBAAyB,CAAC;AAAA,IACnD,cAAc;AAAA,IACd,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK,QAAQ,cAAc,MAAM,mBAAmB;AAAA,IACpD,GAAG,oBAAoB,mBAAmB;AAAA;AAAA,IAE1C,iCAAiC;AAAA,MAC7B,MAAM,EAAC,SAAS,GAAG,WAAW,mCAAA;AAAA,MAC9B,IAAI,EAAC,SAAS,GAAG,WAAW,8BAAA;AAAA,IAA6B;AAAA,IAE7D,WAAW,sBAAsB,2BAA2B,MAAM,MAAM,YAAY,OAAO,OAAO;AAAA,IAClG,2CAA2C,EAAC,WAAW,OAAA;AAAA,EAAM;AAErE;AAUA,SAAwB,eAAe,OAAO;AAE1C,QAAM,EAAC,SAAS,aAAa,WAAW,YAAY,UAAU,yBAAyB,QAAQ,OAAO,GAAG,aAAA,IAAgB,cAAc,OAAO,UAAU;AACxJ,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,sBAAsB,qBAAA;AAG5B,MAAI,CAAC,qBAAqB;AACtB,WAAO;AAAA,EACX;AAEA,QAAM,cAAc,eAAe,EAAE,iBAAiB;AAEtD,MAAI,YAAY,yBAAyB,UAAU;AAE/C,WACI,qBAAC,gBAAA,EAAe,MAAK,UAAS,aAAU,UAAS,cAAY,WAAW,EAAE,kBAAkB,GAAG,OAAO,cAClG,UAAA;AAAA,MAAA,oBAAC,cAAW,UAAS,SAAQ,OAAO,EAAC,OAAO,oBAAmB;AAAA,0BAC9D,eAAA,EAAc,SAAQ,SAAQ,QAAM,MAAC,OAAO,EAAC,YAAY,KAAK,UAAU,KAAK,UAAA,WAAW,EAAE,gBAAgB,GAAE;AAAA,MAC7G,oBAAC,oBAAA,EAAmB,MAAK,SAAQ,SAAQ,aAAY,SAAS,UAAU,OAAO,EAAC,YAAY,EAAA,GAAK,UAAA,YAAA,CAAY;AAAA,IAAA,GACjH;AAAA,EAER;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAa,UAAS;AAAA,MAAU,QAAM;AAAA,MAAC,MAAK;AAAA,MAAS,aAAU;AAAA,MACzD,OAAO,EAAC,IAAI,GAAG,IAAI,EAAC,IAAI,GAAG,IAAI,KAAI,YAAY,SAAA;AAAA,MAC/C,QACI,oBAAC,oBAAA,EAAmB,MAAK,SAAQ,SAAQ,YAAW,OAAM,WAAU,SAAS,UAAU,OAAO,EAAC,YAAY,KACtG,UAAA,aACL;AAAA,MAEN,UAAA,WAAW,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAAA;AAG5C;"}

package/dist/filepond/FileDropzone.js

@@ -16,6 +16,7 @@ import { accentTextStylesOf } from "../theme/glassSurface.js";
 import { useFormatters } from "../toolkit/useFormatters.js";
 import { resolveAccept, parseFileSize, FILE_REJECTION } from "../upload/fileRules.js";
 import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaPondDropzone";
 const PondRoot = piecePart(THEME_NAME, "Root", Box);
 const PondSummary = piecePart(THEME_NAME, "Summary", Typography);
@@ -104,8 +105,10 @@ function FileDropzone(props) {
     actions,
     children,
     sx,
-    texts
+    texts,
+    ...unknownProps
   } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
   const { formatFileSize } = useFormatters();
   const generatedId = useId();

package/dist/filepond/FileDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropzone.js","sources":["../../src/filepond/FileDropzone.jsx"],"sourcesContent":["// La zona para soltar archivos con FilePond por dentro (react-filepond): el MISMO uso que la de MUI (FileDropzone de la\n// puerta principal) más varios archivos, animaciones, el error dentro de cada archivo y, si se quiere, la subida de cada\n// archivo con su propia barra de avance (server). Cambiar de una a otra es cambiar el import.\n//\n// Solo ELIGE archivos (controlado: value / onChange). Enviarlos es de la pantalla: arma su FormData y los sube\n// (uploadWithProgress + uploadMachine). Huecos: actions (botones abajo) y children (lo que va debajo).\n//\n// Configuración, además de la de la zona de MUI (accept, maxSize, hint, buttonLabel, disabled, busy, busyModal, onReject):\n//   multiple       varios archivos: value / onChange hablan en ARREGLOS de File\n//   maxFiles       tope de archivos (solo con multiple)\n//   maxTotalSize   tope de lo que pesan todos juntos (solo con multiple), con unidades como maxSize\n//   validate       revisión del CONTENIDO al entrar: async (file) => true | 'mensaje de rechazo' (un .xml bien formado\n//                  puede no ser una factura); lo que no pasa no entra a la lista\n//   server         subir cada archivo por su cuenta con su barra (createPondServer, o un process propio)\n//   instantUpload  con server, sube al soltar (por omisión NO: regla de la casa, sube cuando la persona oprime el botón,\n//                  que llama apiRef.current.processFiles())\n//   apiRef         la API de FilePond para ese botón (processFiles, getFiles, removeFiles…). OJO: processFiles() regresa\n//                  una promesa que FALLA si algún archivo no subió; el porqué ya se ve en su tarjeta, pero hay que\n//                  atraparla (.catch) o queda un error suelto en la consola\n//   onProcessProgress({done, total})  el «subidos 2 de 5» del modo server\n//   autoReject     (por omisión sí) lo que no es de un tipo permitido enseña su error un momento y se quita solo\n//\n// OJO, trampa pagada (react-filepond#198): react-filepond no siempre refresca sus funciones después de montar, y puede\n// quedarse para siempre con la del primer render: quitar el archivo no apagaba el botón porque se comparaba contra un\n// value viejo. Blindaje: las funciones que recibe FilePond no cambian nunca (useCallback sin dependencias) y todo lo que\n// necesitan de afuera lo leen de UN ref que cada render vuelve a apuntar (latest).\n//\n// OJO: FilePond va NO controlado. Pasarle los archivos como prop revive archivos recién quitados; la verdad es FilePond y\n// value es su espejo. Lo único que se manda de afuera hacia adentro es LIMPIAR (value vacío vacía la zona).\n//\n// Los colores salen del tema (claro y oscuro) con selectores que le ganan a la hoja de FilePond sin importar el orden.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaPondDropzone con defaultProps y\n// styleOverrides de sus partes: root, summary, limits, actions, extra.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useCallback, useEffect, useId, useMemo, useRef} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport {FileStatus} from 'filepond';\nimport FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\nimport {FilePond, registerPlugin} from 'react-filepond';\n// la hoja de FilePond la carga el empaquetador del proyecto junto con la zona (en los tipos se quita: ver\n// scripts/stripStyleImportsFromTypes.js)\nimport 'filepond/dist/filepond.min.css';\n\nimport ModalWaiting from '@/feedback/ModalWaiting.jsx';\nimport {toastError} from '@/feedback/toast.jsx';\nimport {accentTextStylesOf} from '@/theme/glassSurface.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {FILE_REJECTION, parseFileSize, resolveAccept} from '@/upload/fileRules.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaPondDropzone)\nconst THEME_NAME = 'CalcitaPondDropzone';\n// la raíz: el estilo de FilePond de Calcita abajo, el tema del proyecto encima y el sx de la pantalla al final\nconst PondRoot = piecePart(THEME_NAME, 'Root', Box);\nconst PondSummary = piecePart(THEME_NAME, 'Summary', Typography);\nconst PondLimits = piecePart(THEME_NAME, 'Limits', Typography);\nconst PondActions = piecePart(THEME_NAME, 'Actions', Stack);\nconst PondExtra = piecePart(THEME_NAME, 'Extra', Box);\n\nregisterPlugin(FilePondPluginFileValidateType, FilePondPluginFileValidateSize);\n\n// cuánto se ve el error de un archivo de tipo no permitido antes de quitarse solo: lo suficiente para leer por qué\nconst AUTO_REJECT_DELAY_MILLISECONDS = 1800;\n// el aviso de FilePond cuando se sueltan más archivos de los permitidos\nconst MAX_FILES_WARNING = 'max files';\n\n/**\n * El tipo de un archivo para el complemento de tipos: el paquete habla de EXTENSIONES (.xlsx) y FilePond, por omisión,\n * del tipo MIME. Imagen, audio y video van por su tipo (para que 'image/*' funcione); lo demás, por su extensión.\n *\n * @param {File} file\n * @returns {Promise<string>}\n */\nfunction detectFileType(file) {\n    const mimeType = (file.type ?? '').toLowerCase();\n    if (/^(image|audio|video)\\//.test(mimeType)) {\n        return Promise.resolve(mimeType);\n    }\n    const dotPosition = file.name.lastIndexOf('.');\n    return Promise.resolve(dotPosition >= 0 ? file.name.slice(dotPosition).toLowerCase() : mimeType);\n}\n\n/**\n * ¿Los mismos archivos en el mismo orden?\n *\n * @param {File[]} firstFiles\n * @param {File[]} secondFiles\n * @returns {boolean}\n */\nfunction sameFiles(firstFiles, secondFiles) {\n    return firstFiles.length === secondFiles.length && firstFiles.every((file, position) => file === secondFiles[position]);\n}\n\n/**\n * value (File | File[] | null) como arreglo.\n *\n * @param {File|File[]|null} value\n * @param {boolean} multiple\n * @returns {File[]}\n */\nfunction filesOf(value, multiple) {\n    if (multiple) {\n        return Array.isArray(value) ? value : (value ? [value] : []);\n    }\n    return value ? [value] : [];\n}\n\n/**\n * Los textos que FilePond pinta dentro de cada tarjeta (vienen en inglés), desde los textos del paquete.\n *\n * El de «no se pudo subir» enseña el mensaje del servidor cuando lo hay (createPondServer manda el título del problema\n * RFC 9457): «No se pudo subir» a secas no le dice a la persona qué corregir.\n *\n * @param {(key: string) => string} t traductor de common\n * @returns {object} props de FilePond\n */\nfunction pondLabelsOf(t) {\n    return {\n        labelFileLoading: t('upload.pond.loading'),\n        labelFileLoadError: t('upload.pond.loadError'),\n        labelFileWaitingForSize: t('upload.pond.waitingForSize'),\n        labelFileSizeNotAvailable: t('upload.pond.sizeNotAvailable'),\n        labelInvalidField: t('upload.pond.invalidField'),\n        labelFileProcessing: t('upload.pond.processing'),\n        labelFileProcessingComplete: t('upload.pond.processingComplete'),\n        labelFileProcessingAborted: t('upload.pond.processingAborted'),\n        labelFileProcessingError: (error) => error?.body || t('upload.pond.processingError'),\n        labelFileProcessingRevertError: t('upload.pond.revertError'),\n        labelFileRemoveError: t('upload.pond.removeError'),\n        labelTapToCancel: t('upload.pond.tapToCancel'),\n        labelTapToRetry: t('upload.pond.tapToRetry'),\n        labelTapToUndo: t('upload.pond.tapToUndo'),\n        labelButtonRemoveItem: t('upload.pond.remove'),\n        labelButtonAbortItemLoad: t('upload.pond.abortLoad'),\n        labelButtonRetryItemLoad: t('upload.pond.retryLoad'),\n        labelButtonAbortItemProcessing: t('upload.pond.abortProcessing'),\n        labelButtonUndoItemProcessing: t('upload.pond.undoProcessing'),\n        labelButtonRetryItemProcessing: t('upload.pond.retryProcessing'),\n        labelButtonProcessItem: t('upload.pond.processItem'),\n    };\n}\n\n/**\n * Los colores de FilePond desde el tema. El «& » los anida dentro de la caja: pesan más que los de la hoja de FilePond\n * aunque esa hoja cargue después.\n *\n * @param {object} theme tema de MUI (con o sin variables CSS)\n * @returns {object}\n */\nfunction pondThemeSxOf(theme) {\n    const {palette} = theme.vars ?? theme;\n    return {\n        '& .filepond--root': {fontFamily: theme.typography.fontFamily, mb: 0},\n        '& .filepond--panel-root': {bgcolor: palette.background.paper, border: `2px dashed ${palette.divider}`, borderRadius: 2},\n        '& .filepond--drop-label': {color: palette.text.primary},\n        // la liga «Elegir archivos»: del color del tema pero legible (accentTextStylesOf); el naranja tal cual se perdía en oscuro\n        '& .filepond--label-action': {...accentTextStylesOf(theme), textDecorationColor: 'currentColor'},\n        '& .filepond--item-panel': {bgcolor: palette.primary.main},\n        '& .filepond--file, & .filepond--file-action-button': {color: palette.primary.contrastText},\n    };\n}\n\n/**\n * @param {object} props\n * @param {File|File[]|null} [props.value]\n * @param {(value: File|File[]|null) => void} props.onChange\n * @param {string|string[]} [props.accept]\n * @param {number|string} [props.maxSize] por archivo\n * @param {boolean} [props.multiple]\n * @param {number} [props.maxFiles]\n * @param {number|string} [props.maxTotalSize]\n * @param {string} [props.name] nombre del campo; por omisión uno propio por zona (dos zonas no se pisan)\n * @param {string} [props.hint]\n * @param {string} [props.buttonLabel]\n * @param {boolean} [props.disabled]\n * @param {boolean} [props.busy]\n * @param {boolean|{title?: string, text?: string}} [props.busyModal]\n * @param {boolean} [props.autoReject]\n * @param {((file: File) => Promise<true|string>)|null} [props.validate]\n * @param {object|null} [props.server] createPondServer(...) o {process} propio\n * @param {boolean} [props.instantUpload]\n * @param {{current: object|null}|null} [props.apiRef]\n * @param {(progress: {done: number, total: number}) => void} [props.onProcessProgress]\n * @param {(file: File|null, reason: string, message?: string) => void} [props.onReject] reason de FILE_REJECTION\n * @param {import('react').ReactNode} [props.actions]\n * @param {import('react').ReactNode} [props.children]\n * @param {object} [props.sx]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function FileDropzone(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaPondDropzone.defaultProps) y encima lo que llega aquí\n    const {\n    value = null, onChange, accept, maxSize, multiple = false, maxFiles, maxTotalSize, name, hint, buttonLabel, disabled = false,\n    busy = false, busyModal = false, autoReject = true, validate = null, server = null, instantUpload = false, apiRef = null,\n    onProcessProgress, onReject, actions, children, sx, texts,\n} = usePieceProps(props, THEME_NAME);\n    const {t} = useToolkitTranslation('common', texts);\n    const {formatFileSize} = useFormatters();\n    const generatedId = useId();\n    const pondName = name ?? `file-dropzone-${generatedId}`;\n    // el candado: apagado o subiendo. Va también en cada allow* de FilePond, no solo en lo visual\n    const isLocked = disabled || busy;\n\n    const resolvedAccept = useMemo(() => resolveAccept(accept), [accept]);\n    const acceptedTypes = useMemo(() => (resolvedAccept ? resolvedAccept.split(',') : null), [resolvedAccept]);\n    const maxBytes = parseFileSize(maxSize);\n    const maxTotalBytes = multiple ? parseFileSize(maxTotalSize) : null;\n    const typeErrorLabel = t('upload.invalidTitle');\n    const totalErrorLabel = t('upload.totalTooLargeShort');\n    const files = useMemo(() => filesOf(value, multiple), [value, multiple]);\n\n    const pondRef = useRef(null);\n    // lo que las funciones fijas necesitan de afuera, siempre al día (ver la trampa del encabezado)\n    const latest = useRef({});\n    latest.current = {files, multiple, onChange, onReject, autoReject, validate, onProcessProgress, maxFiles, typeErrorLabel, totalErrorLabel, t};\n\n    useEffect(() => {\n        if (apiRef) {\n            apiRef.current = pondRef.current;\n        }\n    });\n\n    // value desde FilePond. Los archivos con error se quedan en pantalla (en rojo) pero no cuentan: con un archivo malo\n    // el botón de enviar no se prende. Y un removeFiles() hecho desde aquí no debe avisar un cambio fantasma\n    const syncFromPond = useCallback(() => {\n        const {files: currentFiles, multiple: isMultiple, onChange: emitChange} = latest.current;\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        const nextFiles = pondItems.filter((item) => item.status !== FileStatus.LOAD_ERROR).map((item) => item.file);\n        if (isMultiple) {\n            if (!sameFiles(nextFiles, currentFiles)) {\n                emitChange(nextFiles);\n            }\n            return;\n        }\n        const nextFile = nextFiles[0] ?? null;\n        if (nextFile !== (currentFiles[0] ?? null)) {\n            emitChange(nextFile);\n        }\n    }, []);\n\n    const handleError = useCallback((error, item) => {\n        // el archivo acaba de quedar con error: se saca de value\n        syncFromPond();\n        const {onReject: reject, autoReject: shouldAutoReject, typeErrorLabel: typeLabel, totalErrorLabel: totalLabel} = latest.current;\n        // el motivo se reconoce por el texto, que es nuestro: comparación estable\n        let reason = FILE_REJECTION.size;\n        if (error?.main === typeLabel) {\n            reason = FILE_REJECTION.type;\n        } else if (error?.main === totalLabel) {\n            reason = FILE_REJECTION.total;\n        }\n        // el de tipo no permitido se va solo después de que se lea su error; el de peso se queda para saber cuál pesa de más\n        if (reason === FILE_REJECTION.type && shouldAutoReject && item?.id) {\n            setTimeout(() => {\n                if (pondRef.current?.getFile?.(item.id)) {\n                    pondRef.current.removeFile(item.id);\n                }\n            }, AUTO_REJECT_DELAY_MILLISECONDS);\n        }\n        if (reject && item?.file) {\n            reject(item.file, reason);\n        }\n    }, [syncFromPond]);\n\n    // la revisión del contenido, ANTES de que el archivo entre a la lista\n    const handleBeforeAdd = useCallback(async (item) => {\n        const {validate: judge, onReject: reject, typeErrorLabel: fallbackMessage} = latest.current;\n        if (!judge) {\n            return true;\n        }\n        let verdict;\n        try {\n            verdict = await judge(item.file);\n        } catch {\n            verdict = false;\n        }\n        if (verdict === true) {\n            return true;\n        }\n        const message = typeof verdict === 'string' ? verdict : fallbackMessage;\n        if (reject) {\n            reject(item.file, FILE_REJECTION.content, message);\n        } else {\n            toastError(`${item.file?.name}: ${message}`);\n        }\n        return false;\n    }, []);\n\n    // el «subidos X de N» del modo server: cada archivo que termina su subida avisa la cuenta\n    const handleProcessed = useCallback(() => {\n        const report = latest.current.onProcessProgress;\n        if (!report) {\n            return;\n        }\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        report({done: pondItems.filter((item) => item.status === FileStatus.PROCESSING_COMPLETE).length, total: pondItems.length});\n    }, []);\n\n    // lo que pasa de maxFiles ni siquiera entra (FilePond corta lo soltado y solo avisa): el aviso lo damos nosotros\n    const handleWarning = useCallback((warning) => {\n        const {maxFiles: maxFileCount, onReject: reject, t: translate} = latest.current;\n        if (maxFileCount && String(warning?.body ?? '').toLowerCase().includes(MAX_FILES_WARNING)) {\n            if (reject) {\n                reject(null, FILE_REJECTION.count);\n            } else {\n                toastError(translate('upload.tooManyFiles', {count: maxFileCount}));\n            }\n        }\n    }, []);\n\n    // limpiar desde afuera: value vacío (p. ej. después de subir bien) vacía la zona\n    useEffect(() => {\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        if (files.length === 0 && pondItems.length > 0) {\n            pondRef.current.removeFiles();\n        }\n    }, [files]);\n\n    const limitHints = [\n        maxBytes && t('upload.maxSizeHint', {max: formatFileSize(maxBytes)}),\n        maxTotalBytes && t('upload.maxTotalSizeHint', {max: formatFileSize(maxTotalBytes)}),\n        multiple && maxFiles && t('upload.maxFilesHint', {count: maxFiles}),\n    ].filter(Boolean);\n    // con varios archivos se dice cuántos van y cuánto pesan juntos: nadie suma tarjeta por tarjeta\n    const totalBytes = multiple ? files.reduce((sum, file) => sum + (file?.size ?? 0), 0) : 0;\n    const hintText = hint ?? (multiple ? t('upload.hintMultiple') : t('upload.hint'));\n    const chooseText = buttonLabel ?? (multiple ? t('upload.chooseMultiple') : t('upload.choose'));\n\n    return (\n        <PondRoot ownSx={(theme) => pondThemeSxOf(theme)} sx={sx}>\n            <FilePond\n                ref={pondRef}\n                name={pondName}\n                server={server}\n                instantUpload={instantUpload}\n                beforeAddFile={handleBeforeAdd}\n                onprocessfile={handleProcessed}\n                onupdatefiles={syncFromPond}\n                allowMultiple={multiple}\n                maxFiles={multiple ? (maxFiles ?? null) : 1}\n                disabled={isLocked}\n                allowDrop={!isLocked}\n                allowBrowse={!isLocked}\n                allowPaste={!isLocked}\n                allowRemove={!isLocked}\n                allowReplace={!isLocked}\n                credits={false}\n                acceptedFileTypes={acceptedTypes}\n                fileValidateTypeDetectType={detectFileType}\n                fileValidateTypeLabelExpectedTypes={resolvedAccept ?? ''}\n                maxFileSize={maxBytes ? String(maxBytes) : null}\n                maxTotalFileSize={maxTotalBytes ? String(maxTotalBytes) : null}\n                labelIdle={`${hintText} — <span class=\"filepond--label-action\">${chooseText}</span>`}\n                labelFileTypeNotAllowed={typeErrorLabel}\n                labelMaxFileSizeExceeded={t('upload.tooLargeShort')}\n                labelMaxFileSize={maxBytes ? t('upload.maxSizeHint', {max: formatFileSize(maxBytes)}) : ''}\n                labelMaxTotalFileSizeExceeded={totalErrorLabel}\n                labelMaxTotalFileSize={maxTotalBytes ? t('upload.maxTotalSizeHint', {max: formatFileSize(maxTotalBytes)}) : ''}\n                onwarning={handleWarning}\n                onerror={handleError}\n                {...pondLabelsOf(t)}\n            />\n            {multiple && files.length > 0 && (\n                <PondSummary variant=\"body2\" ownSx={{textAlign: 'center', mt: 1, fontWeight: 500}}>\n                    {maxTotalBytes\n                        ? t('upload.summaryOf', {count: files.length, total: formatFileSize(totalBytes), max: formatFileSize(maxTotalBytes)})\n                        : t('upload.summary', {count: files.length, total: formatFileSize(totalBytes)})}\n                </PondSummary>\n            )}\n            {limitHints.length > 0 && (\n                <PondLimits variant=\"caption\" color=\"text.secondary\" ownSx={{display: 'block', textAlign: 'center', mt: 0.5}}>\n                    {limitHints.join(' · ')}\n                </PondLimits>\n            )}\n            {actions && (\n                <PondActions direction={{xs: 'column', sm: 'row'}} spacing={2} ownSx={{justifyContent: 'center', alignItems: {xs: 'stretch', sm: 'center'}, mt: 2}}>\n                    {actions}\n                </PondActions>\n            )}\n            {children && <PondExtra ownSx={{mt: 3}}>{children}</PondExtra>}\n            {busyModal && <ModalWaiting open={busy} title={busyModal.title} text={busyModal.text} />}\n        </PondRoot>\n    );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileDropzone.js","sources":["../../src/filepond/FileDropzone.jsx"],"sourcesContent":["// La zona para soltar archivos con FilePond por dentro (react-filepond): el MISMO uso que la de MUI (FileDropzone de la\n// puerta principal) más varios archivos, animaciones, el error dentro de cada archivo y, si se quiere, la subida de cada\n// archivo con su propia barra de avance (server). Cambiar de una a otra es cambiar el import.\n//\n// Solo ELIGE archivos (controlado: value / onChange). Enviarlos es de la pantalla: arma su FormData y los sube\n// (uploadWithProgress + uploadMachine). Huecos: actions (botones abajo) y children (lo que va debajo).\n//\n// Configuración, además de la de la zona de MUI (accept, maxSize, hint, buttonLabel, disabled, busy, busyModal, onReject):\n//   multiple       varios archivos: value / onChange hablan en ARREGLOS de File\n//   maxFiles       tope de archivos (solo con multiple)\n//   maxTotalSize   tope de lo que pesan todos juntos (solo con multiple), con unidades como maxSize\n//   validate       revisión del CONTENIDO al entrar: async (file) => true | 'mensaje de rechazo' (un .xml bien formado\n//                  puede no ser una factura); lo que no pasa no entra a la lista\n//   server         subir cada archivo por su cuenta con su barra (createPondServer, o un process propio)\n//   instantUpload  con server, sube al soltar (por omisión NO: regla de la casa, sube cuando la persona oprime el botón,\n//                  que llama apiRef.current.processFiles())\n//   apiRef         la API de FilePond para ese botón (processFiles, getFiles, removeFiles…). OJO: processFiles() regresa\n//                  una promesa que FALLA si algún archivo no subió; el porqué ya se ve en su tarjeta, pero hay que\n//                  atraparla (.catch) o queda un error suelto en la consola\n//   onProcessProgress({done, total})  el «subidos 2 de 5» del modo server\n//   autoReject     (por omisión sí) lo que no es de un tipo permitido enseña su error un momento y se quita solo\n//\n// OJO, trampa pagada (react-filepond#198): react-filepond no siempre refresca sus funciones después de montar, y puede\n// quedarse para siempre con la del primer render: quitar el archivo no apagaba el botón porque se comparaba contra un\n// value viejo. Blindaje: las funciones que recibe FilePond no cambian nunca (useCallback sin dependencias) y todo lo que\n// necesitan de afuera lo leen de UN ref que cada render vuelve a apuntar (latest).\n//\n// OJO: FilePond va NO controlado. Pasarle los archivos como prop revive archivos recién quitados; la verdad es FilePond y\n// value es su espejo. Lo único que se manda de afuera hacia adentro es LIMPIAR (value vacío vacía la zona).\n//\n// Los colores salen del tema (claro y oscuro) con selectores que le ganan a la hoja de FilePond sin importar el orden.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaPondDropzone con defaultProps y\n// styleOverrides de sus partes: root, summary, limits, actions, extra.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useCallback, useEffect, useId, useMemo, useRef} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport {FileStatus} from 'filepond';\nimport FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\nimport {FilePond, registerPlugin} from 'react-filepond';\n// la hoja de FilePond la carga el empaquetador del proyecto junto con la zona (en los tipos se quita: ver\n// scripts/stripStyleImportsFromTypes.js)\nimport 'filepond/dist/filepond.min.css';\n\nimport ModalWaiting from '@/feedback/ModalWaiting.jsx';\nimport {toastError} from '@/feedback/toast.jsx';\nimport {accentTextStylesOf} from '@/theme/glassSurface.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {FILE_REJECTION, parseFileSize, resolveAccept} from '@/upload/fileRules.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaPondDropzone)\nconst THEME_NAME = 'CalcitaPondDropzone';\n// la raíz: el estilo de FilePond de Calcita abajo, el tema del proyecto encima y el sx de la pantalla al final\nconst PondRoot = piecePart(THEME_NAME, 'Root', Box);\nconst PondSummary = piecePart(THEME_NAME, 'Summary', Typography);\nconst PondLimits = piecePart(THEME_NAME, 'Limits', Typography);\nconst PondActions = piecePart(THEME_NAME, 'Actions', Stack);\nconst PondExtra = piecePart(THEME_NAME, 'Extra', Box);\n\nregisterPlugin(FilePondPluginFileValidateType, FilePondPluginFileValidateSize);\n\n// cuánto se ve el error de un archivo de tipo no permitido antes de quitarse solo: lo suficiente para leer por qué\nconst AUTO_REJECT_DELAY_MILLISECONDS = 1800;\n// el aviso de FilePond cuando se sueltan más archivos de los permitidos\nconst MAX_FILES_WARNING = 'max files';\n\n/**\n * El tipo de un archivo para el complemento de tipos: el paquete habla de EXTENSIONES (.xlsx) y FilePond, por omisión,\n * del tipo MIME. Imagen, audio y video van por su tipo (para que 'image/*' funcione); lo demás, por su extensión.\n *\n * @param {File} file\n * @returns {Promise<string>}\n */\nfunction detectFileType(file) {\n    const mimeType = (file.type ?? '').toLowerCase();\n    if (/^(image|audio|video)\\//.test(mimeType)) {\n        return Promise.resolve(mimeType);\n    }\n    const dotPosition = file.name.lastIndexOf('.');\n    return Promise.resolve(dotPosition >= 0 ? file.name.slice(dotPosition).toLowerCase() : mimeType);\n}\n\n/**\n * ¿Los mismos archivos en el mismo orden?\n *\n * @param {File[]} firstFiles\n * @param {File[]} secondFiles\n * @returns {boolean}\n */\nfunction sameFiles(firstFiles, secondFiles) {\n    return firstFiles.length === secondFiles.length && firstFiles.every((file, position) => file === secondFiles[position]);\n}\n\n/**\n * value (File | File[] | null) como arreglo.\n *\n * @param {File|File[]|null} value\n * @param {boolean} multiple\n * @returns {File[]}\n */\nfunction filesOf(value, multiple) {\n    if (multiple) {\n        return Array.isArray(value) ? value : (value ? [value] : []);\n    }\n    return value ? [value] : [];\n}\n\n/**\n * Los textos que FilePond pinta dentro de cada tarjeta (vienen en inglés), desde los textos del paquete.\n *\n * El de «no se pudo subir» enseña el mensaje del servidor cuando lo hay (createPondServer manda el título del problema\n * RFC 9457): «No se pudo subir» a secas no le dice a la persona qué corregir.\n *\n * @param {(key: string) => string} t traductor de common\n * @returns {object} props de FilePond\n */\nfunction pondLabelsOf(t) {\n    return {\n        labelFileLoading: t('upload.pond.loading'),\n        labelFileLoadError: t('upload.pond.loadError'),\n        labelFileWaitingForSize: t('upload.pond.waitingForSize'),\n        labelFileSizeNotAvailable: t('upload.pond.sizeNotAvailable'),\n        labelInvalidField: t('upload.pond.invalidField'),\n        labelFileProcessing: t('upload.pond.processing'),\n        labelFileProcessingComplete: t('upload.pond.processingComplete'),\n        labelFileProcessingAborted: t('upload.pond.processingAborted'),\n        labelFileProcessingError: (error) => error?.body || t('upload.pond.processingError'),\n        labelFileProcessingRevertError: t('upload.pond.revertError'),\n        labelFileRemoveError: t('upload.pond.removeError'),\n        labelTapToCancel: t('upload.pond.tapToCancel'),\n        labelTapToRetry: t('upload.pond.tapToRetry'),\n        labelTapToUndo: t('upload.pond.tapToUndo'),\n        labelButtonRemoveItem: t('upload.pond.remove'),\n        labelButtonAbortItemLoad: t('upload.pond.abortLoad'),\n        labelButtonRetryItemLoad: t('upload.pond.retryLoad'),\n        labelButtonAbortItemProcessing: t('upload.pond.abortProcessing'),\n        labelButtonUndoItemProcessing: t('upload.pond.undoProcessing'),\n        labelButtonRetryItemProcessing: t('upload.pond.retryProcessing'),\n        labelButtonProcessItem: t('upload.pond.processItem'),\n    };\n}\n\n/**\n * Los colores de FilePond desde el tema. El «& » los anida dentro de la caja: pesan más que los de la hoja de FilePond\n * aunque esa hoja cargue después.\n *\n * @param {object} theme tema de MUI (con o sin variables CSS)\n * @returns {object}\n */\nfunction pondThemeSxOf(theme) {\n    const {palette} = theme.vars ?? theme;\n    return {\n        '& .filepond--root': {fontFamily: theme.typography.fontFamily, mb: 0},\n        '& .filepond--panel-root': {bgcolor: palette.background.paper, border: `2px dashed ${palette.divider}`, borderRadius: 2},\n        '& .filepond--drop-label': {color: palette.text.primary},\n        // la liga «Elegir archivos»: del color del tema pero legible (accentTextStylesOf); el naranja tal cual se perdía en oscuro\n        '& .filepond--label-action': {...accentTextStylesOf(theme), textDecorationColor: 'currentColor'},\n        '& .filepond--item-panel': {bgcolor: palette.primary.main},\n        '& .filepond--file, & .filepond--file-action-button': {color: palette.primary.contrastText},\n    };\n}\n\n/**\n * @param {object} props\n * @param {File|File[]|null} [props.value]\n * @param {(value: File|File[]|null) => void} props.onChange\n * @param {string|string[]} [props.accept]\n * @param {number|string} [props.maxSize] por archivo\n * @param {boolean} [props.multiple]\n * @param {number} [props.maxFiles]\n * @param {number|string} [props.maxTotalSize]\n * @param {string} [props.name] nombre del campo; por omisión uno propio por zona (dos zonas no se pisan)\n * @param {string} [props.hint]\n * @param {string} [props.buttonLabel]\n * @param {boolean} [props.disabled]\n * @param {boolean} [props.busy]\n * @param {boolean|{title?: string, text?: string}} [props.busyModal]\n * @param {boolean} [props.autoReject]\n * @param {((file: File) => Promise<true|string>)|null} [props.validate]\n * @param {object|null} [props.server] createPondServer(...) o {process} propio\n * @param {boolean} [props.instantUpload]\n * @param {{current: object|null}|null} [props.apiRef]\n * @param {(progress: {done: number, total: number}) => void} [props.onProcessProgress]\n * @param {(file: File|null, reason: string, message?: string) => void} [props.onReject] reason de FILE_REJECTION\n * @param {import('react').ReactNode} [props.actions]\n * @param {import('react').ReactNode} [props.children]\n * @param {object} [props.sx]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function FileDropzone(props) {\n    // lo que el proyecto puso en su tema (components.CalcitaPondDropzone.defaultProps) y encima lo que llega aquí\n    const {\n    value = null, onChange, accept, maxSize, multiple = false, maxFiles, maxTotalSize, name, hint, buttonLabel, disabled = false,\n    busy = false, busyModal = false, autoReject = true, validate = null, server = null, instantUpload = false, apiRef = null,\n    onProcessProgress, onReject, actions, children, sx, texts,\n    ...unknownProps\n} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const {formatFileSize} = useFormatters();\n    const generatedId = useId();\n    const pondName = name ?? `file-dropzone-${generatedId}`;\n    // el candado: apagado o subiendo. Va también en cada allow* de FilePond, no solo en lo visual\n    const isLocked = disabled || busy;\n\n    const resolvedAccept = useMemo(() => resolveAccept(accept), [accept]);\n    const acceptedTypes = useMemo(() => (resolvedAccept ? resolvedAccept.split(',') : null), [resolvedAccept]);\n    const maxBytes = parseFileSize(maxSize);\n    const maxTotalBytes = multiple ? parseFileSize(maxTotalSize) : null;\n    const typeErrorLabel = t('upload.invalidTitle');\n    const totalErrorLabel = t('upload.totalTooLargeShort');\n    const files = useMemo(() => filesOf(value, multiple), [value, multiple]);\n\n    const pondRef = useRef(null);\n    // lo que las funciones fijas necesitan de afuera, siempre al día (ver la trampa del encabezado)\n    const latest = useRef({});\n    latest.current = {files, multiple, onChange, onReject, autoReject, validate, onProcessProgress, maxFiles, typeErrorLabel, totalErrorLabel, t};\n\n    useEffect(() => {\n        if (apiRef) {\n            apiRef.current = pondRef.current;\n        }\n    });\n\n    // value desde FilePond. Los archivos con error se quedan en pantalla (en rojo) pero no cuentan: con un archivo malo\n    // el botón de enviar no se prende. Y un removeFiles() hecho desde aquí no debe avisar un cambio fantasma\n    const syncFromPond = useCallback(() => {\n        const {files: currentFiles, multiple: isMultiple, onChange: emitChange} = latest.current;\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        const nextFiles = pondItems.filter((item) => item.status !== FileStatus.LOAD_ERROR).map((item) => item.file);\n        if (isMultiple) {\n            if (!sameFiles(nextFiles, currentFiles)) {\n                emitChange(nextFiles);\n            }\n            return;\n        }\n        const nextFile = nextFiles[0] ?? null;\n        if (nextFile !== (currentFiles[0] ?? null)) {\n            emitChange(nextFile);\n        }\n    }, []);\n\n    const handleError = useCallback((error, item) => {\n        // el archivo acaba de quedar con error: se saca de value\n        syncFromPond();\n        const {onReject: reject, autoReject: shouldAutoReject, typeErrorLabel: typeLabel, totalErrorLabel: totalLabel} = latest.current;\n        // el motivo se reconoce por el texto, que es nuestro: comparación estable\n        let reason = FILE_REJECTION.size;\n        if (error?.main === typeLabel) {\n            reason = FILE_REJECTION.type;\n        } else if (error?.main === totalLabel) {\n            reason = FILE_REJECTION.total;\n        }\n        // el de tipo no permitido se va solo después de que se lea su error; el de peso se queda para saber cuál pesa de más\n        if (reason === FILE_REJECTION.type && shouldAutoReject && item?.id) {\n            setTimeout(() => {\n                if (pondRef.current?.getFile?.(item.id)) {\n                    pondRef.current.removeFile(item.id);\n                }\n            }, AUTO_REJECT_DELAY_MILLISECONDS);\n        }\n        if (reject && item?.file) {\n            reject(item.file, reason);\n        }\n    }, [syncFromPond]);\n\n    // la revisión del contenido, ANTES de que el archivo entre a la lista\n    const handleBeforeAdd = useCallback(async (item) => {\n        const {validate: judge, onReject: reject, typeErrorLabel: fallbackMessage} = latest.current;\n        if (!judge) {\n            return true;\n        }\n        let verdict;\n        try {\n            verdict = await judge(item.file);\n        } catch {\n            verdict = false;\n        }\n        if (verdict === true) {\n            return true;\n        }\n        const message = typeof verdict === 'string' ? verdict : fallbackMessage;\n        if (reject) {\n            reject(item.file, FILE_REJECTION.content, message);\n        } else {\n            toastError(`${item.file?.name}: ${message}`);\n        }\n        return false;\n    }, []);\n\n    // el «subidos X de N» del modo server: cada archivo que termina su subida avisa la cuenta\n    const handleProcessed = useCallback(() => {\n        const report = latest.current.onProcessProgress;\n        if (!report) {\n            return;\n        }\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        report({done: pondItems.filter((item) => item.status === FileStatus.PROCESSING_COMPLETE).length, total: pondItems.length});\n    }, []);\n\n    // lo que pasa de maxFiles ni siquiera entra (FilePond corta lo soltado y solo avisa): el aviso lo damos nosotros\n    const handleWarning = useCallback((warning) => {\n        const {maxFiles: maxFileCount, onReject: reject, t: translate} = latest.current;\n        if (maxFileCount && String(warning?.body ?? '').toLowerCase().includes(MAX_FILES_WARNING)) {\n            if (reject) {\n                reject(null, FILE_REJECTION.count);\n            } else {\n                toastError(translate('upload.tooManyFiles', {count: maxFileCount}));\n            }\n        }\n    }, []);\n\n    // limpiar desde afuera: value vacío (p. ej. después de subir bien) vacía la zona\n    useEffect(() => {\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        if (files.length === 0 && pondItems.length > 0) {\n            pondRef.current.removeFiles();\n        }\n    }, [files]);\n\n    const limitHints = [\n        maxBytes && t('upload.maxSizeHint', {max: formatFileSize(maxBytes)}),\n        maxTotalBytes && t('upload.maxTotalSizeHint', {max: formatFileSize(maxTotalBytes)}),\n        multiple && maxFiles && t('upload.maxFilesHint', {count: maxFiles}),\n    ].filter(Boolean);\n    // con varios archivos se dice cuántos van y cuánto pesan juntos: nadie suma tarjeta por tarjeta\n    const totalBytes = multiple ? files.reduce((sum, file) => sum + (file?.size ?? 0), 0) : 0;\n    const hintText = hint ?? (multiple ? t('upload.hintMultiple') : t('upload.hint'));\n    const chooseText = buttonLabel ?? (multiple ? t('upload.chooseMultiple') : t('upload.choose'));\n\n    return (\n        <PondRoot ownSx={(theme) => pondThemeSxOf(theme)} sx={sx}>\n            <FilePond\n                ref={pondRef}\n                name={pondName}\n                server={server}\n                instantUpload={instantUpload}\n                beforeAddFile={handleBeforeAdd}\n                onprocessfile={handleProcessed}\n                onupdatefiles={syncFromPond}\n                allowMultiple={multiple}\n                maxFiles={multiple ? (maxFiles ?? null) : 1}\n                disabled={isLocked}\n                allowDrop={!isLocked}\n                allowBrowse={!isLocked}\n                allowPaste={!isLocked}\n                allowRemove={!isLocked}\n                allowReplace={!isLocked}\n                credits={false}\n                acceptedFileTypes={acceptedTypes}\n                fileValidateTypeDetectType={detectFileType}\n                fileValidateTypeLabelExpectedTypes={resolvedAccept ?? ''}\n                maxFileSize={maxBytes ? String(maxBytes) : null}\n                maxTotalFileSize={maxTotalBytes ? String(maxTotalBytes) : null}\n                labelIdle={`${hintText} — <span class=\"filepond--label-action\">${chooseText}</span>`}\n                labelFileTypeNotAllowed={typeErrorLabel}\n                labelMaxFileSizeExceeded={t('upload.tooLargeShort')}\n                labelMaxFileSize={maxBytes ? t('upload.maxSizeHint', {max: formatFileSize(maxBytes)}) : ''}\n                labelMaxTotalFileSizeExceeded={totalErrorLabel}\n                labelMaxTotalFileSize={maxTotalBytes ? t('upload.maxTotalSizeHint', {max: formatFileSize(maxTotalBytes)}) : ''}\n                onwarning={handleWarning}\n                onerror={handleError}\n                {...pondLabelsOf(t)}\n            />\n            {multiple && files.length > 0 && (\n                <PondSummary variant=\"body2\" ownSx={{textAlign: 'center', mt: 1, fontWeight: 500}}>\n                    {maxTotalBytes\n                        ? t('upload.summaryOf', {count: files.length, total: formatFileSize(totalBytes), max: formatFileSize(maxTotalBytes)})\n                        : t('upload.summary', {count: files.length, total: formatFileSize(totalBytes)})}\n                </PondSummary>\n            )}\n            {limitHints.length > 0 && (\n                <PondLimits variant=\"caption\" color=\"text.secondary\" ownSx={{display: 'block', textAlign: 'center', mt: 0.5}}>\n                    {limitHints.join(' · ')}\n                </PondLimits>\n            )}\n            {actions && (\n                <PondActions direction={{xs: 'column', sm: 'row'}} spacing={2} ownSx={{justifyContent: 'center', alignItems: {xs: 'stretch', sm: 'center'}, mt: 2}}>\n                    {actions}\n                </PondActions>\n            )}\n            {children && <PondExtra ownSx={{mt: 3}}>{children}</PondExtra>}\n            {busyModal && <ModalWaiting open={busy} title={busyModal.title} text={busyModal.text} />}\n        </PondRoot>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/formatting.js

@@ -1,5 +1,5 @@
 import { parseInstant, parsePlainDate } from "./dates.js";
-import { intlLocaleOf, toolkitSettings } from "./toolkit/toolkitSettings.js";
+import { intlLocaleOf, DEFAULT_HOUR_CYCLE, HOUR_CYCLE, toolkitSettings } from "./toolkit/toolkitSettings.js";
 const formatterCache = /* @__PURE__ */ new Map();
 function formattersOf(settingsOf) {
   function cachedFormatter(kind, options, createFormatter) {
@@ -11,6 +11,11 @@ function formattersOf(settingsOf) {
     }
     return formatterCache.get(cacheKey);
   }
+  function hourOptions() {
+    const hourCycle = settingsOf().hourCycle ?? DEFAULT_HOUR_CYCLE;
+    const hour = hourCycle === HOUR_CYCLE.twelveHours ? "numeric" : "2-digit";
+    return { hour, minute: "2-digit", hourCycle };
+  }
   function formatNumber2(value, fallback = "—") {
     if (value === null || value === void 0 || value === "" || Number.isNaN(Number(value))) {
       return fallback;
@@ -87,9 +92,7 @@ function formattersOf(settingsOf) {
       day: "numeric",
       month: "short",
       year: "numeric",
-      hour: "2-digit",
-      minute: "2-digit",
-      hourCycle: "h23"
+      ...hourOptions()
     };
     const formatter = cachedFormatter("dateTime", options, (locale, formatOptions) => new Intl.DateTimeFormat(locale, formatOptions));
     return formatter.format(instant);
@@ -122,7 +125,7 @@ function formattersOf(settingsOf) {
     }
     const formatter = cachedFormatter(
       "time",
-      { timeZone: settingsOf().timeZone, hour: "2-digit", minute: "2-digit", hourCycle: "h23" },
+      { timeZone: settingsOf().timeZone, ...hourOptions() },
       (locale, options) => new Intl.DateTimeFormat(locale, options)
     );
     return formatter.format(instant);

package/dist/formatting.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatting.js","sources":["../src/formatting.js"],"sourcesContent":["// Cómo se escriben números, porcentajes y fechas en pantalla.\n//\n// Siempre en el idioma activo (es-MX o en-US), las fechas en la zona y los montos en la moneda del proveedor\n// (ToolkitProvider). Cuando una hora necesita rótulo, la pantalla lo escribe con su propio texto («hora del centro de\n// México») y no con la abreviatura de Intl (GMT-6), que no le dice nada a la persona.\n//\n// Los Intl.* se memorizan por idioma: crear un formateador por celda en una tabla de cientos de filas se nota.\n//\n// Dos formas de usarlos:\n//   - sueltos (formatDate, formatNumber…): con la configuración vigente, la del ToolkitProvider de la raíz. Para lo que no\n//     es componente (un aviso, un Excel);\n//   - dentro de un componente, useFormatters() (toolkit/useFormatters.js): con la del proveedor MÁS CERCANO. Con dos\n//     proveedores (una parte de la app en otro idioma, o dos islas de React en una página vieja) cada parte escribe con\n//     el suyo; con los sueltos, el último proveedor que se pintaba le cambiaba el idioma a todos.\n// Los dos salen de formattersOf: una sola versión de cada formato.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {parseInstant, parsePlainDate} from '@/dates.js';\nimport {intlLocaleOf, toolkitSettings} from '@/toolkit/toolkitSettings.js';\n\nconst formatterCache = new Map();\n\n/**\n * Los formatos con la configuración que da settingsOf (se lee en cada llamada: si cambia el idioma, el siguiente formato ya\n * sale en el nuevo).\n *\n * @param {() => {language: string, languages?: Array<{code: string, locale?: string}>, timeZone: string, currency: string}} settingsOf\n */\nexport function formattersOf(settingsOf) {\n    function cachedFormatter(kind, options, createFormatter) {\n        const settings = settingsOf();\n        const locale = intlLocaleOf(settings.language, settings.languages);\n        const cacheKey = `${kind}|${locale}|${JSON.stringify(options)}`;\n        if (!formatterCache.has(cacheKey)) {\n            formatterCache.set(cacheKey, createFormatter(locale, options));\n        }\n        return formatterCache.get(cacheKey);\n    }\n\n    /**\n     * Número con separador de miles: 321,540.\n     *\n     * @param {number|string|null|undefined} value\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatNumber(value, fallback = '—') {\n        if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('number', {maximumFractionDigits: 0},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(value));\n    }\n\n    /**\n     * Una lista en una frase, con su «y» antes de la última parte: «resumen, motivos de rechazo y descargas».\n     *\n     * @param {string[]} items las partes de la lista, ya traducidas\n     * @returns {string} la frase; '' si la lista viene vacía\n     */\n    function formatList(items) {\n        const formatter = cachedFormatter('list', {style: 'long', type: 'conjunction'},\n            (locale, options) => new Intl.ListFormat(locale, options));\n        return formatter.format(items);\n    }\n\n\n    /**\n     * Monto en la moneda del proveedor con dos decimales: $2,567,951.00. Recibe el texto que manda el API (numeric de la base) o un número;\n     * solo pinta, nunca suma (las sumas las hace el backend al centavo).\n     *\n     * @param {number|string|null|undefined} value\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatCurrency(value, fallback = '—') {\n        if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('currency', {\n            style: 'currency', currency: settingsOf().currency, currencyDisplay: 'narrowSymbol', minimumFractionDigits: 2, maximumFractionDigits: 2,\n        }, (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(value));\n    }\n\n    /**\n     * Tamaño de un archivo en la unidad que se lee mejor: 950 B, 12.4 kB, 60.1 MB, 2.3 GB.\n     *\n     * @param {number|null|undefined} bytes\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatFileSize(bytes, fallback = '—') {\n        if (bytes === null || bytes === undefined || Number.isNaN(Number(bytes))) {\n            return fallback;\n        }\n        // unidades de Intl en base 1000, igual que las que enseña el navegador en sus descargas\n        const units = [['gigabyte', 1e9], ['megabyte', 1e6], ['kilobyte', 1e3]];\n        for (const [unit, unitBytes] of units) {\n            if (Number(bytes) >= unitBytes) {\n                const formatter = cachedFormatter(`fileSize-${unit}`, {style: 'unit', unit, maximumFractionDigits: 1},\n                    (locale, options) => new Intl.NumberFormat(locale, options));\n                return formatter.format(Number(bytes) / unitBytes);\n            }\n        }\n        // OJO: con la forma corta Intl no pone plural («74 byte», y «1 B» con el uno); la larga dice «74 bytes» y «1 byte»,\n        // como lo enseña la Mac. Las demás unidades se quedan cortas (kB, MB): ahí la abreviatura sí se lee bien.\n        const formatter = cachedFormatter('fileSize-byte', {style: 'unit', unit: 'byte', unitDisplay: 'long', maximumFractionDigits: 0},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(bytes));\n    }\n\n    /**\n     * Porcentaje a partir de una proporción o de un número ya en porcentaje.\n     *\n     * @param {number|null|undefined} value 99.58 (con isRatio false) o 0.9958 (con isRatio true)\n     * @param {{fractionDigits?: number, isRatio?: boolean, fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatPercent(value, {fractionDigits = 2, isRatio = false, fallback = '—'} = {}) {\n        if (value === null || value === undefined || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const ratio = isRatio ? Number(value) : Number(value) / 100;\n        const formatter = cachedFormatter('percent', {style: 'percent', minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(ratio);\n    }\n\n    /**\n     * Fecha y hora de un instante ISO en la zona del negocio.\n     *\n     * @param {string|null|undefined} value instante ISO con desfase\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatDateTime(value, {fallback = '—'} = {}) {\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const options = {\n            timeZone: settingsOf().timeZone,\n            day: 'numeric', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit', hourCycle: 'h23',\n        };\n        const formatter = cachedFormatter('dateTime', options, (locale, formatOptions) => new Intl.DateTimeFormat(locale, formatOptions));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Solo la fecha. Acepta un instante ISO (se pasa a la zona del negocio) o una fecha de calendario \"2026-08-16\"\n     * (se pinta tal cual, sin moverla de día).\n     *\n     * @param {string|null|undefined} value\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatDate(value, {fallback = '—'} = {}) {\n        const calendarDate = parsePlainDate(value);\n        if (calendarDate) {\n            const formatter = cachedFormatter('plainDate', {timeZone: 'UTC', day: 'numeric', month: 'short', year: 'numeric'},\n                (locale, options) => new Intl.DateTimeFormat(locale, options));\n            // mediodía UTC y Intl en UTC: el mismo día en cualquier zona\n            return formatter.format(new Date(Date.UTC(calendarDate.year, calendarDate.month - 1, calendarDate.day, 12)));\n        }\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('date', {timeZone: settingsOf().timeZone, day: 'numeric', month: 'short', year: 'numeric'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Solo la hora (24 h) de un instante ISO en la zona del negocio: \"07:00\".\n     *\n     * Existe aparte de formatDateTime porque las pantallas escriben \"16 ago 2026 · 07:00\" con punto medio, y Intl une\n     * fecha y hora con coma: se arma formatDate + formatTime.\n     *\n     * @param {string|null|undefined} value instante ISO con desfase\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatTime(value, {fallback = '—'} = {}) {\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('time', {timeZone: settingsOf().timeZone, hour: '2-digit', minute: '2-digit', hourCycle: 'h23'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Nombre de un mes de calendario: \"agosto 2026\" (long) o \"ago 2026\" (short).\n     *\n     * OJO: no se usa Intl con {month, year} juntos porque en español sale \"agosto de 2026\" y las pantallas dicen\n     * \"agosto 2026\"; se pide solo el mes y se pega el año.\n     *\n     * @param {number} year\n     * @param {number} month 1 a 12\n     * @param {{style?: 'long'|'short', capitalize?: boolean}} [options] capitalize: \"Agosto 2026\" (fila de mes)\n     */\n    function formatMonthName(year, month, {style = 'long', capitalize = false} = {}) {\n        if (!Number.isInteger(Number(year)) || !Number.isInteger(Number(month))) {\n            return '—';\n        }\n        const formatter = cachedFormatter('monthName', {timeZone: 'UTC', month: style},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // día 15 a mediodía UTC: el mismo mes en cualquier zona\n        const monthName = formatter.format(new Date(Date.UTC(Number(year), Number(month) - 1, 15, 12))).replace(/\\.$/, '');\n        const label = `${monthName} ${year}`;\n        return capitalize ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n    }\n\n    /**\n     * Nombre corto de un mes sin año: \"ene\", \"feb\" (rótulos de columnas de calendario y rejillas por periodo).\n     *\n     * @param {number} month 1 a 12\n     * @returns {string}\n     */\n    function formatMonthShortName(month) {\n        const formatter = cachedFormatter('monthShortName', {timeZone: 'UTC', month: 'short'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // 2024 empieza en lunes y es bisiesto: da igual, solo se pide el mes a mediodía UTC\n        return formatter.format(new Date(Date.UTC(2024, Number(month) - 1, 15, 12))).replace(/\\.$/, '');\n    }\n\n    /**\n     * Nombre corto de un día de la semana: \"lun\", \"mié\" (renglones del calendario de actividad).\n     *\n     * @param {number} isoWeekday 1 = lunes ... 7 = domingo\n     * @returns {string}\n     */\n    function formatWeekdayShortName(isoWeekday) {\n        const formatter = cachedFormatter('weekdayShortName', {timeZone: 'UTC', weekday: 'short'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // el 1 de enero de 2024 fue lunes: lunes + (isoWeekday - 1) días\n        return formatter.format(new Date(Date.UTC(2024, 0, Number(isoWeekday), 12))).replace(/\\.$/, '');\n    }\n\n    return Object.freeze({\n        formatNumber, formatList, formatCurrency, formatFileSize, formatPercent, formatDateTime, formatDate, formatTime, formatMonthName,\n        formatMonthShortName, formatWeekdayShortName,\n    });\n}\n\n// los sueltos: con la configuración vigente (la del proveedor de la raíz)\nconst currentFormatters = formattersOf(toolkitSettings);\nexport const {\n    formatNumber, formatList, formatCurrency, formatFileSize, formatPercent, formatDateTime, formatDate, formatTime, formatMonthName,\n    formatMonthShortName, formatWeekdayShortName,\n} = currentFormatters;\n\n/**\n * Día del mes de una fecha de calendario (\"2026-08-16\" → 16), sin moverla de zona.\n *\n * @param {string|null|undefined} value\n * @returns {number|null}\n */\nexport function dayOfPlainDate(value) {\n    return parsePlainDate(value)?.day ?? null;\n}\n"],"names":["formatNumber","formatList","formatCurrency","formatFileSize","formatter","formatPercent","formatDateTime","formatDate","formatTime","formatMonthName","formatMonthShortName","formatWeekdayShortName"],"mappings":"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"}
+{"version":3,"file":"formatting.js","sources":["../src/formatting.js"],"sourcesContent":["// Cómo se escriben números, porcentajes y fechas en pantalla.\n//\n// Siempre en el idioma activo (es-MX o en-US), las fechas en la zona y los montos en la moneda del proveedor\n// (ToolkitProvider). Cuando una hora necesita rótulo, la pantalla lo escribe con su propio texto («hora del centro de\n// México») y no con la abreviatura de Intl (GMT-6), que no le dice nada a la persona.\n//\n// Los Intl.* se memorizan por idioma: crear un formateador por celda en una tabla de cientos de filas se nota.\n//\n// Dos formas de usarlos:\n//   - sueltos (formatDate, formatNumber…): con la configuración vigente, la del ToolkitProvider de la raíz. Para lo que no\n//     es componente (un aviso, un Excel);\n//   - dentro de un componente, useFormatters() (toolkit/useFormatters.js): con la del proveedor MÁS CERCANO. Con dos\n//     proveedores (una parte de la app en otro idioma, o dos islas de React en una página vieja) cada parte escribe con\n//     el suyo; con los sueltos, el último proveedor que se pintaba le cambiaba el idioma a todos.\n// Los dos salen de formattersOf: una sola versión de cada formato.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {parseInstant, parsePlainDate} from '@/dates.js';\nimport {DEFAULT_HOUR_CYCLE, HOUR_CYCLE, intlLocaleOf, toolkitSettings} from '@/toolkit/toolkitSettings.js';\n\nconst formatterCache = new Map();\n\n/**\n * Los formatos con la configuración que da settingsOf (se lee en cada llamada: si cambia el idioma, el siguiente formato ya\n * sale en el nuevo).\n *\n * @param {() => {language: string, languages?: Array<{code: string, locale?: string}>, timeZone: string, currency: string, hourCycle?: 'h23'|'h12'}} settingsOf\n */\nexport function formattersOf(settingsOf) {\n    function cachedFormatter(kind, options, createFormatter) {\n        const settings = settingsOf();\n        const locale = intlLocaleOf(settings.language, settings.languages);\n        const cacheKey = `${kind}|${locale}|${JSON.stringify(options)}`;\n        if (!formatterCache.has(cacheKey)) {\n            formatterCache.set(cacheKey, createFormatter(locale, options));\n        }\n        return formatterCache.get(cacheKey);\n    }\n\n    // La hora en Intl según HOUR_CYCLE del proveedor. Con 12 horas la hora va sin cero al frente («3:10 p.m.», como la escribe\n    // la gente); con 24 va con dos cifras («07:00») para que las columnas de horas queden parejas.\n    function hourOptions() {\n        const hourCycle = settingsOf().hourCycle ?? DEFAULT_HOUR_CYCLE;\n        const hour = hourCycle === HOUR_CYCLE.twelveHours ? 'numeric' : '2-digit';\n        return {hour, minute: '2-digit', hourCycle};\n    }\n\n    /**\n     * Número con separador de miles: 321,540.\n     *\n     * @param {number|string|null|undefined} value\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatNumber(value, fallback = '—') {\n        if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('number', {maximumFractionDigits: 0},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(value));\n    }\n\n    /**\n     * Una lista en una frase, con su «y» antes de la última parte: «resumen, motivos de rechazo y descargas».\n     *\n     * @param {string[]} items las partes de la lista, ya traducidas\n     * @returns {string} la frase; '' si la lista viene vacía\n     */\n    function formatList(items) {\n        const formatter = cachedFormatter('list', {style: 'long', type: 'conjunction'},\n            (locale, options) => new Intl.ListFormat(locale, options));\n        return formatter.format(items);\n    }\n\n\n    /**\n     * Monto en la moneda del proveedor con dos decimales: $2,567,951.00. Recibe el texto que manda el API (numeric de la base) o un número;\n     * solo pinta, nunca suma (las sumas las hace el backend al centavo).\n     *\n     * @param {number|string|null|undefined} value\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatCurrency(value, fallback = '—') {\n        if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('currency', {\n            style: 'currency', currency: settingsOf().currency, currencyDisplay: 'narrowSymbol', minimumFractionDigits: 2, maximumFractionDigits: 2,\n        }, (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(value));\n    }\n\n    /**\n     * Tamaño de un archivo en la unidad que se lee mejor: 950 B, 12.4 kB, 60.1 MB, 2.3 GB.\n     *\n     * @param {number|null|undefined} bytes\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatFileSize(bytes, fallback = '—') {\n        if (bytes === null || bytes === undefined || Number.isNaN(Number(bytes))) {\n            return fallback;\n        }\n        // unidades de Intl en base 1000, igual que las que enseña el navegador en sus descargas\n        const units = [['gigabyte', 1e9], ['megabyte', 1e6], ['kilobyte', 1e3]];\n        for (const [unit, unitBytes] of units) {\n            if (Number(bytes) >= unitBytes) {\n                const formatter = cachedFormatter(`fileSize-${unit}`, {style: 'unit', unit, maximumFractionDigits: 1},\n                    (locale, options) => new Intl.NumberFormat(locale, options));\n                return formatter.format(Number(bytes) / unitBytes);\n            }\n        }\n        // OJO: con la forma corta Intl no pone plural («74 byte», y «1 B» con el uno); la larga dice «74 bytes» y «1 byte»,\n        // como lo enseña la Mac. Las demás unidades se quedan cortas (kB, MB): ahí la abreviatura sí se lee bien.\n        const formatter = cachedFormatter('fileSize-byte', {style: 'unit', unit: 'byte', unitDisplay: 'long', maximumFractionDigits: 0},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(bytes));\n    }\n\n    /**\n     * Porcentaje a partir de una proporción o de un número ya en porcentaje.\n     *\n     * @param {number|null|undefined} value 99.58 (con isRatio false) o 0.9958 (con isRatio true)\n     * @param {{fractionDigits?: number, isRatio?: boolean, fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatPercent(value, {fractionDigits = 2, isRatio = false, fallback = '—'} = {}) {\n        if (value === null || value === undefined || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const ratio = isRatio ? Number(value) : Number(value) / 100;\n        const formatter = cachedFormatter('percent', {style: 'percent', minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(ratio);\n    }\n\n    /**\n     * Fecha y hora de un instante ISO en la zona del negocio: \"19 oct 2026, 15:10\" (o \"3:10 p.m.\" con\n     * HOUR_CYCLE.twelveHours en ToolkitProvider).\n     *\n     * @param {string|null|undefined} value instante ISO con desfase\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatDateTime(value, {fallback = '—'} = {}) {\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const options = {\n            timeZone: settingsOf().timeZone,\n            day: 'numeric', month: 'short', year: 'numeric', ...hourOptions(),\n        };\n        const formatter = cachedFormatter('dateTime', options, (locale, formatOptions) => new Intl.DateTimeFormat(locale, formatOptions));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Solo la fecha. Acepta un instante ISO (se pasa a la zona del negocio) o una fecha de calendario \"2026-08-16\"\n     * (se pinta tal cual, sin moverla de día).\n     *\n     * @param {string|null|undefined} value\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatDate(value, {fallback = '—'} = {}) {\n        const calendarDate = parsePlainDate(value);\n        if (calendarDate) {\n            const formatter = cachedFormatter('plainDate', {timeZone: 'UTC', day: 'numeric', month: 'short', year: 'numeric'},\n                (locale, options) => new Intl.DateTimeFormat(locale, options));\n            // mediodía UTC y Intl en UTC: el mismo día en cualquier zona\n            return formatter.format(new Date(Date.UTC(calendarDate.year, calendarDate.month - 1, calendarDate.day, 12)));\n        }\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('date', {timeZone: settingsOf().timeZone, day: 'numeric', month: 'short', year: 'numeric'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Solo la hora de un instante ISO en la zona del negocio: \"07:00\" (o \"7:00 a.m.\" con HOUR_CYCLE.twelveHours).\n     *\n     * Existe aparte de formatDateTime porque las pantallas escriben \"16 ago 2026 · 07:00\" con punto medio, y Intl une\n     * fecha y hora con coma: se arma formatDate + formatTime.\n     *\n     * @param {string|null|undefined} value instante ISO con desfase\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatTime(value, {fallback = '—'} = {}) {\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('time', {timeZone: settingsOf().timeZone, ...hourOptions()},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Nombre de un mes de calendario: \"agosto 2026\" (long) o \"ago 2026\" (short).\n     *\n     * OJO: no se usa Intl con {month, year} juntos porque en español sale \"agosto de 2026\" y las pantallas dicen\n     * \"agosto 2026\"; se pide solo el mes y se pega el año.\n     *\n     * @param {number} year\n     * @param {number} month 1 a 12\n     * @param {{style?: 'long'|'short', capitalize?: boolean}} [options] capitalize: \"Agosto 2026\" (fila de mes)\n     */\n    function formatMonthName(year, month, {style = 'long', capitalize = false} = {}) {\n        if (!Number.isInteger(Number(year)) || !Number.isInteger(Number(month))) {\n            return '—';\n        }\n        const formatter = cachedFormatter('monthName', {timeZone: 'UTC', month: style},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // día 15 a mediodía UTC: el mismo mes en cualquier zona\n        const monthName = formatter.format(new Date(Date.UTC(Number(year), Number(month) - 1, 15, 12))).replace(/\\.$/, '');\n        const label = `${monthName} ${year}`;\n        return capitalize ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n    }\n\n    /**\n     * Nombre corto de un mes sin año: \"ene\", \"feb\" (rótulos de columnas de calendario y rejillas por periodo).\n     *\n     * @param {number} month 1 a 12\n     * @returns {string}\n     */\n    function formatMonthShortName(month) {\n        const formatter = cachedFormatter('monthShortName', {timeZone: 'UTC', month: 'short'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // 2024 empieza en lunes y es bisiesto: da igual, solo se pide el mes a mediodía UTC\n        return formatter.format(new Date(Date.UTC(2024, Number(month) - 1, 15, 12))).replace(/\\.$/, '');\n    }\n\n    /**\n     * Nombre corto de un día de la semana: \"lun\", \"mié\" (renglones del calendario de actividad).\n     *\n     * @param {number} isoWeekday 1 = lunes ... 7 = domingo\n     * @returns {string}\n     */\n    function formatWeekdayShortName(isoWeekday) {\n        const formatter = cachedFormatter('weekdayShortName', {timeZone: 'UTC', weekday: 'short'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // el 1 de enero de 2024 fue lunes: lunes + (isoWeekday - 1) días\n        return formatter.format(new Date(Date.UTC(2024, 0, Number(isoWeekday), 12))).replace(/\\.$/, '');\n    }\n\n    return Object.freeze({\n        formatNumber, formatList, formatCurrency, formatFileSize, formatPercent, formatDateTime, formatDate, formatTime, formatMonthName,\n        formatMonthShortName, formatWeekdayShortName,\n    });\n}\n\n// los sueltos: con la configuración vigente (la del proveedor de la raíz)\nconst currentFormatters = formattersOf(toolkitSettings);\nexport const {\n    formatNumber, formatList, formatCurrency, formatFileSize, formatPercent, formatDateTime, formatDate, formatTime, formatMonthName,\n    formatMonthShortName, formatWeekdayShortName,\n} = currentFormatters;\n\n/**\n * Día del mes de una fecha de calendario (\"2026-08-16\" → 16), sin moverla de zona.\n *\n * @param {string|null|undefined} value\n * @returns {number|null}\n */\nexport function dayOfPlainDate(value) {\n    return parsePlainDate(value)?.day ?? null;\n}\n"],"names":["formatNumber","formatList","formatCurrency","formatFileSize","formatter","formatPercent","formatDateTime","formatDate","formatTime","formatMonthName","formatMonthShortName","formatWeekdayShortName"],"mappings":"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"}

package/dist/forms/FormProblemAlert.js

@@ -3,9 +3,11 @@ import { jsx } from "react/jsx-runtime";
 import { useFormikContext } from "formik";
 import Alert from "@mui/material/Alert";
 import { piecePart } from "../theme/themePieces.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaFormProblemAlert";
 const ProblemAlert = piecePart(THEME_NAME, "Root", Alert);
-function FormProblemAlert({ sx }) {
+function FormProblemAlert({ sx, ...unknownProps }) {
+  warnUnknownProps("FormProblemAlert", unknownProps);
   const { status } = useFormikContext();
   if (!status) {
     return null;