@stackcraftmx/calcita 0.32.2 → 0.51.0

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';\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;"}
+{"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, withPieceSlots} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.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 */\nfunction NewBuildNoticeContent(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\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst NewBuildNotice = withPieceSlots(NewBuildNoticeContent, THEME_NAME);\nexport default NewBuildNotice;\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,SAAS,sBAAsB,OAAO;AAElC,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;AAGA,MAAM,iBAAiB,eAAe,uBAAuB,UAAU;"}

package/dist/filepond/FileDropzone.js

@@ -15,7 +15,7 @@ import { toastError } from "../feedback/toast.js";
 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 { piecePart, withPieceSlots, usePieceProps } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaPondDropzone";
 const PondRoot = piecePart(THEME_NAME, "Root", Box);
@@ -80,7 +80,7 @@ function pondThemeSxOf(theme) {
     "& .filepond--file, & .filepond--file-action-button": { color: palette.primary.contrastText }
   };
 }
-function FileDropzone(props) {
+function FileDropzoneContent(props) {
   const {
     value = null,
     onChange,
@@ -261,6 +261,7 @@ function FileDropzone(props) {
     busyModal && /* @__PURE__ */ jsx(ModalWaiting, { open: busy, title: busyModal.title, text: busyModal.text })
   ] });
 }
+const FileDropzone = withPieceSlots(FileDropzoneContent, THEME_NAME);
 export {
   FileDropzone as default
 };

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';\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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"}
+{"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, withPieceSlots} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.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 */\nfunction FileDropzoneContent(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\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst FileDropzone = withPieceSlots(FileDropzoneContent, THEME_NAME);\nexport default FileDropzone;\n"],"names":[],"mappings":"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"}

package/dist/forms/FormAttachmentsField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import AttachmentsInput from "../upload/AttachmentsInput.js";
+function FormAttachmentsField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(AttachmentsInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormAttachmentsField as default
+};
+//# sourceMappingURL=FormAttachmentsField.js.map

package/dist/forms/FormAttachmentsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAttachmentsField.js","sources":["../../src/forms/FormAttachmentsField.jsx"],"sourcesContent":["// Campo de varios archivos de formik: AttachmentsInput (upload/) conectado a su campo. Al formulario llega la lista de\n// archivos; subirlos es de la pantalla al guardar (uploadWithProgress con su FormData).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport AttachmentsInput from '@/upload/AttachmentsInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/upload/AttachmentsInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     AttachmentsInput (accept, maxFiles, maxTotalSize, template…), sin value / onChange / onBlur / error\n */\nexport default function FormAttachmentsField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <AttachmentsInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,qBAAqB,EAAC,MAAM,GAAG,cAAa;AAChE,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,kBAAA,EAAkB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC7D;"}

package/dist/forms/FormCheckboxGroupField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import CheckboxGroupInput from "../inputs/CheckboxGroupInput.js";
+function FormCheckboxGroupField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(CheckboxGroupInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormCheckboxGroupField as default
+};
+//# sourceMappingURL=FormCheckboxGroupField.js.map

package/dist/forms/FormCheckboxGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxGroupField.js","sources":["../../src/forms/FormCheckboxGroupField.jsx"],"sourcesContent":["// El grupo de casillas de formik: CheckboxGroupInput (inputs/) conectado a su campo por name. Al formulario llega la\n// lista de las marcadas.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport CheckboxGroupInput from '@/inputs/CheckboxGroupInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/CheckboxGroupInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     CheckboxGroupInput, sin value / onChange / onBlur / error\n */\nexport default function FormCheckboxGroupField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <CheckboxGroupInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,uBAAuB,EAAC,MAAM,GAAG,cAAa;AAClE,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,oBAAA,EAAoB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC/D;"}

package/dist/forms/FormFileField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import FileInput from "../upload/FileInput.js";
+function FormFileField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(FileInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormFileField as default
+};
+//# sourceMappingURL=FormFileField.js.map

package/dist/forms/FormFileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFileField.js","sources":["../../src/forms/FormFileField.jsx"],"sourcesContent":["// Campo de un archivo de formik: FileInput (upload/) conectado a su campo. Al formulario llega el File (o lo que ya estaba\n// guardado) o null; subirlo es de la pantalla al guardar (uploadWithProgress con su FormData).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport FileInput from '@/upload/FileInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/upload/FileInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     FileInput (accept, maxSize, template…), sin value / onChange / onBlur / error\n */\nexport default function FormFileField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <FileInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,cAAc,EAAC,MAAM,GAAG,cAAa;AACzD,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,WAAA,EAAW,GAAG,YAAa,GAAG,WAAA,CAAY;AACtD;"}

package/dist/forms/FormFileUploadField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import FileUploadInput from "../upload/FileUploadInput.js";
+function FormFileUploadField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(FileUploadInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormFileUploadField as default
+};
+//# sourceMappingURL=FormFileUploadField.js.map

