@stackcraftmx/calcita 0.32.2 → 0.47.0

package/dist/ui/cards/RecordCard.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Collapse from "@mui/material/Collapse";
+import IconButton from "@mui/material/IconButton";
+import Paper from "@mui/material/Paper";
+import Stack from "@mui/material/Stack";
+import Tooltip from "@mui/material/Tooltip";
+import Typography from "@mui/material/Typography";
+import ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
+import OpenInNewRoundedIcon from "@mui/icons-material/OpenInNewRounded";
+import { initialsOf } from "../../appShell/menuItemText.js";
+import { piecePart, usePieceProps } from "../../theme/themePieces.js";
+import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
+import { warnUnknownProps } from "../../toolkit/unknownProps.js";
+import ActionsMenu from "../actions/ActionsMenu.js";
+const THEME_NAME = "CalcitaRecordCard";
+const RecordCardRoot = piecePart(THEME_NAME, "Root", Paper);
+const RecordCardHeader = piecePart(THEME_NAME, "Header", Stack);
+const RecordCardAvatar = piecePart(THEME_NAME, "Avatar", Avatar);
+const RecordCardTitles = piecePart(THEME_NAME, "Titles", Box);
+const RecordCardStatus = piecePart(THEME_NAME, "Status", Stack);
+const RecordCardBody = piecePart(THEME_NAME, "Body", Box);
+const RecordCardGroup = piecePart(THEME_NAME, "Group", Box);
+const RecordCardFact = piecePart(THEME_NAME, "Fact", Box);
+const RecordCardHighlight = piecePart(THEME_NAME, "Highlight", Box);
+const RecordCardFooter = piecePart(THEME_NAME, "Footer", Stack);
+const RecordCardDetails = piecePart(THEME_NAME, "Details", Box);
+function RecordCard(props) {
+  const {
+    title,
+    eyebrow,
+    subtitle,
+    avatar,
+    status,
+    actions,
+    groups = [],
+    highlight,
+    trailing,
+    columns,
+    footer,
+    details,
+    detailsLabel,
+    defaultDetailsOpen = false,
+    onDetailsToggle,
+    onOpen,
+    openLabel,
+    header,
+    children,
+    sx,
+    texts,
+    ...unknownProps
+  } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
+  const { t } = useToolkitTranslation("common", texts);
+  const titleId = useId();
+  const detailsId = useId();
+  const [isDetailsOpen, setIsDetailsOpen] = useState(defaultDetailsOpen);
+  const toggleDetails = () => {
+    setIsDetailsOpen((current) => !current);
+    onDetailsToggle?.(!isDetailsOpen);
+  };
+  const hasBody = groups.length > 0 || highlight || trailing;
+  const desktopColumns = columns ?? `${groups.length > 0 ? `repeat(${groups.length}, minmax(0, 1fr))` : ""}${highlight ? " auto" : ""}${trailing ? " auto" : ""}`.trim();
+  return /* @__PURE__ */ jsxs(RecordCardRoot, { variant: "outlined", component: "article", "aria-labelledby": titleId, ownSx: { p: { xs: 2, sm: 2.5 }, minWidth: 0, ...sx }, children: [
+    header ?? /* @__PURE__ */ jsxs(RecordCardHeader, { direction: "row", ownSx: { gap: 1.5, alignItems: "flex-start", flexWrap: { xs: "wrap", sm: "nowrap" } }, children: [
+      avatar && /* @__PURE__ */ jsx(RecordCardAvatar, { ownSx: { width: 44, height: 44, bgcolor: "action.selected", color: "text.primary", fontSize: 16, fontWeight: 600 }, children: typeof avatar === "string" ? initialsOf(avatar) : avatar }),
+      /* @__PURE__ */ jsxs(RecordCardTitles, { ownSx: { flex: 1, minWidth: 0, order: 1 }, children: [
+        eyebrow && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", sx: { fontVariantNumeric: "tabular-nums" }, children: eyebrow }),
+        /* @__PURE__ */ jsx(Typography, { id: titleId, variant: "subtitle1", component: "h3", sx: { fontWeight: 600, overflowWrap: "anywhere" }, children: title }),
+        subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: subtitle })
+      ] }),
+      status && /* @__PURE__ */ jsx(RecordCardStatus, { direction: "row", ownSx: {
+        gap: 0.75,
+        alignItems: "center",
+        flexWrap: "wrap",
+        order: { xs: 3, sm: 2 },
+        flexBasis: { xs: "100%", sm: "auto" },
+        justifyContent: { xs: "flex-start", sm: "flex-end" },
+        maxWidth: { sm: "50%" }
+      }, children: status }),
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { gap: 0.25, alignItems: "center", order: { xs: 2, sm: 3 }, flexShrink: 0 }, children: [
+        onOpen && /* @__PURE__ */ jsx(Tooltip, { title: openLabel ?? t("recordCard.open"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": openLabel ?? t("recordCard.open"), onClick: onOpen, children: /* @__PURE__ */ jsx(OpenInNewRoundedIcon, { fontSize: "small" }) }) }),
+        actions?.length > 0 && /* @__PURE__ */ jsx(ActionsMenu, { label: t("recordCard.actions"), actions, size: "small" })
+      ] })
+    ] }),
+    hasBody && /* @__PURE__ */ jsxs(RecordCardBody, { ownSx: {
+      mt: 2,
+      display: "grid",
+      gap: { xs: 1.5, md: 3 },
+      alignItems: "start",
+      // en escritorio los grupos lado a lado y el dato principal al final; en el teléfono, uno debajo de otro
+      gridTemplateColumns: { xs: "1fr", md: desktopColumns }
+    }, children: [
+      groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(RecordCardGroup, { ownSx: {
+        minWidth: 0,
+        pt: { xs: groupIndex > 0 ? 1.5 : 0, md: 0 },
+        borderTop: { xs: groupIndex > 0 ? 1 : 0, md: 0 },
+        borderColor: "divider"
+      }, children: [
+        group.title && /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", component: "p", sx: { lineHeight: 1.8 }, children: group.title }),
+        group.content ?? /* @__PURE__ */ jsx(Box, { component: "dl", sx: { m: 0, display: "grid", gridTemplateColumns: "auto 1fr", columnGap: 1.5, rowGap: 0.5 }, children: (group.facts ?? []).map((fact, factIndex) => /* @__PURE__ */ jsxs(RecordCardFact, { ownSx: { display: "contents" }, children: [
+          /* @__PURE__ */ jsx(Typography, { component: "dt", variant: "body2", color: "text.secondary", children: fact.label }),
+          /* @__PURE__ */ jsx(Typography, { component: "dd", variant: "body2", sx: { m: 0, textAlign: "right", fontVariantNumeric: "tabular-nums", fontWeight: fact.emphasis ? 600 : 400, overflowWrap: "anywhere" }, children: fact.value })
+        ] }, factIndex)) })
+      ] }, group.key ?? groupIndex)),
+      highlight && /* @__PURE__ */ jsxs(RecordCardHighlight, { ownSx: {
+        textAlign: { xs: "left", md: "right" },
+        pl: { md: 3 },
+        borderLeft: { md: 1 },
+        borderTop: { xs: 1, md: 0 },
+        pt: { xs: 1.5, md: 0 },
+        borderColor: "divider"
+      }, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", component: "p", sx: { lineHeight: 1.8 }, children: highlight.label }),
+        /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "p", sx: { fontWeight: 700, fontVariantNumeric: "tabular-nums", whiteSpace: "nowrap" }, children: highlight.value }),
+        highlight.caption && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", children: highlight.caption })
+      ] }),
+      trailing && /* @__PURE__ */ jsx(Box, { sx: { minWidth: 0, alignSelf: "center", borderTop: { xs: 1, md: 0 }, pt: { xs: 1.5, md: 0 }, borderColor: "divider" }, children: trailing })
+    ] }),
+    children,
+    (footer || details) && /* @__PURE__ */ jsxs(RecordCardFooter, { direction: "row", ownSx: { mt: 2, gap: 1, alignItems: "center", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: footer }),
+      details && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          onClick: toggleDetails,
+          "aria-expanded": isDetailsOpen,
+          "aria-controls": detailsId,
+          endIcon: /* @__PURE__ */ jsx(ExpandMoreRoundedIcon, { sx: { transform: isDetailsOpen ? "rotate(180deg)" : "none", transition: "transform 200ms" } }),
+          children: isDetailsOpen ? t("recordCard.hideDetails") : detailsLabel ?? t("recordCard.showDetails")
+        }
+      )
+    ] }),
+    details && /* @__PURE__ */ jsx(Collapse, { in: isDetailsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsx(RecordCardDetails, { id: detailsId, ownSx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: details }) })
+  ] });
+}
+export {
+  RecordCard as default
+};
+//# sourceMappingURL=RecordCard.js.map

package/dist/ui/cards/RecordCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordCard.js","sources":["../../../src/ui/cards/RecordCard.jsx"],"sourcesContent":["// La tarjeta de un registro (un pedido, un cliente, una solicitud) para listas donde una tabla se queda corta: cada registro\n// con su identidad arriba, sus datos agrupados en el cuerpo y lo que se puede hacer con él. Para una lista de tarjetas,\n// una debajo de otra; con RecordCardSkeleton mientras carga.\n//\n//   encabezado   avatar (iniciales o ícono), eyebrow (el folio), title, subtitle; a la derecha status (estatus e\n//                insignias) y el menú «⋯» (actions)\n//   cuerpo       groups: grupos de datos {title?, facts: [{label, value}]} lado a lado en escritorio y uno debajo de otro en\n//                el teléfono; highlight: el dato principal, grande (el total)\n//   abajo        footer (botones, una cuenta regresiva, un formulario corto) y details: lo que se despliega con «Ver\n//                detalle» (una tabla, un historial), que avisa con onDetailsToggle\n//\n// El ORDEN es el que se da y nada se reacomoda solo: los grupos de izquierda a derecha (de arriba abajo en el teléfono) y\n// los datos de cada grupo en el orden de facts. Para un orden obligatorio (el de un sistema que ya existe, donde el estatus\n// va después de las fechas), trailing es la última columna del cuerpo y columns fija el ancho de cada una.\n//\n// La tarjeta NO se pica entera (la regla de la casa: una acción, un botón): para abrir el registro, onOpen pone su botón.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaRecordCard con defaultProps y\n// styleOverrides de sus partes: root, header, avatar, titles, status, body, group, fact, highlight, footer, details.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId, useState} from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Collapse from '@mui/material/Collapse';\nimport IconButton from '@mui/material/IconButton';\nimport Paper from '@mui/material/Paper';\nimport Stack from '@mui/material/Stack';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport ExpandMoreRoundedIcon from '@mui/icons-material/ExpandMoreRounded';\nimport OpenInNewRoundedIcon from '@mui/icons-material/OpenInNewRounded';\n\nimport {initialsOf} from '@/appShell/menuItemText.js';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport ActionsMenu from '@/ui/actions/ActionsMenu.jsx';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaRecordCard)\nconst THEME_NAME = 'CalcitaRecordCard';\nconst RecordCardRoot = piecePart(THEME_NAME, 'Root', Paper);\nconst RecordCardHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst RecordCardAvatar = piecePart(THEME_NAME, 'Avatar', Avatar);\nconst RecordCardTitles = piecePart(THEME_NAME, 'Titles', Box);\nconst RecordCardStatus = piecePart(THEME_NAME, 'Status', Stack);\nconst RecordCardBody = piecePart(THEME_NAME, 'Body', Box);\nconst RecordCardGroup = piecePart(THEME_NAME, 'Group', Box);\nconst RecordCardFact = piecePart(THEME_NAME, 'Fact', Box);\nconst RecordCardHighlight = piecePart(THEME_NAME, 'Highlight', Box);\nconst RecordCardFooter = piecePart(THEME_NAME, 'Footer', Stack);\nconst RecordCardDetails = piecePart(THEME_NAME, 'Details', Box);\n\n/**\n * @param {object} props\n * @param {import('react').ReactNode} props.title el nombre del registro, ya traducido\n * @param {import('react').ReactNode} [props.eyebrow] arriba del título: el folio o el tipo\n * @param {import('react').ReactNode} [props.subtitle] abajo del título\n * @param {string|import('react').ReactNode} [props.avatar] un texto (de él salen las iniciales) o un ícono\n * @param {import('react').ReactNode} [props.status] a la derecha: StatusChip, IconBadge…\n * @param {Parameters<typeof import('@/ui/actions/ActionsMenu.jsx').default>[0]['actions']} [props.actions] el menú «⋯», con sus secciones,\n *     separadores, ligas y submenús (los renglones de ActionsMenu)\n * @param {Array<{key?: string, title?: import('react').ReactNode, facts?: Array<{label: import('react').ReactNode, value: import('react').ReactNode, emphasis?: boolean}>, content?: import('react').ReactNode}>} [props.groups]\n *     los datos, en grupos; emphasis los pone en negritas; content en lugar de facts para un grupo libre (una barra, unas\n *     insignias, un enlace)\n * @param {import('react').ReactNode} [props.header] un encabezado propio en lugar del de la casa (avatar, títulos, estatus)\n * @param {import('react').ReactNode} [props.children] contenido libre entre el cuerpo y lo de abajo\n * @param {{label: import('react').ReactNode, value: import('react').ReactNode, caption?: import('react').ReactNode}} [props.highlight] el dato principal\n * @param {import('react').ReactNode} [props.trailing] la última columna del cuerpo, después de los grupos y del dato principal\n *     (el estatus o unos botones, cuando el orden obligatorio los pone al final)\n * @param {string} [props.columns] en escritorio, el ancho de cada columna del cuerpo como en CSS ('1.2fr 1fr 1fr auto'); por\n *     omisión, los grupos a partes iguales y el dato principal y trailing a su medida\n * @param {import('react').ReactNode} [props.footer] abajo, a todo lo ancho\n * @param {import('react').ReactNode} [props.details] lo que se despliega con «Ver detalle»\n * @param {string} [props.detailsLabel] ya traducido; por omisión «Ver detalle»\n * @param {boolean} [props.defaultDetailsOpen]\n * @param {(isOpen: boolean) => void} [props.onDetailsToggle]\n * @param {() => void} [props.onOpen] el botón para abrir el registro (su detalle)\n * @param {string} [props.openLabel] ya traducido: el nombre de ese botón («Abrir el pedido P-1203»)\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 RecordCard(props) {\n    const {\n        title, eyebrow, subtitle, avatar, status, actions, groups = [], highlight, trailing, columns, footer, details, detailsLabel, defaultDetailsOpen = false,\n        onDetailsToggle, onOpen, openLabel, header, children, sx, texts,\n        ...unknownProps\n    } = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const titleId = useId();\n    const detailsId = useId();\n    const [isDetailsOpen, setIsDetailsOpen] = useState(defaultDetailsOpen);\n    const toggleDetails = () => {\n        setIsDetailsOpen((current) => !current);\n        onDetailsToggle?.(!isDetailsOpen);\n    };\n    const hasBody = groups.length > 0 || highlight || trailing;\n    // las columnas en escritorio: las que se pidan, o los grupos a partes iguales y lo demás a su medida\n    const desktopColumns = columns ?? `${groups.length > 0 ? `repeat(${groups.length}, minmax(0, 1fr))` : ''}${highlight ? ' auto' : ''}${trailing ? ' auto' : ''}`.trim();\n\n    return (\n        <RecordCardRoot variant=\"outlined\" component=\"article\" aria-labelledby={titleId} ownSx={{p: {xs: 2, sm: 2.5}, minWidth: 0, ...sx}}>\n            {/* en el teléfono el estatus baja abajo del título (si no, le quitaba medio ancho) y arriba quedan los botones */}\n            {header ?? (\n            <RecordCardHeader direction=\"row\" ownSx={{gap: 1.5, alignItems: 'flex-start', flexWrap: {xs: 'wrap', sm: 'nowrap'}}}>\n                {avatar && (\n                    <RecordCardAvatar ownSx={{width: 44, height: 44, bgcolor: 'action.selected', color: 'text.primary', fontSize: 16, fontWeight: 600}}>\n                        {typeof avatar === 'string' ? initialsOf(avatar) : avatar}\n                    </RecordCardAvatar>\n                )}\n                <RecordCardTitles ownSx={{flex: 1, minWidth: 0, order: 1}}>\n                    {eyebrow && <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\" sx={{fontVariantNumeric: 'tabular-nums'}}>{eyebrow}</Typography>}\n                    <Typography id={titleId} variant=\"subtitle1\" component=\"h3\" sx={{fontWeight: 600, overflowWrap: 'anywhere'}}>{title}</Typography>\n                    {subtitle && <Typography variant=\"body2\" color=\"text.secondary\">{subtitle}</Typography>}\n                </RecordCardTitles>\n                {status && (\n                    <RecordCardStatus direction=\"row\" ownSx={{\n                        gap: 0.75, alignItems: 'center', flexWrap: 'wrap', order: {xs: 3, sm: 2},\n                        flexBasis: {xs: '100%', sm: 'auto'}, justifyContent: {xs: 'flex-start', sm: 'flex-end'}, maxWidth: {sm: '50%'},\n                    }}>\n                        {status}\n                    </RecordCardStatus>\n                )}\n                <Stack direction=\"row\" sx={{gap: 0.25, alignItems: 'center', order: {xs: 2, sm: 3}, flexShrink: 0}}>\n                    {onOpen && (\n                        <Tooltip title={openLabel ?? t('recordCard.open')}>\n                            <IconButton size=\"small\" aria-label={openLabel ?? t('recordCard.open')} onClick={onOpen}><OpenInNewRoundedIcon fontSize=\"small\" /></IconButton>\n                        </Tooltip>\n                    )}\n                    {actions?.length > 0 && <ActionsMenu label={t('recordCard.actions')} actions={actions} size=\"small\" />}\n                </Stack>\n            </RecordCardHeader>\n            )}\n\n            {hasBody && (\n                <RecordCardBody ownSx={{\n                    mt: 2, display: 'grid', gap: {xs: 1.5, md: 3}, alignItems: 'start',\n                    // en escritorio los grupos lado a lado y el dato principal al final; en el teléfono, uno debajo de otro\n                    gridTemplateColumns: {xs: '1fr', md: desktopColumns},\n                }}>\n                    {groups.map((group, groupIndex) => (\n                        <RecordCardGroup key={group.key ?? groupIndex} ownSx={{\n                            minWidth: 0, pt: {xs: groupIndex > 0 ? 1.5 : 0, md: 0}, borderTop: {xs: groupIndex > 0 ? 1 : 0, md: 0}, borderColor: 'divider',\n                        }}>\n                            {group.title && <Typography variant=\"overline\" color=\"text.secondary\" component=\"p\" sx={{lineHeight: 1.8}}>{group.title}</Typography>}\n                            {group.content ?? (\n                            <Box component=\"dl\" sx={{m: 0, display: 'grid', gridTemplateColumns: 'auto 1fr', columnGap: 1.5, rowGap: 0.5}}>\n                                {(group.facts ?? []).map((fact, factIndex) => (\n                                    <RecordCardFact key={factIndex} ownSx={{display: 'contents'}}>\n                                        <Typography component=\"dt\" variant=\"body2\" color=\"text.secondary\">{fact.label}</Typography>\n                                        <Typography component=\"dd\" variant=\"body2\" sx={{m: 0, textAlign: 'right', fontVariantNumeric: 'tabular-nums', fontWeight: fact.emphasis ? 600 : 400, overflowWrap: 'anywhere'}}>\n                                            {fact.value}\n                                        </Typography>\n                                    </RecordCardFact>\n                                ))}\n                            </Box>\n                            )}\n                        </RecordCardGroup>\n                    ))}\n                    {highlight && (\n                        <RecordCardHighlight ownSx={{\n                            textAlign: {xs: 'left', md: 'right'}, pl: {md: 3}, borderLeft: {md: 1}, borderTop: {xs: 1, md: 0}, pt: {xs: 1.5, md: 0}, borderColor: 'divider',\n                        }}>\n                            <Typography variant=\"overline\" color=\"text.secondary\" component=\"p\" sx={{lineHeight: 1.8}}>{highlight.label}</Typography>\n                            <Typography variant=\"h5\" component=\"p\" sx={{fontWeight: 700, fontVariantNumeric: 'tabular-nums', whiteSpace: 'nowrap'}}>{highlight.value}</Typography>\n                            {highlight.caption && <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\">{highlight.caption}</Typography>}\n                        </RecordCardHighlight>\n                    )}\n                    {trailing && (\n                        <Box sx={{minWidth: 0, alignSelf: 'center', borderTop: {xs: 1, md: 0}, pt: {xs: 1.5, md: 0}, borderColor: 'divider'}}>{trailing}</Box>\n                    )}\n                </RecordCardBody>\n            )}\n\n            {children}\n            {(footer || details) && (\n                <RecordCardFooter direction=\"row\" ownSx={{mt: 2, gap: 1, alignItems: 'center', flexWrap: 'wrap'}}>\n                    <Box sx={{flex: 1, minWidth: 0}}>{footer}</Box>\n                    {details && (\n                        <Button size=\"small\" onClick={toggleDetails} aria-expanded={isDetailsOpen} aria-controls={detailsId}\n                                endIcon={<ExpandMoreRoundedIcon sx={{transform: isDetailsOpen ? 'rotate(180deg)' : 'none', transition: 'transform 200ms'}} />}>\n                            {isDetailsOpen ? t('recordCard.hideDetails') : (detailsLabel ?? t('recordCard.showDetails'))}\n                        </Button>\n                    )}\n                </RecordCardFooter>\n            )}\n            {details && (\n                <Collapse in={isDetailsOpen} unmountOnExit>\n                    <RecordCardDetails id={detailsId} ownSx={{mt: 2, pt: 2, borderTop: 1, borderColor: 'divider'}}>{details}</RecordCardDetails>\n                </Collapse>\n            )}\n        </RecordCardRoot>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/ui/cards/RecordCardSkeleton.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Paper from "@mui/material/Paper";
+import Skeleton from "@mui/material/Skeleton";
+import Stack from "@mui/material/Stack";
+import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
+import { warnUnknownProps } from "../../toolkit/unknownProps.js";
+function RecordCardSkeleton({ groups = 2, factsPerGroup = 3, withAvatar = true, withHighlight = true, sx, texts, ...unknownProps }) {
+  warnUnknownProps("RecordCardSkeleton", unknownProps);
+  const { t } = useToolkitTranslation("common", texts);
+  return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", role: "status", "aria-label": t("recordCard.loading"), sx: { p: { xs: 2, sm: 2.5 }, ...sx }, children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { gap: 1.5, alignItems: "center" }, children: [
+      withAvatar && /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 44, height: 44 }),
+      /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx(Skeleton, { width: "20%" }),
+        /* @__PURE__ */ jsx(Skeleton, { width: "45%", height: 28 })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: 88, height: 24 })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: { mt: 2, display: "grid", gap: 3, gridTemplateColumns: { xs: "1fr", md: `repeat(${groups}, 1fr)${withHighlight ? " 140px" : ""}` } }, children: [
+      Array.from({ length: groups }, (unused, groupIndex) => /* @__PURE__ */ jsx(Box, { children: Array.from({ length: factsPerGroup }, (unusedFact, factIndex) => /* @__PURE__ */ jsx(Skeleton, {}, factIndex)) }, groupIndex)),
+      withHighlight && /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Skeleton, { width: "60%" }),
+        /* @__PURE__ */ jsx(Skeleton, { height: 36 })
+      ] })
+    ] })
+  ] });
+}
+export {
+  RecordCardSkeleton as default
+};
+//# sourceMappingURL=RecordCardSkeleton.js.map