package/dist/forms/FormFileUploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFileUploadField.js","sources":["../../src/forms/FormFileUploadField.jsx"],"sourcesContent":["// El cargador mini de formik: FileUploadInput (upload/) conectado a su campo. Sube en cuanto se elige y al formulario llega\n// solo el id que dio el servidor ('' mientras sube o si se quita): con Yup.string().required() pide el documento.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport FileUploadInput from '@/upload/FileUploadInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/upload/FileUploadInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     FileUploadInput (upload, accept, maxSize, download…), sin value / onChange / onBlur / error\n */\nexport default function FormFileUploadField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <FileUploadInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,oBAAoB,EAAC,MAAM,GAAG,cAAa;AAC/D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,iBAAA,EAAiB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC5D;"}

package/dist/forms/FormImageField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import ImageInput from "../upload/ImageInput.js";
+function FormImageField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(ImageInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormImageField as default
+};
+//# sourceMappingURL=FormImageField.js.map

package/dist/forms/FormImageField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormImageField.js","sources":["../../src/forms/FormImageField.jsx"],"sourcesContent":["// Campo de una imagen de formik: ImageInput (upload/) conectado a su campo. Al formulario llega el File, la dirección de la\n// imagen guardada o null; subirla es de la pantalla al guardar (uploadWithProgress con su FormData).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport ImageInput from '@/upload/ImageInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/upload/ImageInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     ImageInput (shape, size, maxSize…), sin value / onChange / onBlur / error\n */\nexport default function FormImageField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <ImageInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,eAAe,EAAC,MAAM,GAAG,cAAa;AAC1D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,YAAA,EAAY,GAAG,YAAa,GAAG,WAAA,CAAY;AACvD;"}

package/dist/forms/FormMaskedField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import MaskedInput from "../inputs/MaskedInput.js";
+function FormMaskedField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(MaskedInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormMaskedField as default
+};
+//# sourceMappingURL=FormMaskedField.js.map

package/dist/forms/FormMaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMaskedField.js","sources":["../../src/forms/FormMaskedField.jsx"],"sourcesContent":["// Campo con máscara de formik: MaskedInput (inputs/) conectado a su campo. Al formulario llega el valor LIMPIO (sin\n// separadores, en mayúsculas): «5551234567», no «555 123 4567».\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport MaskedInput from '@/inputs/MaskedInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/MaskedInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props\n *     las de MaskedInput (mask, label, helperText, placeholder…)\n */\nexport default function FormMaskedField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <MaskedInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,gBAAgB,EAAC,MAAM,GAAG,cAAa;AAC3D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,aAAA,EAAa,GAAG,YAAa,GAAG,WAAA,CAAY;AACxD;"}

package/dist/forms/FormProblemAlert.js

@@ -2,11 +2,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormikContext } from "formik";
 import Alert from "@mui/material/Alert";
-import { piecePart } from "../theme/themePieces.js";
+import { piecePart, withPieceSlots } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaFormProblemAlert";
 const ProblemAlert = piecePart(THEME_NAME, "Root", Alert);