package/dist/ui/cards/RecordCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordCardSkeleton.js","sources":["../../../src/ui/cards/RecordCardSkeleton.jsx"],"sourcesContent":["// El esqueleto de RecordCard mientras llega la lista: la misma forma (avatar, títulos, grupos de datos y dato principal),\n// así la página no brinca cuando aparecen las tarjetas de verdad. Para un lector de pantalla dice «Cargando».\n//\n// Genérico del paquete: function (regla de la casa).\nimport Box from '@mui/material/Box';\nimport Paper from '@mui/material/Paper';\nimport Skeleton from '@mui/material/Skeleton';\nimport Stack from '@mui/material/Stack';\n\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n/**\n * @param {object} props\n * @param {number} [props.groups] cuántos grupos de datos (como los de la tarjeta)\n * @param {number} [props.factsPerGroup]\n * @param {boolean} [props.withAvatar]\n * @param {boolean} [props.withHighlight]\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 RecordCardSkeleton({groups = 2, factsPerGroup = 3, withAvatar = true, withHighlight = true, sx, texts, ...unknownProps}) {\n    warnUnknownProps('RecordCardSkeleton', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    return (\n        <Paper variant=\"outlined\" role=\"status\" aria-label={t('recordCard.loading')} sx={{p: {xs: 2, sm: 2.5}, ...sx}}>\n            <Stack direction=\"row\" sx={{gap: 1.5, alignItems: 'center'}}>\n                {withAvatar && <Skeleton variant=\"circular\" width={44} height={44} />}\n                <Box sx={{flex: 1}}>\n                    <Skeleton width=\"20%\" />\n                    <Skeleton width=\"45%\" height={28} />\n                </Box>\n                <Skeleton variant=\"rounded\" width={88} height={24} />\n            </Stack>\n            <Box sx={{mt: 2, display: 'grid', gap: 3, gridTemplateColumns: {xs: '1fr', md: `repeat(${groups}, 1fr)${withHighlight ? ' 140px' : ''}`}}}>\n                {Array.from({length: groups}, (unused, groupIndex) => (\n                    <Box key={groupIndex}>\n                        {Array.from({length: factsPerGroup}, (unusedFact, factIndex) => <Skeleton key={factIndex} />)}\n                    </Box>\n                ))}\n                {withHighlight && <Box><Skeleton width=\"60%\" /><Skeleton height={36} /></Box>}\n            </Box>\n        </Paper>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;AAqBA,SAAwB,mBAAmB,EAAC,SAAS,GAAG,gBAAgB,GAAG,aAAa,MAAM,gBAAgB,MAAM,IAAI,OAAO,GAAG,gBAAe;AAC7I,mBAAiB,sBAAsB,YAAY;AACnD,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,SACI,qBAAC,SAAM,SAAQ,YAAW,MAAK,UAAS,cAAY,EAAE,oBAAoB,GAAG,IAAI,EAAC,GAAG,EAAC,IAAI,GAAG,IAAI,OAAM,GAAG,GAAA,GACtG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAM,WAAU,OAAM,IAAI,EAAC,KAAK,KAAK,YAAY,SAAA,GAC7C,UAAA;AAAA,MAAA,kCAAe,UAAA,EAAS,SAAQ,YAAW,OAAO,IAAI,QAAQ,IAAI;AAAA,2BAClE,KAAA,EAAI,IAAI,EAAC,MAAM,KACZ,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAS,OAAM,MAAA,CAAM;AAAA,QACtB,oBAAC,UAAA,EAAS,OAAM,OAAM,QAAQ,GAAA,CAAI;AAAA,MAAA,GACtC;AAAA,0BACC,UAAA,EAAS,SAAQ,WAAU,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,IAAA,GACvD;AAAA,IACA,qBAAC,OAAI,IAAI,EAAC,IAAI,GAAG,SAAS,QAAQ,KAAK,GAAG,qBAAqB,EAAC,IAAI,OAAO,IAAI,UAAU,MAAM,SAAS,gBAAgB,WAAW,EAAE,GAAA,EAAE,GAClI,UAAA;AAAA,MAAA,MAAM,KAAK,EAAC,QAAQ,OAAA,GAAS,CAAC,QAAQ,eACnC,oBAAC,KAAA,EACI,UAAA,MAAM,KAAK,EAAC,QAAQ,cAAA,GAAgB,CAAC,YAAY,cAAc,oBAAC,UAAA,CAAA,GAAc,SAAW,CAAE,EAAA,GADtF,UAEV,CACH;AAAA,MACA,sCAAkB,KAAA,EAAI,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAS,OAAM,MAAA,CAAM;AAAA,QAAE,oBAAC,UAAA,EAAS,QAAQ,GAAA,CAAI;AAAA,MAAA,EAAA,CAAE;AAAA,IAAA,EAAA,CAC3E;AAAA,EAAA,GACJ;AAER;"}

package/dist/ui/countdown/Countdown.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Typography from "@mui/material/Typography";
+import { piecePart, usePieceProps } from "../../theme/themePieces.js";
+import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
+import { warnUnknownProps } from "../../toolkit/unknownProps.js";
+import { countdownClockOf } from "./countdownParts.js";
+import { useCountdown } from "./useCountdown.js";
+const THEME_NAME = "CalcitaCountdown";
+const CountdownRoot = piecePart(THEME_NAME, "Root", Typography);
+function Countdown(props) {
+  const {
+    until,
+    label,
+    onComplete,
+    completedText,
+    showSeconds = true,
+    children,
+    variant = "body1",
+    sx,
+    texts,
+    ...unknownProps
+  } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
+  const { t } = useToolkitTranslation("common", texts);
+  const { parts, isOver } = useCountdown(until, { onComplete });
+  if (typeof children === "function") {
+    return children(parts);
+  }
+  if (isOver) {
+    return /* @__PURE__ */ jsx(CountdownRoot, { variant, role: "status", ownSx: { fontVariantNumeric: "tabular-nums" }, sx, children: completedText ?? t("countdown.done") });
+  }
+  return /* @__PURE__ */ jsx(CountdownRoot, { variant, role: "timer", "aria-label": label, ownSx: { fontVariantNumeric: "tabular-nums" }, sx, children: countdownClockOf(parts, { daysLabel: t("countdown.daysShort"), showSeconds }) });
+}
+export {
+  Countdown as default
+};
+//# sourceMappingURL=Countdown.js.map