-function FormProblemAlert({ sx, ...unknownProps }) {
+function FormProblemAlertContent({ sx, ...unknownProps }) {
   warnUnknownProps("FormProblemAlert", unknownProps);
   const { status } = useFormikContext();
   if (!status) {
@@ -14,6 +14,7 @@ function FormProblemAlert({ sx, ...unknownProps }) {
   }
   return /* @__PURE__ */ jsx(ProblemAlert, { severity: "error", role: "alert", sx, children: status });
 }
+const FormProblemAlert = withPieceSlots(FormProblemAlertContent, THEME_NAME);
 export {
   FormProblemAlert as default
 };

package/dist/forms/FormProblemAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormProblemAlert.js","sources":["../../src/forms/FormProblemAlert.jsx"],"sourcesContent":["// El aviso de arriba del formulario de formik: lo que el servidor dijo que no es de un campo (sin conexión, un 409, un 500)\n// o el error de un campo que el formulario no tiene. applyServerProblem lo deja en el status de formik; aquí se pinta.\n//\n// Sin mensaje no pinta nada ni ocupa lugar.\n//\n// Se cambia desde el tema del proyecto: components.CalcitaFormProblemAlert con styleOverrides.root.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikContext} from 'formik';\nimport Alert from '@mui/material/Alert';\nimport {piecePart} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y su parte (theme.components.CalcitaFormProblemAlert): el estilo del proyecto va\n// después del de MUI y el sx de la pantalla al final\nconst THEME_NAME = 'CalcitaFormProblemAlert';\nconst ProblemAlert = piecePart(THEME_NAME, 'Root', Alert);\n\n/**\n * @param {{sx?: object}} props\n */\nexport default function FormProblemAlert({sx, ...unknownProps}) {\n    warnUnknownProps('FormProblemAlert', unknownProps);\n    const {status} = useFormikContext();\n\n    // guard clause: sin aviso del servidor\n    if (!status) {\n        return null;\n    }\n    return <ProblemAlert severity=\"error\" role=\"alert\" sx={sx}>{status}</ProblemAlert>;\n}\n"],"names":[],"mappings":";;;;;;AAeA,MAAM,aAAa;AACnB,MAAM,eAAe,UAAU,YAAY,QAAQ,KAAK;AAKxD,SAAwB,iBAAiB,EAAC,IAAI,GAAG,gBAAe;AAC5D,mBAAiB,oBAAoB,YAAY;AACjD,QAAM,EAAC,OAAA,IAAU,iBAAA;AAGjB,MAAI,CAAC,QAAQ;AACT,WAAO;AAAA,EACX;AACA,6BAAQ,cAAA,EAAa,UAAS,SAAQ,MAAK,SAAQ,IAAS,UAAA,QAAO;AACvE;"}
+{"version":3,"file":"FormProblemAlert.js","sources":["../../src/forms/FormProblemAlert.jsx"],"sourcesContent":["// El aviso de arriba del formulario de formik: lo que el servidor dijo que no es de un campo (sin conexión, un 409, un 500)\n// o el error de un campo que el formulario no tiene. applyServerProblem lo deja en el status de formik; aquí se pinta.\n//\n// Sin mensaje no pinta nada ni ocupa lugar.\n//\n// Se cambia desde el tema del proyecto: components.CalcitaFormProblemAlert con styleOverrides.root.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikContext} from 'formik';\nimport Alert from '@mui/material/Alert';\nimport {piecePart, withPieceSlots} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y su parte (theme.components.CalcitaFormProblemAlert): el estilo del proyecto va\n// después del de MUI y el sx de la pantalla al final\nconst THEME_NAME = 'CalcitaFormProblemAlert';\nconst ProblemAlert = piecePart(THEME_NAME, 'Root', Alert);\n\n/**\n * @param {{sx?: object}} props\n */\nfunction FormProblemAlertContent({sx, ...unknownProps}) {\n    warnUnknownProps('FormProblemAlert', unknownProps);\n    const {status} = useFormikContext();\n\n    // guard clause: sin aviso del servidor\n    if (!status) {\n        return null;\n    }\n    return <ProblemAlert severity=\"error\" role=\"alert\" sx={sx}>{status}</ProblemAlert>;\n}\n\nconst FormProblemAlert = withPieceSlots(FormProblemAlertContent, THEME_NAME);\nexport default FormProblemAlert;\n"],"names":[],"mappings":";;;;;;AAeA,MAAM,aAAa;AACnB,MAAM,eAAe,UAAU,YAAY,QAAQ,KAAK;AAKxD,SAAS,wBAAwB,EAAC,IAAI,GAAG,gBAAe;AACpD,mBAAiB,oBAAoB,YAAY;AACjD,QAAM,EAAC,OAAA,IAAU,iBAAA;AAGjB,MAAI,CAAC,QAAQ;AACT,WAAO;AAAA,EACX;AACA,6BAAQ,cAAA,EAAa,UAAS,SAAQ,MAAK,SAAQ,IAAS,UAAA,QAAO;AACvE;AAEA,MAAM,mBAAmB,eAAe,yBAAyB,UAAU;"}

package/dist/forms/FormRepeatingFields.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikContext, getIn } from "formik";
+import RepeatingFields from "../inputs/RepeatingFields.js";
+import { useRowKeys } from "../inputs/useRowKeys.js";
+const EMPTY_ROWS = Object.freeze([]);
+function rowErrorsOf(errors, name, index) {
+  const rowErrors = getIn(errors, `${name}.${index}`);
+  return rowErrors && typeof rowErrors === "object" ? rowErrors : null;
+}
+function FormRepeatingFields({ name, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps }) {
+  const { values, errors, touched, submitCount, setFieldValue } = useFormikContext();
+  const rows = getIn(values, name) ?? EMPTY_ROWS;
+  const rowKeys = useRowKeys(rows.length);
+  const listError = getIn(errors, name);
+  const isListLevelError = typeof listError === "string" || Boolean(listError?.key);
+  const wasTouched = submitCount > 0 || Boolean(getIn(touched, name));
+  const add = () => {
+    rowKeys.added();
+    setFieldValue(name, [...rows, { ...emptyRow }]);
+    onAdd?.(rows.length);
+  };
+  const remove = (index) => {
+    const removedRow = rows[index];
+    rowKeys.removed(index);
+    setFieldValue(name, rows.filter((unused, rowIndex) => rowIndex !== index));
+    onRemove?.(removedRow, index);
+  };
+  const clear = (index) => {
+    const clearedRow = rows[index];
+    rowKeys.renewed(index);
+    setFieldValue(name, rows.map((row, rowIndex) => rowIndex === index ? { ...emptyRow } : row));
+    onRemove?.(clearedRow, index);
+  };
+  return /* @__PURE__ */ jsx(
+    RepeatingFields,
+    {
+      ...viewProps,
+      rowKeys: rowKeys.keys,
+      renderRow: (index) => renderRow({ index, row: rows[index], nameOf: (field) => `${name}.${index}.${field}` }),
+      onAdd: add,
+      onRemove: remove,
+      onClear: clear,
+      removeBlockedReasonOf: removeBlockedReason ? (index) => removeBlockedReason(rows[index], index) : void 0,
+      confirmRemoveOf: confirmRemove ? (index) => confirmRemove(rows[index], index) : void 0,
+      rowHasErrorOf: (index) => wasTouched && rowErrorsOf(errors, name, index) !== null,
+      error: wasTouched && isListLevelError ? listError : void 0
+    }
+  );
+}
+export {
+  FormRepeatingFields as default
+};
+//# sourceMappingURL=FormRepeatingFields.js.map

package/dist/forms/FormRepeatingFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRepeatingFields.js","sources":["../../src/forms/FormRepeatingFields.jsx"],"sourcesContent":["// Renglones que se repiten en formik: RepeatingFields (inputs/) conectado a una lista del formulario por name. Agregar,\n// quitar y limpiar cambian la lista; cada campo de adentro se conecta solo con su nombre (nameOf('email') →\n// 'contacts.2.email') y enseña su error de yup.\n//\n//   <FormRepeatingFields name=\"contacts\" label=\"Contactos\" emptyRow={{name: '', email: ''}} maxRows={5}\n//                        renderRow={({nameOf}) => (<>\n//                            <FormTextField name={nameOf('name')} label=\"Nombre\" />\n//                            <FormTextField name={nameOf('email')} label=\"Correo\" />\n//                        </>)} />\n//\n// Lo que dice si un renglón se puede quitar (removeBlockedReason, confirmRemove) y los avisos (onAdd, onRemove) reciben el\n// renglón con sus valores. El error de toda la lista (la suma se pasa del tope) sale abajo de «Agregar».\n//\n// OJO, de formik: guarda en el mismo lugar el error de la lista y los de sus renglones, y si hay de los dos se queda con\n// los de los renglones. El de la lista sale en cuanto los renglones ya no tienen errores (mientras, no se guarda). Para\n// que se vea mientras se escribe, un resumen en vivo en `footer` (listTotalOf). Con react-hook-form salen los dos.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {getIn, useFormikContext} from 'formik';\n\nimport RepeatingFields from '@/inputs/RepeatingFields.jsx';\nimport {useRowKeys} from '@/inputs/useRowKeys.js';\n\nconst EMPTY_ROWS = Object.freeze([]);\n\n/**\n * Los errores de los campos de un renglón ({email: …}); null si no tiene. Ojo: el error de toda la lista también vive en\n * errors[name] (como {key, values}), junto a los de cada renglón.\n *\n * @param {object} errors los de formik\n * @param {string} name\n * @param {number} index\n * @returns {object|null}\n */\nfunction rowErrorsOf(errors, name, index) {\n    const rowErrors = getIn(errors, `${name}.${index}`);\n    return rowErrors && typeof rowErrors === 'object' ? rowErrors : null;\n}\n\n/**\n * @param {{\n *   name: string,\n *   emptyRow: object,\n *   renderRow: (row: {index: number, row: any, nameOf: (field: string) => string}) => import('react').ReactNode,\n *   removeBlockedReason?: (row: any, index: number) => string|null,\n *   confirmRemove?: (row: any, index: number) => boolean,\n *   onAdd?: (index: number) => void,\n *   onRemove?: (row: any, index: number) => void,\n * } & Omit<Parameters<typeof import('@/inputs/RepeatingFields.jsx').default>[0], 'rowKeys'|'renderRow'|'onAdd'|'onRemove'|'onClear'|'removeBlockedReasonOf'|'confirmRemoveOf'|'rowHasErrorOf'|'error'>} props\n *     name: la lista del formulario; emptyRow: cómo empieza un renglón nuevo; lo demás, lo de RepeatingFields\n */\nexport default function FormRepeatingFields({name, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps}) {\n    const {values, errors, touched, submitCount, setFieldValue} = useFormikContext();\n    const rows = getIn(values, name) ?? EMPTY_ROWS;\n    const rowKeys = useRowKeys(rows.length);\n    const listError = getIn(errors, name);\n    // el error de toda la lista: un texto o {key, values} (los de los renglones vienen en sus campos)\n    const isListLevelError = typeof listError === 'string' || Boolean(listError?.key);\n    const wasTouched = submitCount > 0 || Boolean(getIn(touched, name));\n\n    const add = () => {\n        rowKeys.added();\n        setFieldValue(name, [...rows, {...emptyRow}]);\n        onAdd?.(rows.length);\n    };\n    const remove = (index) => {\n        const removedRow = rows[index];\n        rowKeys.removed(index);\n        setFieldValue(name, rows.filter((unused, rowIndex) => rowIndex !== index));\n        onRemove?.(removedRow, index);\n    };\n    const clear = (index) => {\n        const clearedRow = rows[index];\n        rowKeys.renewed(index);\n        setFieldValue(name, rows.map((row, rowIndex) => (rowIndex === index ? {...emptyRow} : row)));\n        onRemove?.(clearedRow, index);\n    };\n\n    return (\n        <RepeatingFields\n            {...viewProps}\n            rowKeys={rowKeys.keys}\n            renderRow={(index) => renderRow({index, row: rows[index], nameOf: (field) => `${name}.${index}.${field}`})}\n            onAdd={add}\n            onRemove={remove}\n            onClear={clear}\n            removeBlockedReasonOf={removeBlockedReason ? (index) => removeBlockedReason(rows[index], index) : undefined}\n            confirmRemoveOf={confirmRemove ? (index) => confirmRemove(rows[index], index) : undefined}\n            rowHasErrorOf={(index) => wasTouched && rowErrorsOf(errors, name, index) !== null}\n            error={wasTouched && isListLevelError ? listError : undefined}\n        />\n    );\n}\n"],"names":[],"mappings":";;;;;AAuBA,MAAM,aAAa,OAAO,OAAO,EAAE;AAWnC,SAAS,YAAY,QAAQ,MAAM,OAAO;AACtC,QAAM,YAAY,MAAM,QAAQ,GAAG,IAAI,IAAI,KAAK,EAAE;AAClD,SAAO,aAAa,OAAO,cAAc,WAAW,YAAY;AACpE;AAcA,SAAwB,oBAAoB,EAAC,MAAM,UAAU,WAAW,qBAAqB,eAAe,OAAO,UAAU,GAAG,aAAY;AACxI,QAAM,EAAC,QAAQ,QAAQ,SAAS,aAAa,cAAA,IAAiB,iBAAA;AAC9D,QAAM,OAAO,MAAM,QAAQ,IAAI,KAAK;AACpC,QAAM,UAAU,WAAW,KAAK,MAAM;AACtC,QAAM,YAAY,MAAM,QAAQ,IAAI;AAEpC,QAAM,mBAAmB,OAAO,cAAc,YAAY,QAAQ,WAAW,GAAG;AAChF,QAAM,aAAa,cAAc,KAAK,QAAQ,MAAM,SAAS,IAAI,CAAC;AAElE,QAAM,MAAM,MAAM;AACd,YAAQ,MAAA;AACR,kBAAc,MAAM,CAAC,GAAG,MAAM,EAAC,GAAG,SAAA,CAAS,CAAC;AAC5C,YAAQ,KAAK,MAAM;AAAA,EACvB;AACA,QAAM,SAAS,CAAC,UAAU;AACtB,UAAM,aAAa,KAAK,KAAK;AAC7B,YAAQ,QAAQ,KAAK;AACrB,kBAAc,MAAM,KAAK,OAAO,CAAC,QAAQ,aAAa,aAAa,KAAK,CAAC;AACzE,eAAW,YAAY,KAAK;AAAA,EAChC;AACA,QAAM,QAAQ,CAAC,UAAU;AACrB,UAAM,aAAa,KAAK,KAAK;AAC7B,YAAQ,QAAQ,KAAK;AACrB,kBAAc,MAAM,KAAK,IAAI,CAAC,KAAK,aAAc,aAAa,QAAQ,EAAC,GAAG,SAAA,IAAY,GAAI,CAAC;AAC3F,eAAW,YAAY,KAAK;AAAA,EAChC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,SAAS,QAAQ;AAAA,MACjB,WAAW,CAAC,UAAU,UAAU,EAAC,OAAO,KAAK,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,GAAG,IAAI,IAAI,KAAK,IAAI,KAAK,IAAG;AAAA,MACzG,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MACT,uBAAuB,sBAAsB,CAAC,UAAU,oBAAoB,KAAK,KAAK,GAAG,KAAK,IAAI;AAAA,MAClG,iBAAiB,gBAAgB,CAAC,UAAU,cAAc,KAAK,KAAK,GAAG,KAAK,IAAI;AAAA,MAChF,eAAe,CAAC,UAAU,cAAc,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,MAC7E,OAAO,cAAc,mBAAmB,YAAY;AAAA,IAAA;AAAA,EAAA;AAGhE;"}

package/dist/forms/FormTransferListField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "./useFormikField.js";
+import TransferListInput from "../inputs/TransferListInput.js";
+function FormTransferListField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(TransferListInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormTransferListField as default
+};
+//# sourceMappingURL=FormTransferListField.js.map

package/dist/forms/FormTransferListField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTransferListField.js","sources":["../../src/forms/FormTransferListField.jsx"],"sourcesContent":["// La lista de transferencia de formik: TransferListInput (inputs/) conectada a su campo por name. Al formulario llega la\n// lista de los elegidos.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport TransferListInput from '@/inputs/TransferListInput.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/TransferListInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     TransferListInput, sin value / onChange / onBlur / error\n */\nexport default function FormTransferListField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <TransferListInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,sBAAsB,EAAC,MAAM,GAAG,cAAa;AACjE,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,mBAAA,EAAmB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC9D;"}

package/dist/forms/SubmitButton.js

@@ -3,11 +3,16 @@ import { jsx } from "react/jsx-runtime";
 import { useFormikContext } from "formik";
 import Button from "@mui/material/Button";
 import CircularProgress from "@mui/material/CircularProgress";
-function SubmitButton({ children, disabled, isPending, ...buttonProps }) {
+import { piecePart, withPieceSlots, usePieceProps } from "../theme/themePieces.js";
+const THEME_NAME = "CalcitaSubmitButton";
+const SubmitButtonRoot = piecePart(THEME_NAME, "Root", Button);
+function SubmitButtonContent(props) {
+  const { children, disabled, isPending, ...buttonProps } = usePieceProps(props, THEME_NAME);
   const { isSubmitting } = useFormikContext();
   const isBusy = Boolean(isPending ?? isSubmitting);
-  return /* @__PURE__ */ jsx(Button, { type: "submit", variant: "contained", size: "large", disabled: disabled || isBusy, "aria-busy": isBusy, ...buttonProps, children: isBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 22, color: "inherit" }) : children });
+  return /* @__PURE__ */ jsx(SubmitButtonRoot, { type: "submit", variant: "contained", size: "large", disabled: disabled || isBusy, "aria-busy": isBusy, ...buttonProps, children: isBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 22, color: "inherit" }) : children });
 }