package/dist/ui/countdown/Countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.js","sources":["../../../src/ui/countdown/Countdown.jsx"],"sourcesContent":["// La cuenta regresiva ya pintada: «02:14:30» hasta un momento (el cierre de unas inscripciones, el inicio de una cita, el fin de\n// una oferta), con días cuando faltan («3 d 02:14:30»), y lo que dice al llegar a cero («Ya terminó»). Avisa con onComplete\n// una sola vez.\n//\n// Para un lector de pantalla es un temporizador (role=\"timer\"): no anuncia cada segundo, sí el final (role=\"status\").\n// Con children como función se pinta a su manera: children(parts) recibe {days, hours, minutes, seconds, isOver}.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaCountdown con defaultProps y\n// styleOverrides de su parte root.\n//\n// Genérico del paquete: function (regla de la casa).\nimport Typography from '@mui/material/Typography';\n\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport {countdownClockOf} from '@/ui/countdown/countdownParts.js';\nimport {useCountdown} from '@/ui/countdown/useCountdown.js';\n\n// el nombre de la pieza en el tema y su parte (theme.components.CalcitaCountdown)\nconst THEME_NAME = 'CalcitaCountdown';\nconst CountdownRoot = piecePart(THEME_NAME, 'Root', Typography);\n\n/**\n * @param {object} props\n * @param {string|number|Date} props.until el momento: un instante en texto, un Date o milisegundos\n * @param {string} [props.label] ya traducido: qué se cuenta («Tiempo para que cierren las inscripciones»), para un lector de pantalla\n * @param {() => void} [props.onComplete] al llegar a cero (una vez)\n * @param {import('react').ReactNode} [props.completedText] lo que dice al terminar; por omisión «Ya terminó»\n * @param {boolean} [props.showSeconds] por omisión, sí\n * @param {(parts: {days: number, hours: number, minutes: number, seconds: number, totalSeconds: number, isOver: boolean}) => import('react').ReactNode} [props.children]\n *     para pintarla a su manera\n * @param {import('@mui/material/Typography').TypographyProps['variant']} [props.variant] por omisión body1\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 Countdown(props) {\n    const {\n        until, label, onComplete, completedText, showSeconds = true, children, variant = 'body1', sx, texts,\n        ...unknownProps\n    } = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const {parts, isOver} = useCountdown(until, {onComplete});\n\n    if (typeof children === 'function') {\n        return children(parts);\n    }\n    if (isOver) {\n        return (\n            <CountdownRoot variant={variant} role=\"status\" ownSx={{fontVariantNumeric: 'tabular-nums'}} sx={sx}>\n                {completedText ?? t('countdown.done')}\n            </CountdownRoot>\n        );\n    }\n    return (\n        <CountdownRoot variant={variant} role=\"timer\" aria-label={label} ownSx={{fontVariantNumeric: 'tabular-nums'}} sx={sx}>\n            {countdownClockOf(parts, {daysLabel: t('countdown.daysShort'), showSeconds})}\n        </CountdownRoot>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;AAoBA,MAAM,aAAa;AACnB,MAAM,gBAAgB,UAAU,YAAY,QAAQ,UAAU;AAe9D,SAAwB,UAAU,OAAO;AACrC,QAAM;AAAA,IACF;AAAA,IAAO;AAAA,IAAO;AAAA,IAAY;AAAA,IAAe,cAAc;AAAA,IAAM;AAAA,IAAU,UAAU;AAAA,IAAS;AAAA,IAAI;AAAA,IAC9F,GAAG;AAAA,EAAA,IACH,cAAc,OAAO,UAAU;AACnC,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,EAAC,OAAO,OAAA,IAAU,aAAa,OAAO,EAAC,YAAW;AAExD,MAAI,OAAO,aAAa,YAAY;AAChC,WAAO,SAAS,KAAK;AAAA,EACzB;AACA,MAAI,QAAQ;AACR,WACI,oBAAC,eAAA,EAAc,SAAkB,MAAK,UAAS,OAAO,EAAC,oBAAoB,eAAA,GAAiB,IACvF,UAAA,iBAAiB,EAAE,gBAAgB,GACxC;AAAA,EAER;AACA,SACI,oBAAC,iBAAc,SAAkB,MAAK,SAAQ,cAAY,OAAO,OAAO,EAAC,oBAAoB,kBAAiB,IACzG,UAAA,iBAAiB,OAAO,EAAC,WAAW,EAAE,qBAAqB,GAAG,YAAA,CAAY,GAC/E;AAER;"}

package/dist/ui/countdown/countdownParts.js

@@ -0,0 +1,34 @@
+const MILLISECONDS_PER_SECOND = 1e3;
+const SECONDS_PER_MINUTE = 60;
+const SECONDS_PER_HOUR = 3600;
+const SECONDS_PER_DAY = 86400;
+const TWO_DIGITS = 2;
+function instantMillisecondsOf(until) {
+  if (until instanceof Date) {
+    return until.getTime();
+  }
+  return typeof until === "number" ? until : Date.parse(until);
+}
+function countdownPartsOf(until, now) {
+  const remainingMilliseconds = instantMillisecondsOf(until) - now;
+  const totalSeconds = Number.isFinite(remainingMilliseconds) && remainingMilliseconds > 0 ? Math.ceil(remainingMilliseconds / MILLISECONDS_PER_SECOND) : 0;
+  return {
+    days: Math.floor(totalSeconds / SECONDS_PER_DAY),
+    hours: Math.floor(totalSeconds % SECONDS_PER_DAY / SECONDS_PER_HOUR),
+    minutes: Math.floor(totalSeconds % SECONDS_PER_HOUR / SECONDS_PER_MINUTE),
+    seconds: totalSeconds % SECONDS_PER_MINUTE,
+    totalSeconds,
+    isOver: totalSeconds === 0
+  };
+}
+function countdownClockOf({ days, hours, minutes, seconds }, { daysLabel = "d", showSeconds = true } = {}) {
+  const twoDigits = (value) => String(value).padStart(TWO_DIGITS, "0");
+  const clock = [hours, minutes, ...showSeconds ? [seconds] : []].map(twoDigits).join(":");
+  return days > 0 ? `${days} ${daysLabel} ${clock}` : clock;
+}
+export {
+  countdownClockOf,
+  countdownPartsOf,
+  instantMillisecondsOf
+};
+//# sourceMappingURL=countdownParts.js.map