+const SubmitButton = withPieceSlots(SubmitButtonContent, THEME_NAME);
 export {
   SubmitButton as default
 };

package/dist/forms/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sources":["../../src/forms/SubmitButton.jsx"],"sourcesContent":["// Botón de enviar de un formulario de Formik.\n//\n// Se deshabilita mientras el envío está en curso y muestra su propio indicador: un doble clic en un botón que no se\n// bloquea manda dos peticiones (dos intentos de login contra el límite por IP).\n//\n// isPending: cuando el envío lo hace una máquina de estados (XState) y no el onSubmit async de Formik, la pantalla\n// pasa aquí si la máquina está en su estado de envío. La máquina además IGNORA un segundo envío en ese estado: el botón\n// deshabilitado es la cortesía, la máquina es la garantía.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikContext} from 'formik';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\n\n/**\n * @param {{children: import('react').ReactNode, disabled?: boolean, isPending?: boolean} & Omit<import('@mui/material/Button').ButtonProps, 'type'|'children'>} props\n *     lo demás va al Button de MUI (sx, size, fullWidth…)\n */\nexport default function SubmitButton({children, disabled, isPending, ...buttonProps}) {\n    const {isSubmitting} = useFormikContext();\n    const isBusy = Boolean(isPending ?? isSubmitting);\n\n    return (\n        <Button type=\"submit\" variant=\"contained\" size=\"large\" disabled={disabled || isBusy} aria-busy={isBusy} {...buttonProps}>\n            {isBusy ? <CircularProgress size={22} color=\"inherit\" /> : children}\n        </Button>\n    );\n}\n"],"names":[],"mappings":";;;;;AAkBA,SAAwB,aAAa,EAAC,UAAU,UAAU,WAAW,GAAG,eAAc;AAClF,QAAM,EAAC,aAAA,IAAgB,iBAAA;AACvB,QAAM,SAAS,QAAQ,aAAa,YAAY;AAEhD,SACI,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,MAAK,SAAQ,UAAU,YAAY,QAAQ,aAAW,QAAS,GAAG,aACvG,UAAA,SAAS,oBAAC,kBAAA,EAAiB,MAAM,IAAI,OAAM,WAAU,IAAK,SAAA,CAC/D;AAER;"}
+{"version":3,"file":"SubmitButton.js","sources":["../../src/forms/SubmitButton.jsx"],"sourcesContent":["// Botón de enviar de un formulario de Formik.\n//\n// Se deshabilita mientras el envío está en curso y muestra su propio indicador: un doble clic en un botón que no se\n// bloquea manda dos peticiones (dos intentos de login contra el límite por IP).\n//\n// isPending: cuando el envío lo hace una máquina de estados (XState) y no el onSubmit async de Formik, la pantalla\n// pasa aquí si la máquina está en su estado de envío. La máquina además IGNORA un segundo envío en ese estado: el botón\n// deshabilitado es la cortesía, la máquina es la garantía.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaSubmitButton con defaultProps, styleOverrides de\n// sus partes (root) y slots/slotProps para cambiarlas.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikContext} from 'formik';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {piecePart, usePieceProps, withPieceSlots} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaSubmitButton)\nconst THEME_NAME = 'CalcitaSubmitButton';\nconst SubmitButtonRoot = piecePart(THEME_NAME, 'Root', Button);\n\n/**\n * @param {{children: import('react').ReactNode, disabled?: boolean, isPending?: boolean} & Omit<import('@mui/material/Button').ButtonProps, 'type'|'children'>} props\n *     lo demás va al Button de MUI (sx, size, fullWidth…)\n */\nfunction SubmitButtonContent(props) {\n    const {children, disabled, isPending, ...buttonProps} = usePieceProps(props, THEME_NAME);\n    const {isSubmitting} = useFormikContext();\n    const isBusy = Boolean(isPending ?? isSubmitting);\n\n    return (\n        <SubmitButtonRoot type=\"submit\" variant=\"contained\" size=\"large\" disabled={disabled || isBusy} aria-busy={isBusy} {...buttonProps}>\n            {isBusy ? <CircularProgress size={22} color=\"inherit\" /> : children}\n        </SubmitButtonRoot>\n    );\n}\n\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst SubmitButton = withPieceSlots(SubmitButtonContent, THEME_NAME);\nexport default SubmitButton;\n"],"names":[],"mappings":";;;;;;AAmBA,MAAM,aAAa;AACnB,MAAM,mBAAmB,UAAU,YAAY,QAAQ,MAAM;AAM7D,SAAS,oBAAoB,OAAO;AAChC,QAAM,EAAC,UAAU,UAAU,WAAW,GAAG,gBAAe,cAAc,OAAO,UAAU;AACvF,QAAM,EAAC,aAAA,IAAgB,iBAAA;AACvB,QAAM,SAAS,QAAQ,aAAa,YAAY;AAEhD,SACI,oBAAC,oBAAiB,MAAK,UAAS,SAAQ,aAAY,MAAK,SAAQ,UAAU,YAAY,QAAQ,aAAW,QAAS,GAAG,aACjH,UAAA,SAAS,oBAAC,kBAAA,EAAiB,MAAM,IAAI,OAAM,WAAU,IAAK,SAAA,CAC/D;AAER;AAGA,MAAM,eAAe,eAAe,qBAAqB,UAAU;"}

package/dist/forms/applyServerProblem.js

@@ -1,13 +1,20 @@
-import { splitServerFieldErrors, formLevelMessageOf } from "./serverProblemFields.js";
+"use client";
+import { getIn } from "formik";
+import { splitRowFieldErrors, splitServerFieldErrors, formLevelMessageOf } from "./serverProblemFields.js";
 import { fieldErrorsOf } from "../problems.js";
 function applyServerProblem(error, { setFieldError, setStatus, values }) {
-  const errorsByField = fieldErrorsOf(error?.problem);
+  const { rowFieldErrors, otherErrors } = splitRowFieldErrors(error?.problem?.errors, (path) => getIn(values, path) !== void 0);
+  for (const [path, message] of Object.entries(rowFieldErrors)) {
+    setFieldError(path, message);
+  }
+  const errorsByField = fieldErrorsOf(error?.problem ? { ...error.problem, errors: otherErrors } : null);
   const formFieldNames = Object.keys(values ?? {});
   const { fieldErrors } = splitServerFieldErrors(errorsByField, formFieldNames);
   for (const [fieldName, message] of Object.entries(fieldErrors)) {
     setFieldError(fieldName, message);
   }
-  setStatus(formLevelMessageOf(errorsByField, formFieldNames, error?.message));
+  const hasRowErrors = Object.keys(rowFieldErrors).length > 0;
+  setStatus(hasRowErrors && Object.keys(errorsByField).length === 0 ? null : formLevelMessageOf(errorsByField, formFieldNames, error?.message));
 }
 export {
   applyServerProblem

package/dist/forms/applyServerProblem.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyServerProblem.js","sources":["../../src/forms/applyServerProblem.js"],"sourcesContent":["// Del error del servidor a los campos del formulario de Formik (validación de los dos lados).\n//\n// El backend responde RFC 9457 con dos tipos de queja:\n//   - un 422 trae `errors` por campo ({email: ['...']}) y eso se pinta EN ese campo: un error de campo mostrado como\n//     aviso obliga a adivinar cuál está mal;\n//   - lo demás (401, 409, 429, 500) es del formulario entero y va al aviso (status de Formik).\n// Si el campo del que se queja no existe en el formulario, el mensaje no se pierde: va al aviso.\n//\n// Función pura, no renderiza: function (regla de la casa).\nimport {formLevelMessageOf, splitServerFieldErrors} from '@/forms/serverProblemFields.js';\nimport {fieldErrorsOf} from '@/problems.js';\n\n/**\n * @param {unknown} error normalmente un ApiError (trae problem y message ya traducidos)\n * @param {{setFieldError: Function, setStatus: Function, values: object}} formikHelpers\n */\nexport function applyServerProblem(error, {setFieldError, setStatus, values}) {\n    const errorsByField = fieldErrorsOf(error?.problem);\n    const formFieldNames = Object.keys(values ?? {});\n    const {fieldErrors} = splitServerFieldErrors(errorsByField, formFieldNames);\n\n    for (const [fieldName, message] of Object.entries(fieldErrors)) {\n        setFieldError(fieldName, message);\n    }\n    setStatus(formLevelMessageOf(errorsByField, formFieldNames, error?.message));\n}\n"],"names":[],"mappings":";;AAgBO,SAAS,mBAAmB,OAAO,EAAC,eAAe,WAAW,OAAM,GAAG;AAC1E,QAAM,gBAAgB,cAAc,OAAO,OAAO;AAClD,QAAM,iBAAiB,OAAO,KAAK,UAAU,CAAA,CAAE;AAC/C,QAAM,EAAC,YAAW,IAAI,uBAAuB,eAAe,cAAc;AAE1E,aAAW,CAAC,WAAW,OAAO,KAAK,OAAO,QAAQ,WAAW,GAAG;AAC5D,kBAAc,WAAW,OAAO;AAAA,EACpC;AACA,YAAU,mBAAmB,eAAe,gBAAgB,OAAO,OAAO,CAAC;AAC/E;"}
+{"version":3,"file":"applyServerProblem.js","sources":["../../src/forms/applyServerProblem.js"],"sourcesContent":["// Del error del servidor a los campos del formulario de Formik (validación de los dos lados).\n//\n// El backend responde RFC 9457 con dos tipos de queja:\n//   - un 422 trae `errors` por campo ({email: ['...']}) y eso se pinta EN ese campo: un error de campo mostrado como\n//     aviso obliga a adivinar cuál está mal;\n//   - lo demás (401, 409, 429, 500) es del formulario entero y va al aviso (status de Formik).\n// Si el campo del que se queja no existe en el formulario, el mensaje no se pierde: va al aviso. El de un campo dentro de un\n// renglón que el formulario tiene ('contacts.2.email', FormRepeatingFields) va a ese renglón.\n//\n// Función pura, no renderiza: function (regla de la casa).\nimport {getIn} from 'formik';\n\nimport {formLevelMessageOf, splitRowFieldErrors, splitServerFieldErrors} from '@/forms/serverProblemFields.js';\nimport {fieldErrorsOf} from '@/problems.js';\n\n/**\n * @param {unknown} error normalmente un ApiError (trae problem y message ya traducidos)\n * @param {{setFieldError: Function, setStatus: Function, values: object}} formikHelpers\n */\nexport function applyServerProblem(error, {setFieldError, setStatus, values}) {\n    // primero los de un renglón ('contacts.2.email'), con su ruta completa; los demás, como siempre\n    const {rowFieldErrors, otherErrors} = splitRowFieldErrors(error?.problem?.errors, (path) => getIn(values, path) !== undefined);\n    for (const [path, message] of Object.entries(rowFieldErrors)) {\n        setFieldError(path, message);\n    }\n    const errorsByField = fieldErrorsOf(error?.problem ? {...error.problem, errors: otherErrors} : null);\n    const formFieldNames = Object.keys(values ?? {});\n    const {fieldErrors} = splitServerFieldErrors(errorsByField, formFieldNames);\n\n    for (const [fieldName, message] of Object.entries(fieldErrors)) {\n        setFieldError(fieldName, message);\n    }\n    // si todo cayó en renglones, tampoco se repite arriba\n    const hasRowErrors = Object.keys(rowFieldErrors).length > 0;\n    setStatus(hasRowErrors && Object.keys(errorsByField).length === 0 ? null : formLevelMessageOf(errorsByField, formFieldNames, error?.message));\n}\n"],"names":[],"mappings":";;;;AAmBO,SAAS,mBAAmB,OAAO,EAAC,eAAe,WAAW,OAAM,GAAG;AAE1E,QAAM,EAAC,gBAAgB,YAAW,IAAI,oBAAoB,OAAO,SAAS,QAAQ,CAAC,SAAS,MAAM,QAAQ,IAAI,MAAM,MAAS;AAC7H,aAAW,CAAC,MAAM,OAAO,KAAK,OAAO,QAAQ,cAAc,GAAG;AAC1D,kBAAc,MAAM,OAAO;AAAA,EAC/B;AACA,QAAM,gBAAgB,cAAc,OAAO,UAAU,EAAC,GAAG,MAAM,SAAS,QAAQ,YAAW,IAAI,IAAI;AACnG,QAAM,iBAAiB,OAAO,KAAK,UAAU,CAAA,CAAE;AAC/C,QAAM,EAAC,YAAW,IAAI,uBAAuB,eAAe,cAAc;AAE1E,aAAW,CAAC,WAAW,OAAO,KAAK,OAAO,QAAQ,WAAW,GAAG;AAC5D,kBAAc,WAAW,OAAO;AAAA,EACpC;AAEA,QAAM,eAAe,OAAO,KAAK,cAAc,EAAE,SAAS;AAC1D,YAAU,gBAAgB,OAAO,KAAK,aAAa,EAAE,WAAW,IAAI,OAAO,mBAAmB,eAAe,gBAAgB,OAAO,OAAO,CAAC;AAChJ;"}

package/dist/forms/auth/SignInForm.js

@@ -13,7 +13,7 @@ import FormTextField from "../FormTextField.js";
 import SubmitButton from "../SubmitButton.js";
 import { applyServerProblem } from "../applyServerProblem.js";
 import * as Yup from "yup";
-import { piecePart, usePieceProps } from "../../theme/themePieces.js";
+import { piecePart, withPieceSlots, usePieceProps } from "../../theme/themePieces.js";
 import { warnUnknownProps } from "../../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaSignInForm";
 const SignInFormFooter = piecePart(THEME_NAME, "Footer", Stack);
@@ -21,7 +21,7 @@ function RememberMeField({ label }) {
   const [field] = useField({ name: "remember", type: "checkbox" });
   return /* @__PURE__ */ jsx(FormControlLabel, { label, control: /* @__PURE__ */ jsx(Checkbox, { ...field }) });
 }
-function SignInForm(props) {
+function SignInFormContent(props) {
   const { onSubmit, forgotPasswordPath, showRememberMe = true, initialEmail = "", texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
   warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("auth", texts);
@@ -48,6 +48,7 @@ function SignInForm(props) {
     /* @__PURE__ */ jsx(SubmitButton, { fullWidth: true, children: t("signIn.submit") })
   ] }) }) });
 }
+const SignInForm = withPieceSlots(SignInFormContent, THEME_NAME);
 export {
   SignInForm as default
 };