package/dist/ui/countdown/countdownParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdownParts.js","sources":["../../../src/ui/countdown/countdownParts.js"],"sourcesContent":["// Cuánto falta para un momento (el cierre de unas inscripciones, el inicio de una cita, el fin de una oferta), en días, horas,\n// minutos y segundos, y cómo se escribe como reloj. Lo usan useCountdown y Countdown.\n//\n// Puro (sin React): se prueba con node (countdownParts.test.js).\n//\n// Genérico del paquete: function (regla de la casa).\n\nconst MILLISECONDS_PER_SECOND = 1000;\nconst SECONDS_PER_MINUTE = 60;\nconst SECONDS_PER_HOUR = 3600;\nconst SECONDS_PER_DAY = 86_400;\nconst TWO_DIGITS = 2;\n\n/**\n * El momento en milisegundos: un instante en texto ('2026-11-01T18:30:00Z'), un Date o milisegundos.\n *\n * @param {string|number|Date} until\n * @returns {number} NaN si no se entiende\n */\nexport function instantMillisecondsOf(until) {\n    if (until instanceof Date) {\n        return until.getTime();\n    }\n    return typeof until === 'number' ? until : Date.parse(until);\n}\n\n/**\n * Lo que falta, partido. Ya pasado (o un momento que no se entiende) es todo en cero con isOver.\n *\n * @param {string|number|Date} until\n * @param {number} now milisegundos de ahora (Date.now())\n * @returns {{days: number, hours: number, minutes: number, seconds: number, totalSeconds: number, isOver: boolean}}\n */\nexport function countdownPartsOf(until, now) {\n    const remainingMilliseconds = instantMillisecondsOf(until) - now;\n    // se redondea hacia arriba: con 0.4 s por delante todavía dice 00:00:01 y no «ya terminó» antes de tiempo\n    const totalSeconds = Number.isFinite(remainingMilliseconds) && remainingMilliseconds > 0\n        ? Math.ceil(remainingMilliseconds / MILLISECONDS_PER_SECOND)\n        : 0;\n    return {\n        days: Math.floor(totalSeconds / SECONDS_PER_DAY),\n        hours: Math.floor((totalSeconds % SECONDS_PER_DAY) / SECONDS_PER_HOUR),\n        minutes: Math.floor((totalSeconds % SECONDS_PER_HOUR) / SECONDS_PER_MINUTE),\n        seconds: totalSeconds % SECONDS_PER_MINUTE,\n        totalSeconds,\n        isOver: totalSeconds === 0,\n    };\n}\n\n/**\n * Lo que falta como reloj: «02:14:30»; con días, «3 d 02:14:30» (la letra del día la da el idioma); sin segundos,\n * «02:14».\n *\n * @param {{days: number, hours: number, minutes: number, seconds: number}} parts\n * @param {{daysLabel?: string, showSeconds?: boolean}} [options] daysLabel: la abreviatura de días ya traducida ('d')\n * @returns {string}\n */\nexport function countdownClockOf({days, hours, minutes, seconds}, {daysLabel = 'd', showSeconds = true} = {}) {\n    const twoDigits = (value) => String(value).padStart(TWO_DIGITS, '0');\n    const clock = [hours, minutes, ...(showSeconds ? [seconds] : [])].map(twoDigits).join(':');\n    return days > 0 ? `${days} ${daysLabel} ${clock}` : clock;\n}\n"],"names":[],"mappings":"AAOA,MAAM,0BAA0B;AAChC,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AAQZ,SAAS,sBAAsB,OAAO;AACzC,MAAI,iBAAiB,MAAM;AACvB,WAAO,MAAM,QAAO;AAAA,EACxB;AACA,SAAO,OAAO,UAAU,WAAW,QAAQ,KAAK,MAAM,KAAK;AAC/D;AASO,SAAS,iBAAiB,OAAO,KAAK;AACzC,QAAM,wBAAwB,sBAAsB,KAAK,IAAI;AAE7D,QAAM,eAAe,OAAO,SAAS,qBAAqB,KAAK,wBAAwB,IACjF,KAAK,KAAK,wBAAwB,uBAAuB,IACzD;AACN,SAAO;AAAA,IACH,MAAM,KAAK,MAAM,eAAe,eAAe;AAAA,IAC/C,OAAO,KAAK,MAAO,eAAe,kBAAmB,gBAAgB;AAAA,IACrE,SAAS,KAAK,MAAO,eAAe,mBAAoB,kBAAkB;AAAA,IAC1E,SAAS,eAAe;AAAA,IACxB;AAAA,IACA,QAAQ,iBAAiB;AAAA,EACjC;AACA;AAUO,SAAS,iBAAiB,EAAC,MAAM,OAAO,SAAS,QAAO,GAAG,EAAC,YAAY,KAAK,cAAc,KAAI,IAAI,CAAA,GAAI;AAC1G,QAAM,YAAY,CAAC,UAAU,OAAO,KAAK,EAAE,SAAS,YAAY,GAAG;AACnE,QAAM,QAAQ,CAAC,OAAO,SAAS,GAAI,cAAc,CAAC,OAAO,IAAI,CAAA,CAAG,EAAE,IAAI,SAAS,EAAE,KAAK,GAAG;AACzF,SAAO,OAAO,IAAI,GAAG,IAAI,IAAI,SAAS,IAAI,KAAK,KAAK;AACxD;"}

package/dist/ui/countdown/useCountdown.js

@@ -0,0 +1,35 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+import { countdownPartsOf } from "./countdownParts.js";
+const TICK_MILLISECONDS = 1e3;
+function useCountdown(until, { onComplete, now = Date.now } = {}) {
+  const [parts, setParts] = useState(() => countdownPartsOf(until, now()));
+  const latest = useRef({ onComplete, now });
+  latest.current = { onComplete, now };
+  useEffect(() => {
+    let hasCompleted = false;
+    const tick = () => {
+      const current = countdownPartsOf(until, latest.current.now());
+      setParts(current);
+      if (current.isOver && !hasCompleted) {
+        hasCompleted = true;
+        latest.current.onComplete?.();
+      }
+      return current.isOver;
+    };
+    if (tick()) {
+      return void 0;
+    }
+    const timer = setInterval(() => {
+      if (tick()) {
+        clearInterval(timer);
+      }
+    }, TICK_MILLISECONDS);
+    return () => clearInterval(timer);
+  }, [until]);
+  return { parts, isOver: parts.isOver };
+}
+export {
+  useCountdown
+};
+//# sourceMappingURL=useCountdown.js.map

package/dist/ui/countdown/useCountdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountdown.js","sources":["../../../src/ui/countdown/useCountdown.js"],"sourcesContent":["// Cuánto falta para un momento, al día cada segundo, y avisar una sola vez al llegar a cero (onComplete). Para pintar la\n// cuenta a su manera; Countdown es la que ya viene pintada.\n//\n//   const {parts, isOver} = useCountdown(registration.closes_at, {onComplete: reloadRegistration});\n//\n// Mientras ya terminó no corre ningún reloj de fondo, y al desmontar se apaga.\n//\n// Hook genérico: function (regla de la casa).\nimport {useEffect, useRef, useState} from 'react';\n\nimport {countdownPartsOf} from '@/ui/countdown/countdownParts.js';\n\nconst TICK_MILLISECONDS = 1000;\n\n/**\n * @param {string|number|Date} until el momento: un instante en texto, un Date o milisegundos\n * @param {{onComplete?: () => void, now?: () => number}} [options] onComplete: al llegar a cero (una vez); now: el reloj\n *     (para probar con una hora fija)\n * @returns {{parts: ReturnType<typeof countdownPartsOf>, isOver: boolean}}\n */\nexport function useCountdown(until, {onComplete, now = Date.now} = {}) {\n    const [parts, setParts] = useState(() => countdownPartsOf(until, now()));\n    // lo último de afuera, sin rearmar el reloj cada vez que la pantalla pinta otra función\n    const latest = useRef({onComplete, now});\n    latest.current = {onComplete, now};\n\n    useEffect(() => {\n        let hasCompleted = false;\n        const tick = () => {\n            const current = countdownPartsOf(until, latest.current.now());\n            setParts(current);\n            if (current.isOver && !hasCompleted) {\n                hasCompleted = true;\n                latest.current.onComplete?.();\n            }\n            return current.isOver;\n        };\n        // ya terminó al llegar: se avisa y no se arma el reloj\n        if (tick()) {\n            return undefined;\n        }\n        const timer = setInterval(() => {\n            if (tick()) {\n                clearInterval(timer);\n            }\n        }, TICK_MILLISECONDS);\n        return () => clearInterval(timer);\n    }, [until]);\n\n    return {parts, isOver: parts.isOver};\n}\n"],"names":[],"mappings":";;;AAYA,MAAM,oBAAoB;AAQnB,SAAS,aAAa,OAAO,EAAC,YAAY,MAAM,KAAK,IAAG,IAAI,IAAI;AACnE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM,iBAAiB,OAAO,IAAG,CAAE,CAAC;AAEvE,QAAM,SAAS,OAAO,EAAC,YAAY,IAAG,CAAC;AACvC,SAAO,UAAU,EAAC,YAAY,IAAG;AAEjC,YAAU,MAAM;AACZ,QAAI,eAAe;AACnB,UAAM,OAAO,MAAM;AACf,YAAM,UAAU,iBAAiB,OAAO,OAAO,QAAQ,KAAK;AAC5D,eAAS,OAAO;AAChB,UAAI,QAAQ,UAAU,CAAC,cAAc;AACjC,uBAAe;AACf,eAAO,QAAQ,aAAU;AAAA,MAC7B;AACA,aAAO,QAAQ;AAAA,IACnB;AAEA,QAAI,KAAI,GAAI;AACR,aAAO;AAAA,IACX;AACA,UAAM,QAAQ,YAAY,MAAM;AAC5B,UAAI,KAAI,GAAI;AACR,sBAAc,KAAK;AAAA,MACvB;AAAA,IACJ,GAAG,iBAAiB;AACpB,WAAO,MAAM,cAAc,KAAK;AAAA,EACpC,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,EAAC,OAAO,QAAQ,MAAM,OAAM;AACvC;"}

package/dist/ui/documents/PdfViewerDialog.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+import Box from "@mui/material/Box";
+import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
+import OpenInNewRoundedIcon from "@mui/icons-material/OpenInNewRounded";
+import { piecePart, usePieceProps } from "../../theme/themePieces.js";
+import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
+import { warnUnknownProps } from "../../toolkit/unknownProps.js";
+import ContentDialog from "../layout/ContentDialog.js";
+const THEME_NAME = "CalcitaPdfViewerDialog";
+const ViewerActions = piecePart(THEME_NAME, "Actions", Stack);
+const ViewerFrame = piecePart(THEME_NAME, "Frame", "iframe");
+function usePdfUrl(src) {
+  const [blobUrl, setBlobUrl] = useState(null);
+  const isBlob = typeof Blob !== "undefined" && src instanceof Blob;
+  useEffect(() => {
+    if (!isBlob) {
+      setBlobUrl(null);
+      return void 0;
+    }
+    const url = URL.createObjectURL(src);
+    setBlobUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [isBlob, src]);
+  if (isBlob) {
+    return blobUrl;
+  }
+  return typeof src === "string" && src ? src : null;
+}
+function PdfViewerDialog(props) {
+  const { open, onClose, title, src, fileName, actions, onDownload, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
+  const { t } = useToolkitTranslation("common", texts);
+  const pdfUrl = usePdfUrl(open ? src : null);
+  return /* @__PURE__ */ jsxs(ContentDialog, { open, onClose, title, texts, children: [
+    /* @__PURE__ */ jsxs(ViewerActions, { direction: "row", ownSx: { gap: 1, flexWrap: "wrap", mb: 2 }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "outlined",
+          startIcon: /* @__PURE__ */ jsx(OpenInNewRoundedIcon, {}),
+          href: pdfUrl ?? void 0,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          disabled: !pdfUrl,
+          children: t("pdfViewer.openInTab")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "outlined",
+          startIcon: /* @__PURE__ */ jsx(FileDownloadOutlinedIcon, {}),
+          href: pdfUrl ?? void 0,
+          download: fileName ?? `${title}.pdf`,
+          disabled: !pdfUrl,
+          onClick: onDownload,
+          children: t("pdfViewer.download")
+        }
+      ),
+      actions
+    ] }),
+    pdfUrl ? /* @__PURE__ */ jsx(
+      ViewerFrame,
+      {
+        src: pdfUrl,
+        title,
+        ownSx: { display: "block", width: "100%", height: { xs: "62vh", md: "72vh" }, border: 0, borderRadius: 1, bgcolor: "action.hover" }
+      }
+    ) : /* @__PURE__ */ jsx(Box, { sx: { height: { xs: "62vh", md: "72vh" }, borderRadius: 1, bgcolor: "action.hover" } })
+  ] });
+}
+export {
+  PdfViewerDialog as default
+};
+//# sourceMappingURL=PdfViewerDialog.js.map

package/dist/ui/documents/PdfViewerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerDialog.js","sources":["../../../src/ui/documents/PdfViewerDialog.jsx"],"sourcesContent":["// Un PDF en una ventana: el aviso de privacidad, un contrato, un estado de cuenta. Lo pinta el visor del navegador (sin\n// librerías: nada que descargar ni que actualizar) en la hoja de lectura de la casa (ContentDialog), con «Abrir en otra\n// pestaña» y «Descargar» arriba.\n//\n// OJO: en el iPhone el visor dentro de la página enseña solo la primera hoja y en algunos navegadores no se pinta; por eso\n// los dos botones siempre están a la vista: abrirlo aparte o bajarlo funciona en todos.\n//\n// src es la dirección del PDF o el archivo mismo (un Blob que mandó el API, un File elegido): del archivo se arma una\n// dirección en el navegador, sin subirlo, y se libera al cerrar.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaPdfViewerDialog con defaultProps y\n// styleOverrides de sus partes: actions, frame.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useState} from 'react';\nimport Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport Box from '@mui/material/Box';\nimport FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';\nimport OpenInNewRoundedIcon from '@mui/icons-material/OpenInNewRounded';\n\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport ContentDialog from '@/ui/layout/ContentDialog.jsx';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaPdfViewerDialog)\nconst THEME_NAME = 'CalcitaPdfViewerDialog';\nconst ViewerActions = piecePart(THEME_NAME, 'Actions', Stack);\nconst ViewerFrame = piecePart(THEME_NAME, 'Frame', 'iframe');\n\n/**\n * La dirección del PDF: la que llega tal cual, o una del navegador para un archivo (se libera al cambiarlo o al cerrar).\n *\n * @param {string|Blob|null|undefined} src\n * @returns {string|null}\n */\nfunction usePdfUrl(src) {\n    const [blobUrl, setBlobUrl] = useState(null);\n    const isBlob = typeof Blob !== 'undefined' && src instanceof Blob;\n\n    useEffect(() => {\n        if (!isBlob) {\n            setBlobUrl(null);\n            return undefined;\n        }\n        const url = URL.createObjectURL(src);\n        setBlobUrl(url);\n        return () => URL.revokeObjectURL(url);\n    }, [isBlob, src]);\n\n    if (isBlob) {\n        return blobUrl;\n    }\n    return typeof src === 'string' && src ? src : null;\n}\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {() => void} props.onClose\n * @param {string} props.title ya traducido: qué documento es\n * @param {string|Blob|null} props.src la dirección del PDF o el archivo (Blob o File)\n * @param {string} [props.fileName] con qué nombre se descarga (por omisión, el título con .pdf)\n * @param {import('react').ReactNode} [props.actions] botones suyos junto a «Abrir en otra pestaña» y «Descargar»\n * @param {() => void} [props.onDownload] al descargar (para registrarlo, por ejemplo)\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function PdfViewerDialog(props) {\n    const {open, onClose, title, src, fileName, actions, onDownload, texts, ...unknownProps} = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const pdfUrl = usePdfUrl(open ? src : null);\n\n    return (\n        <ContentDialog open={open} onClose={onClose} title={title} texts={texts}>\n            <ViewerActions direction=\"row\" ownSx={{gap: 1, flexWrap: 'wrap', mb: 2}}>\n                <Button size=\"small\" variant=\"outlined\" startIcon={<OpenInNewRoundedIcon />} href={pdfUrl ?? undefined} target=\"_blank\"\n                        rel=\"noopener noreferrer\" disabled={!pdfUrl}>\n                    {t('pdfViewer.openInTab')}\n                </Button>\n                <Button size=\"small\" variant=\"outlined\" startIcon={<FileDownloadOutlinedIcon />} href={pdfUrl ?? undefined}\n                        download={fileName ?? `${title}.pdf`} disabled={!pdfUrl} onClick={onDownload}>\n                    {t('pdfViewer.download')}\n                </Button>\n                {actions}\n            </ViewerActions>\n            {pdfUrl ? (\n                <ViewerFrame src={pdfUrl} title={title}\n                             ownSx={{display: 'block', width: '100%', height: {xs: '62vh', md: '72vh'}, border: 0, borderRadius: 1, bgcolor: 'action.hover'}} />\n            ) : (\n                <Box sx={{height: {xs: '62vh', md: '72vh'}, borderRadius: 1, bgcolor: 'action.hover'}} />\n            )}\n        </ContentDialog>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AA2BA,MAAM,aAAa;AACnB,MAAM,gBAAgB,UAAU,YAAY,WAAW,KAAK;AAC5D,MAAM,cAAc,UAAU,YAAY,SAAS,QAAQ;AAQ3D,SAAS,UAAU,KAAK;AACpB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,SAAS,OAAO,SAAS,eAAe,eAAe;AAE7D,YAAU,MAAM;AACZ,QAAI,CAAC,QAAQ;AACT,iBAAW,IAAI;AACf,aAAO;AAAA,IACX;AACA,UAAM,MAAM,IAAI,gBAAgB,GAAG;AACnC,eAAW,GAAG;AACd,WAAO,MAAM,IAAI,gBAAgB,GAAG;AAAA,EACxC,GAAG,CAAC,QAAQ,GAAG,CAAC;AAEhB,MAAI,QAAQ;AACR,WAAO;AAAA,EACX;AACA,SAAO,OAAO,QAAQ,YAAY,MAAM,MAAM;AAClD;AAaA,SAAwB,gBAAgB,OAAO;AAC3C,QAAM,EAAC,MAAM,SAAS,OAAO,KAAK,UAAU,SAAS,YAAY,OAAO,GAAG,aAAA,IAAgB,cAAc,OAAO,UAAU;AAC1H,mBAAiB,YAAY,YAAY;AACzC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,SAAS,UAAU,OAAO,MAAM,IAAI;AAE1C,SACI,qBAAC,eAAA,EAAc,MAAY,SAAkB,OAAc,OACvD,UAAA;AAAA,IAAA,qBAAC,eAAA,EAAc,WAAU,OAAM,OAAO,EAAC,KAAK,GAAG,UAAU,QAAQ,IAAI,EAAA,GACjE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAAO,MAAK;AAAA,UAAQ,SAAQ;AAAA,UAAW,+BAAY,sBAAA,EAAqB;AAAA,UAAI,MAAM,UAAU;AAAA,UAAW,QAAO;AAAA,UACvG,KAAI;AAAA,UAAsB,UAAU,CAAC;AAAA,UACxC,YAAE,qBAAqB;AAAA,QAAA;AAAA,MAAA;AAAA,MAE5B;AAAA,QAAC;AAAA,QAAA;AAAA,UAAO,MAAK;AAAA,UAAQ,SAAQ;AAAA,UAAW,+BAAY,0BAAA,EAAyB;AAAA,UAAI,MAAM,UAAU;AAAA,UACzF,UAAU,YAAY,GAAG,KAAK;AAAA,UAAQ,UAAU,CAAC;AAAA,UAAQ,SAAS;AAAA,UACrE,YAAE,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,MAE1B;AAAA,IAAA,GACL;AAAA,IACC,SACG;AAAA,MAAC;AAAA,MAAA;AAAA,QAAY,KAAK;AAAA,QAAQ;AAAA,QACb,OAAO,EAAC,SAAS,SAAS,OAAO,QAAQ,QAAQ,EAAC,IAAI,QAAQ,IAAI,UAAS,QAAQ,GAAG,cAAc,GAAG,SAAS,eAAA;AAAA,MAAc;AAAA,IAAA,IAE3I,oBAAC,KAAA,EAAI,IAAI,EAAC,QAAQ,EAAC,IAAI,QAAQ,IAAI,UAAS,cAAc,GAAG,SAAS,iBAAc,CAAG;AAAA,EAAA,GAE/F;AAER;"}