@stackcraftmx/calcita 0.32.2 → 0.51.0

package/dist/datePickers/TimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInput.js","sources":["../../src/datePickers/TimeInput.jsx"],"sourcesContent":["// Campo de HORA suelto con el TimePicker de MUI X (@stackcraftmx/calcita/date-pickers), para una hora del día sin fecha:\n// la hora de una cita en un día ya elegido, el horario de una sucursal, «recordar a las 08:00».\n//\n// Viaja 'HH:mm' de 24 horas aunque en pantalla se vea con a.m. y p.m. (el hourCycle del proveedor decide cómo se ve, no\n// cómo viaja). Una hora del día no tiene zona: no se pasa por Date ni por UTC. '' = vacía.\n//\n// Para un instante (fecha y hora de algo que pasa una vez) va DateTimeInput, que sí viaja en UTC.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaTimeInput con defaultProps, styleOverrides de\n// sus partes (picker) y slots/slotProps para cambiarlas.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {TimePicker} from '@mui/x-date-pickers/TimePicker';\n\nimport PickerFrame, {textFieldSlotPropsOf} from '@/datePickers/PickerFrame.jsx';\nimport {DEFAULT_MINUTES_STEP, pickerTimeOf, timeTextOf} from '@/datePickers/pickerValues.js';\nimport {usePickerField} from '@/datePickers/usePickerField.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport {piecePart, usePieceProps, withPieceSlots} from '@/theme/themePieces.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaTimeInput)\nconst THEME_NAME = 'CalcitaTimeInput';\nconst TimeInputPicker = piecePart(THEME_NAME, 'Picker', TimePicker);\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value 'HH:mm' o ''\n * @param {(value: string) => void} props.onChange recibe 'HH:mm' ('' al borrar o a medias)\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {string} [props.minTime] 'HH:mm'\n * @param {string} [props.maxTime] 'HH:mm'\n * @param {number} [props.minutesStep] de cuánto en cuánto van los minutos; por omisión de uno en uno (30 para citas de\n *     media hora)\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {object} [props.pickerProps] lo demás del TimePicker de MUI X que aquí no tiene nombre (views, shouldDisableTime,\n *     slots, slotProps…); value y onChange son del campo\n * @param {Record<string, string|object>} [props.messages] el texto del error de este campo, por regla de validación\n *     ({required: 'Elija la fecha', min: 'Desde mañana'}): gana al de Calcita y al de los textos\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nfunction TimeInputContent(props) {\n    const {\n        name, label, value, onChange, onBlur, error, helperText = ' ', minTime, maxTime, minutesStep = DEFAULT_MINUTES_STEP, disabled = false, inputRef,\n        pickerProps, messages, texts,\n        ...unknownProps\n    } = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const field = usePickerField({name, kind: 'time', error, label, messages, texts});\n\n    return (\n        <PickerFrame inputId={field.inputId} label={label} language={field.language}>\n            <TimeInputPicker\n                {...pickerProps}\n                format={field.formats.time}\n                ampm={field.formats.ampm}\n                value={pickerTimeOf(value)}\n                minTime={pickerTimeOf(minTime) ?? undefined}\n                maxTime={pickerTimeOf(maxTime) ?? undefined}\n                disabled={disabled}\n                minutesStep={minutesStep}\n                timeSteps={{minutes: minutesStep, ...pickerProps?.timeSteps}}\n                inputRef={inputRef}\n                onChange={(pickedValue) => onChange(timeTextOf(pickedValue))}\n                onClose={() => {\n                    pickerProps?.onClose?.();\n                    onBlur?.();\n                }}\n                slotProps={textFieldSlotPropsOf(\n                    {id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperText},\n                    pickerProps,\n                )}\n            />\n        </PickerFrame>\n    );\n}\n\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst TimeInput = withPieceSlots(TimeInputContent, THEME_NAME);\nexport default TimeInput;\n"],"names":[],"mappings":";;;;;;;;AAqBA,MAAM,aAAa;AACnB,MAAM,kBAAkB,UAAU,YAAY,UAAU,UAAU;AAuBlE,SAAS,iBAAiB,OAAO;AAC7B,QAAM;AAAA,IACF;AAAA,IAAM;AAAA,IAAO;AAAA,IAAO;AAAA,IAAU;AAAA,IAAQ;AAAA,IAAO,aAAa;AAAA,IAAK;AAAA,IAAS;AAAA,IAAS,cAAc;AAAA,IAAsB,WAAW;AAAA,IAAO;AAAA,IACvI;AAAA,IAAa;AAAA,IAAU;AAAA,IACvB,GAAG;AAAA,EAAA,IACH,cAAc,OAAO,UAAU;AACnC,mBAAiB,YAAY,YAAY;AACzC,QAAM,QAAQ,eAAe,EAAC,MAAM,MAAM,QAAQ,OAAO,OAAO,UAAU,OAAM;AAEhF,SACI,oBAAC,eAAY,SAAS,MAAM,SAAS,OAAc,UAAU,MAAM,UAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,QAAQ,MAAM,QAAQ;AAAA,MACtB,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,aAAa,KAAK;AAAA,MACzB,SAAS,aAAa,OAAO,KAAK;AAAA,MAClC,SAAS,aAAa,OAAO,KAAK;AAAA,MAClC;AAAA,MACA;AAAA,MACA,WAAW,EAAC,SAAS,aAAa,GAAG,aAAa,UAAA;AAAA,MAClD;AAAA,MACA,UAAU,CAAC,gBAAgB,SAAS,WAAW,WAAW,CAAC;AAAA,MAC3D,SAAS,MAAM;AACX,qBAAa,UAAA;AACb,iBAAA;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACP,EAAC,IAAI,MAAM,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,SAAS,GAAG,YAAY,MAAM,aAAa,WAAA;AAAA,QAClG;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,GAER;AAER;AAGA,MAAM,YAAY,eAAe,kBAAkB,UAAU;"}

package/dist/datePickers/dateTimeRules.js

@@ -0,0 +1,24 @@
+import { instantPlusMinutes, earliestInstantFromNow } from "./pickerValues.js";
+function minutesFromNowRule(minutes) {
+  return {
+    name: "minutesFromNow",
+    message: { key: "validation:minutesFromNow", values: { count: minutes } },
+    // la hora se toma al revisar, no al armar el esquema: el mínimo se recorre con el reloj
+    test: (value) => !value || Date.parse(String(value)) >= Date.parse(earliestInstantFromNow(minutes))
+  };
+}
+function minutesAfterRule(startField, minutes) {
+  return {
+    name: "minutesAfter",
+    message: { key: "validation:minutesAfter", values: { count: minutes } },
+    test: (value, context) => {
+      const earliest = instantPlusMinutes(context.parent?.[startField], minutes);
+      return !value || !earliest || Date.parse(String(value)) >= Date.parse(earliest);
+    }
+  };
+}
+export {
+  minutesAfterRule,
+  minutesFromNowRule
+};
+//# sourceMappingURL=dateTimeRules.js.map

package/dist/datePickers/dateTimeRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeRules.js","sources":["../../src/datePickers/dateTimeRules.js"],"sourcesContent":["// Las reglas de yup para una fecha con hora que depende del reloj o de otro campo, con sus mensajes en el idioma activo:\n//\n//   minutesFromNowRule(5)              al menos 5 minutos después de ahora (publicar algo con anticipación)\n//   minutesAfterRule('startsAt', 30)   al menos 30 minutos después del campo startsAt (algo que dura al menos media hora)\n//\n//   Yup.object({\n//       startsAt: Yup.string().required().test(minutesFromNowRule(5)),\n//       endsAt: Yup.string().required().test(minutesAfterRule('startsAt', 30)),\n//   })\n//\n// Un campo vacío pasa: que sea obligatorio lo dice required(). El servidor vuelve a revisar: entre que se llena el\n// formulario y se guarda pasa el tiempo.\n//\n// Son objetos de .test() y no un Yup propio: el proyecto usa su copia de yup y aquí no se importa.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {earliestInstantFromNow, instantPlusMinutes} from '@/datePickers/pickerValues.js';\n\n/**\n * @param {number} minutes\n * @returns {{name: string, message: {key: string, values: {count: number}}, test: (value: unknown) => boolean}}\n */\nexport function minutesFromNowRule(minutes) {\n    return {\n        name: 'minutesFromNow',\n        message: {key: 'validation:minutesFromNow', values: {count: minutes}},\n        // la hora se toma al revisar, no al armar el esquema: el mínimo se recorre con el reloj\n        test: (value) => !value || Date.parse(String(value)) >= Date.parse(earliestInstantFromNow(minutes)),\n    };\n}\n\n/**\n * @param {string} startField el nombre del campo de inicio, en el mismo objeto del esquema\n * @param {number} minutes\n * @returns {{name: string, message: {key: string, values: {count: number}}, test: (value: unknown, context: {parent: object}) => boolean}}\n */\nexport function minutesAfterRule(startField, minutes) {\n    return {\n        name: 'minutesAfter',\n        message: {key: 'validation:minutesAfter', values: {count: minutes}},\n        test: (value, context) => {\n            const earliest = instantPlusMinutes(context.parent?.[startField], minutes);\n            // sin inicio todavía no hay contra qué comparar: eso lo dice la regla del inicio\n            return !value || !earliest || Date.parse(String(value)) >= Date.parse(earliest);\n        },\n    };\n}\n"],"names":[],"mappings":";AAsBO,SAAS,mBAAmB,SAAS;AACxC,SAAO;AAAA,IACH,MAAM;AAAA,IACN,SAAS,EAAC,KAAK,6BAA6B,QAAQ,EAAC,OAAO,QAAO,EAAC;AAAA;AAAA,IAEpE,MAAM,CAAC,UAAU,CAAC,SAAS,KAAK,MAAM,OAAO,KAAK,CAAC,KAAK,KAAK,MAAM,uBAAuB,OAAO,CAAC;AAAA,EAC1G;AACA;AAOO,SAAS,iBAAiB,YAAY,SAAS;AAClD,SAAO;AAAA,IACH,MAAM;AAAA,IACN,SAAS,EAAC,KAAK,2BAA2B,QAAQ,EAAC,OAAO,QAAO,EAAC;AAAA,IAClE,MAAM,CAAC,OAAO,YAAY;AACtB,YAAM,WAAW,mBAAmB,QAAQ,SAAS,UAAU,GAAG,OAAO;AAEzE,aAAO,CAAC,SAAS,CAAC,YAAY,KAAK,MAAM,OAAO,KAAK,CAAC,KAAK,KAAK,MAAM,QAAQ;AAAA,IAClF;AAAA,EACR;AACA;"}

package/dist/datePickers/pickerValues.js

@@ -0,0 +1,106 @@
+import dayjs from "dayjs";
+import timezone from "dayjs/plugin/timezone.js";
+import utc from "dayjs/plugin/utc.js";
+const CALENDAR_DATE_FORMAT = "YYYY-MM-DD";
+const CALENDAR_MONTH_FORMAT = "YYYY-MM";
+const TIME_OF_DAY_FORMAT = "HH:mm";
+const INSTANT_FORMAT = "YYYY-MM-DDTHH:mm:ss[Z]";
+const DEFAULT_MINUTES_STEP = 1;
+const MILLISECONDS_PER_MINUTE = 6e4;
+const TIME_OF_DAY_REFERENCE_DATE = "2000-01-03";
+const CALENDAR_MONTH_PATTERN = /^\d{4}-\d{2}$/;
+const TIME_OF_DAY_PATTERN = /^\d{2}:\d{2}$/;
+const DISPLAY_FORMATS_BY_LANGUAGE = Object.freeze({
+  es: { date: "DD/MM/YYYY", month: "MMMM YYYY" },
+  en: { date: "MM/DD/YYYY", month: "MMMM YYYY" }
+});
+const TIME_DISPLAY_FORMATS = Object.freeze({ h23: "HH:mm", h12: "hh:mm a" });
+function zonedDayjs() {
+  dayjs.extend(utc);
+  dayjs.extend(timezone);
+  return dayjs;
+}
+function displayFormatsOf(language, hourCycle = "h23") {
+  const formats = DISPLAY_FORMATS_BY_LANGUAGE[language] ?? DISPLAY_FORMATS_BY_LANGUAGE.es;
+  const time = TIME_DISPLAY_FORMATS[hourCycle] ?? TIME_DISPLAY_FORMATS.h23;
+  return { ...formats, time, dateTime: `${formats.date} ${time}`, ampm: hourCycle === "h12" };
+}
+function timeZoneNameOf(timeZone, intlLocale, at = /* @__PURE__ */ new Date()) {
+  try {
+    const name = new Intl.DateTimeFormat(intlLocale, { timeZone, timeZoneName: "longGeneric" }).formatToParts(at).find((part) => part.type === "timeZoneName")?.value;
+    return name ? name.charAt(0).toLocaleUpperCase(intlLocale) + name.slice(1) : timeZone;
+  } catch {
+    return timeZone;
+  }
+}
+function pickerInstantOf(instantText, timeZone) {
+  const zoned = zonedDayjs();
+  if (!instantText) {
+    return null;
+  }
+  const instant = zoned.utc(instantText);
+  return instant.isValid() ? instant.tz(timeZone) : null;
+}
+function instantTextOf(pickedValue) {
+  return pickedValue?.isValid() ? pickedValue.utc().format(INSTANT_FORMAT) : "";
+}
+function earliestInstantFromNow(minutes, now = Date.now()) {
+  const nowMilliseconds = now instanceof Date ? now.getTime() : now;
+  const startOfMinute = Math.floor(nowMilliseconds / MILLISECONDS_PER_MINUTE) * MILLISECONDS_PER_MINUTE;
+  return instantTextOf(zonedDayjs()(startOfMinute + minutes * MILLISECONDS_PER_MINUTE));
+}
+function instantPlusMinutes(instantText, minutes) {
+  if (!instantText) {
+    return "";
+  }
+  const instant = zonedDayjs()(instantText);
+  return instant.isValid() ? instantTextOf(instant.add(minutes, "minute")) : "";
+}
+function latestInstantOf(...instantTexts) {
+  const present = instantTexts.filter(Boolean);
+  if (present.length === 0) {
+    return "";
+  }
+  return present.reduce((latest, candidate) => Date.parse(candidate) > Date.parse(latest) ? candidate : latest);
+}
+function pickerTimeOf(timeText) {
+  if (!timeText || !TIME_OF_DAY_PATTERN.test(timeText)) {
+    return null;
+  }
+  const time = dayjs(`${TIME_OF_DAY_REFERENCE_DATE}T${timeText}`);
+  return time.isValid() ? time : null;
+}
+function timeTextOf(pickedValue) {
+  return pickedValue?.isValid() ? pickedValue.format(TIME_OF_DAY_FORMAT) : "";
+}
+function pickerMonthOf(monthText) {
+  if (!monthText || !CALENDAR_MONTH_PATTERN.test(monthText)) {
+    return null;
+  }
+  const month = dayjs(`${monthText}-01`);
+  return month.isValid() ? month : null;
+}
+function monthTextOf(pickedValue) {
+  return pickedValue?.isValid() ? pickedValue.format(CALENDAR_MONTH_FORMAT) : "";
+}
+export {
+  CALENDAR_DATE_FORMAT,
+  CALENDAR_MONTH_FORMAT,
+  DEFAULT_MINUTES_STEP,
+  INSTANT_FORMAT,
+  MILLISECONDS_PER_MINUTE,
+  TIME_OF_DAY_FORMAT,
+  displayFormatsOf,
+  earliestInstantFromNow,
+  instantPlusMinutes,
+  instantTextOf,
+  latestInstantOf,
+  monthTextOf,
+  pickerInstantOf,
+  pickerMonthOf,
+  pickerTimeOf,
+  timeTextOf,
+  timeZoneNameOf,
+  zonedDayjs
+};
+//# sourceMappingURL=pickerValues.js.map

package/dist/datePickers/pickerValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickerValues.js","sources":["../../src/datePickers/pickerValues.js"],"sourcesContent":["// Lo que comparten los campos de fecha, fecha con hora, hora y mes (@stackcraftmx/calcita/date-pickers): cómo viaja cada\n// valor, cómo se ve en cada idioma y cómo se nombra la zona horaria en pantalla.\n//\n// Cada campo viaja en texto, nunca como Date (que movería una fecha de día según la zona del navegador):\n//   fecha            'AAAA-MM-DD'            una fecha de calendario: no tiene hora ni zona\n//   mes              'AAAA-MM'               lo mismo, sin el día\n//   hora             'HH:mm', de 24 horas    una hora del día («abre a las 09:00»): tampoco tiene zona\n//   fecha con hora   '2026-11-01T18:30:00Z'  un INSTANTE: viaja en UTC y se pinta en la zona del proveedor, rotulada\n// '' = vacío en los cuatro. Lo que llega del servidor con otra forma (un instante con -06:00) también se lee.\n//\n// Puro (sin React): se prueba con node (pickerValues.test.js).\n//\n// Genérico del paquete: function (regla de la casa).\nimport dayjs from 'dayjs';\nimport timezone from 'dayjs/plugin/timezone.js';\nimport utc from 'dayjs/plugin/utc.js';\n\n/** Cómo viaja una fecha de calendario. */\nexport const CALENDAR_DATE_FORMAT = 'YYYY-MM-DD';\n/** Cómo viaja un mes. */\nexport const CALENDAR_MONTH_FORMAT = 'YYYY-MM';\n/** Cómo viaja una hora del día (de 24 horas, aunque en pantalla se vea con a.m. y p.m.). */\nexport const TIME_OF_DAY_FORMAT = 'HH:mm';\n/** Cómo viaja un instante: en UTC, con la Z al final. */\nexport const INSTANT_FORMAT = 'YYYY-MM-DDTHH:mm:ss[Z]';\n/** De cuánto en cuánto van los minutos en la fecha con hora y en la hora: de uno en uno (MUI X trae de 5 en 5). */\nexport const DEFAULT_MINUTES_STEP = 1;\n/** Un minuto. */\nexport const MILLISECONDS_PER_MINUTE = 60_000;\n\n// una hora del día no tiene fecha, pero el selector de MUI X trabaja con fechas: se le pega a un día cualquiera sin cambio\n// de horario de verano en ningún país\nconst TIME_OF_DAY_REFERENCE_DATE = '2000-01-03';\nconst CALENDAR_MONTH_PATTERN = /^\\d{4}-\\d{2}$/;\nconst TIME_OF_DAY_PATTERN = /^\\d{2}:\\d{2}$/;\n\n// cómo se ve cada campo en pantalla según el idioma; el que no está aquí sale como el español (como DateInput desde antes)\nconst DISPLAY_FORMATS_BY_LANGUAGE = Object.freeze({\n    es: {date: 'DD/MM/YYYY', month: 'MMMM YYYY'},\n    en: {date: 'MM/DD/YYYY', month: 'MMMM YYYY'},\n});\n// la hora en pantalla según el hourCycle del proveedor: 15:10 o 03:10 p. m.\nconst TIME_DISPLAY_FORMATS = Object.freeze({h23: 'HH:mm', h12: 'hh:mm a'});\n\n/**\n * dayjs con las zonas horarias puestas: el selector de MUI X las necesita para pintar un instante en otra zona.\n * OJO: se llama al usarla y no al importar el archivo: el paquete se declara sin efectos al importar (sideEffects: false)\n * y un import solo por su efecto se lo puede saltar el empaquetador del proyecto.\n *\n * @returns {typeof dayjs}\n */\nexport function zonedDayjs() {\n    // extend no repite: cada complemento se instala una sola vez\n    dayjs.extend(utc);\n    dayjs.extend(timezone);\n    return dayjs;\n}\n\n/**\n * Cómo se ven en pantalla los cuatro campos.\n *\n * @param {string} language el del proveedor más cercano\n * @param {'h23'|'h12'} [hourCycle] el del proveedor; por omisión de 24 horas\n * @returns {{date: string, month: string, time: string, dateTime: string, ampm: boolean}}\n */\nexport function displayFormatsOf(language, hourCycle = 'h23') {\n    const formats = DISPLAY_FORMATS_BY_LANGUAGE[language] ?? DISPLAY_FORMATS_BY_LANGUAGE.es;\n    const time = TIME_DISPLAY_FORMATS[hourCycle] ?? TIME_DISPLAY_FORMATS.h23;\n    return {...formats, time, dateTime: `${formats.date} ${time}`, ampm: hourCycle === 'h12'};\n}\n\n/**\n * El nombre de la zona horaria como lo dice una persona («Hora estándar central», «Pacific Time»), para rotular la fecha\n * con hora. Si el navegador no sabe nombrarla, la zona tal cual (America/Mexico_City).\n *\n * @param {string} timeZone la zona IANA del proveedor\n * @param {string} intlLocale es-MX, en-US…\n * @param {Date} [at] el momento que se nombra (en las zonas con horario de verano el nombre puede cambiar)\n * @returns {string}\n */\nexport function timeZoneNameOf(timeZone, intlLocale, at = new Date()) {\n    try {\n        const name = new Intl.DateTimeFormat(intlLocale, {timeZone, timeZoneName: 'longGeneric'})\n            .formatToParts(at)\n            .find((part) => part.type === 'timeZoneName')?.value;\n        return name ? name.charAt(0).toLocaleUpperCase(intlLocale) + name.slice(1) : timeZone;\n    } catch {\n        return timeZone;\n    }\n}\n\n/**\n * Un instante como lo quiere el selector, en la zona en que se pinta; null si está vacío o no se entiende.\n *\n * @param {string|null|undefined} instantText '2026-11-01T18:30:00Z' o con su desfase ('…-06:00')\n * @param {string} timeZone la zona en que se pinta\n * @returns {import('dayjs').Dayjs|null}\n */\nexport function pickerInstantOf(instantText, timeZone) {\n    // OJO: las zonas se ponen ANTES de ver si está vacío. El selector con timezone las pide al pintarse aunque no tenga\n    // valor («Missing UTC plugin»): un «Posponer hasta…» vacío tumbaba la pantalla\n    const zoned = zonedDayjs();\n    if (!instantText) {\n        return null;\n    }\n    const instant = zoned.utc(instantText);\n    return instant.isValid() ? instant.tz(timeZone) : null;\n}\n\n/**\n * Lo que eligió la persona como instante en UTC; '' si está vacío o a medias.\n *\n * @param {import('dayjs').Dayjs|null} pickedValue\n * @returns {string}\n */\nexport function instantTextOf(pickedValue) {\n    return pickedValue?.isValid() ? pickedValue.utc().format(INSTANT_FORMAT) : '';\n}\n\n/**\n * El primer instante que se puede elegir cuando la regla es «al menos N minutos después de ahora» (publicar algo con\n * anticipación): este minuto, sin segundos, más N minutos. Sin segundos para que la regla no cambie entre que la persona\n * mira la hora y la elige.\n *\n * @param {number} minutes\n * @param {Date|number} [now]\n * @returns {string} el instante en UTC ('2026-11-02T18:35:00Z')\n */\nexport function earliestInstantFromNow(minutes, now = Date.now()) {\n    const nowMilliseconds = now instanceof Date ? now.getTime() : now;\n    const startOfMinute = Math.floor(nowMilliseconds / MILLISECONDS_PER_MINUTE) * MILLISECONDS_PER_MINUTE;\n    return instantTextOf(zonedDayjs()(startOfMinute + minutes * MILLISECONDS_PER_MINUTE));\n}\n\n/**\n * Un instante más N minutos (el fin de algo que dura al menos N minutos desde su inicio). '' si el instante viene vacío\n * o no se entiende.\n *\n * @param {string|null|undefined} instantText\n * @param {number} minutes\n * @returns {string}\n */\nexport function instantPlusMinutes(instantText, minutes) {\n    if (!instantText) {\n        return '';\n    }\n    const instant = zonedDayjs()(instantText);\n    return instant.isValid() ? instantTextOf(instant.add(minutes, 'minute')) : '';\n}\n\n/**\n * El más tarde de varios instantes (los vacíos no cuentan): el mínimo que de verdad aplica cuando hay más de una regla.\n *\n * @param {...(string|null|undefined)} instantTexts\n * @returns {string} '' si todos vienen vacíos\n */\nexport function latestInstantOf(...instantTexts) {\n    const present = instantTexts.filter(Boolean);\n    if (present.length === 0) {\n        return '';\n    }\n    return present.reduce((latest, candidate) => (Date.parse(candidate) > Date.parse(latest) ? candidate : latest));\n}\n\n/**\n * Una hora del día 'HH:mm' como la quiere el selector; null si está vacía o no tiene esa forma.\n *\n * @param {string|null|undefined} timeText\n * @returns {import('dayjs').Dayjs|null}\n */\nexport function pickerTimeOf(timeText) {\n    if (!timeText || !TIME_OF_DAY_PATTERN.test(timeText)) {\n        return null;\n    }\n    const time = dayjs(`${TIME_OF_DAY_REFERENCE_DATE}T${timeText}`);\n    return time.isValid() ? time : null;\n}\n\n/**\n * Lo que eligió la persona como 'HH:mm'; '' si está vacío o a medias.\n *\n * @param {import('dayjs').Dayjs|null} pickedValue\n * @returns {string}\n */\nexport function timeTextOf(pickedValue) {\n    return pickedValue?.isValid() ? pickedValue.format(TIME_OF_DAY_FORMAT) : '';\n}\n\n/**\n * Un mes 'AAAA-MM' como lo quiere el selector (su día 1); null si está vacío o no tiene esa forma.\n *\n * @param {string|null|undefined} monthText\n * @returns {import('dayjs').Dayjs|null}\n */\nexport function pickerMonthOf(monthText) {\n    if (!monthText || !CALENDAR_MONTH_PATTERN.test(monthText)) {\n        return null;\n    }\n    // dayjs lee 'AAAA-MM-DD' como día local (new Date lo tomaría en UTC y lo movería de día)\n    const month = dayjs(`${monthText}-01`);\n    return month.isValid() ? month : null;\n}\n\n/**\n * Lo que eligió la persona como 'AAAA-MM'; '' si está vacío o a medias.\n *\n * @param {import('dayjs').Dayjs|null} pickedValue\n * @returns {string}\n */\nexport function monthTextOf(pickedValue) {\n    return pickedValue?.isValid() ? pickedValue.format(CALENDAR_MONTH_FORMAT) : '';\n}\n"],"names":[],"mappings":"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"}

package/dist/datePickers/useCurrentMinute.js

@@ -0,0 +1,28 @@
+"use client";
+import { useState, useEffect } from "react";
+import { MILLISECONDS_PER_MINUTE } from "./pickerValues.js";
+const startOfMinuteOf = (milliseconds) => Math.floor(milliseconds / MILLISECONDS_PER_MINUTE) * MILLISECONDS_PER_MINUTE;
+function useCurrentMinute(enabled) {
+  const [currentMinute, setCurrentMinute] = useState(() => startOfMinuteOf(Date.now()));
+  useEffect(() => {
+    if (!enabled) {
+      return void 0;
+    }
+    let timer;
+    const waitForNextMinute = () => {
+      const untilNextMinute = MILLISECONDS_PER_MINUTE - Date.now() % MILLISECONDS_PER_MINUTE;
+      timer = setTimeout(() => {
+        setCurrentMinute(startOfMinuteOf(Date.now()));
+        waitForNextMinute();
+      }, untilNextMinute);
+    };
+    setCurrentMinute(startOfMinuteOf(Date.now()));
+    waitForNextMinute();
+    return () => clearTimeout(timer);
+  }, [enabled]);
+  return currentMinute;
+}
+export {
+  useCurrentMinute
+};
+//# sourceMappingURL=useCurrentMinute.js.map

package/dist/datePickers/useCurrentMinute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentMinute.js","sources":["../../src/datePickers/useCurrentMinute.js"],"sourcesContent":["// El minuto de ahora, que se actualiza solo al empezar cada minuto: para una regla como «al menos 5 minutos después de\n// ahora», que se va recorriendo mientras la pantalla está abierta (si la persona deja el formulario abierto diez minutos,\n// el mínimo ya no es el de cuando lo abrió).\n//\n// Un solo temporizador, hasta el siguiente minuto en punto; se apaga al salir de la pantalla o si enabled es false.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useState} from 'react';\n\nimport {MILLISECONDS_PER_MINUTE} from '@/datePickers/pickerValues.js';\n\nconst startOfMinuteOf = (milliseconds) => Math.floor(milliseconds / MILLISECONDS_PER_MINUTE) * MILLISECONDS_PER_MINUTE;\n\n/**\n * @param {boolean} enabled sin regla que dependa de la hora no hace falta el temporizador\n * @returns {number} el inicio del minuto de ahora, en milisegundos\n */\nexport function useCurrentMinute(enabled) {\n    const [currentMinute, setCurrentMinute] = useState(() => startOfMinuteOf(Date.now()));\n\n    useEffect(() => {\n        if (!enabled) {\n            return undefined;\n        }\n        let timer;\n        const waitForNextMinute = () => {\n            const untilNextMinute = MILLISECONDS_PER_MINUTE - (Date.now() % MILLISECONDS_PER_MINUTE);\n            timer = setTimeout(() => {\n                setCurrentMinute(startOfMinuteOf(Date.now()));\n                waitForNextMinute();\n            }, untilNextMinute);\n        };\n        // al volver a encender, el minuto puede haber cambiado mientras estaba apagado\n        setCurrentMinute(startOfMinuteOf(Date.now()));\n        waitForNextMinute();\n        return () => clearTimeout(timer);\n    }, [enabled]);\n\n    return currentMinute;\n}\n"],"names":[],"mappings":";;;AAWA,MAAM,kBAAkB,CAAC,iBAAiB,KAAK,MAAM,eAAe,uBAAuB,IAAI;AAMxF,SAAS,iBAAiB,SAAS;AACtC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,MAAM,gBAAgB,KAAK,IAAG,CAAE,CAAC;AAEpF,YAAU,MAAM;AACZ,QAAI,CAAC,SAAS;AACV,aAAO;AAAA,IACX;AACA,QAAI;AACJ,UAAM,oBAAoB,MAAM;AAC5B,YAAM,kBAAkB,0BAA2B,KAAK,IAAG,IAAK;AAChE,cAAQ,WAAW,MAAM;AACrB,yBAAiB,gBAAgB,KAAK,IAAG,CAAE,CAAC;AAC5C,0BAAiB;AAAA,MACrB,GAAG,eAAe;AAAA,IACtB;AAEA,qBAAiB,gBAAgB,KAAK,IAAG,CAAE,CAAC;AAC5C,sBAAiB;AACjB,WAAO,MAAM,aAAa,KAAK;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACX;"}

package/dist/datePickers/usePickerField.js

@@ -0,0 +1,23 @@
+"use client";
+import { useId } from "react";
+import { displayFormatsOf } from "./pickerValues.js";
+import { useValidationText } from "../forms/useValidationText.js";
+import { useToolkitSettings } from "../toolkit/toolkitContext.js";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+function usePickerField({ name, kind, error, label, messages, texts }) {
+  const { language } = useToolkitTranslation("common", texts);
+  const validationTextOf = useValidationText({ name, label, messages });
+  const { timeZone, hourCycle } = useToolkitSettings();
+  const generatedId = useId();
+  return {
+    language,
+    timeZone,
+    inputId: `${name ?? kind}-${generatedId}`,
+    errorText: validationTextOf(error),
+    formats: displayFormatsOf(language, hourCycle)
+  };
+}
+export {
+  usePickerField
+};
+//# sourceMappingURL=usePickerField.js.map

package/dist/datePickers/usePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerField.js","sources":["../../src/datePickers/usePickerField.js"],"sourcesContent":["// Lo que necesita cada campo de fecha antes de pintarse: los textos (con los de la pantalla encima), el id que une la\n// etiqueta con el campo, el error ya traducido y cómo se ve en el idioma y el hourCycle del proveedor más cercano.\n//\n// Hook genérico: function (regla de la casa).\nimport {useId} from 'react';\n\nimport {displayFormatsOf} from '@/datePickers/pickerValues.js';\nimport {useValidationText} from '@/forms/useValidationText.js';\nimport {useToolkitSettings} from '@/toolkit/toolkitContext.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\n\n/**\n * @param {object} field\n * @param {string} [field.name]\n * @param {string} field.kind de qué campo es (date, dateTime, time, month): da el principio del id si no hay name\n * @param {string|{key: string, values?: object}} [field.error]\n * @param {string} [field.label] el nombre del campo, para los textos de error que lo dicen\n * @param {Record<string, string|object>} [field.messages] el texto del error por regla de validación (gana al de Calcita)\n * @param {object} [field.texts] los textos que cambian, con la forma de `common`\n * @returns {{language: string, timeZone: string, inputId: string, errorText: string|undefined, formats: ReturnType<typeof displayFormatsOf>}}\n */\nexport function usePickerField({name, kind, error, label, messages, texts}) {\n    const {language} = useToolkitTranslation('common', texts);\n    const validationTextOf = useValidationText({name, label, messages});\n    const {timeZone, hourCycle} = useToolkitSettings();\n    const generatedId = useId();\n\n    return {\n        language,\n        timeZone,\n        inputId: `${name ?? kind}-${generatedId}`,\n        errorText: validationTextOf(error),\n        formats: displayFormatsOf(language, hourCycle),\n    };\n}\n"],"names":[],"mappings":";;;;;;AAqBO,SAAS,eAAe,EAAC,MAAM,MAAM,OAAO,OAAO,UAAU,MAAK,GAAG;AACxE,QAAM,EAAC,SAAQ,IAAI,sBAAsB,UAAU,KAAK;AACxD,QAAM,mBAAmB,kBAAkB,EAAC,MAAM,OAAO,SAAQ,CAAC;AAClE,QAAM,EAAC,UAAU,UAAS,IAAI,mBAAkB;AAChD,QAAM,cAAc,MAAK;AAEzB,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA,SAAS,GAAG,QAAQ,IAAI,IAAI,WAAW;AAAA,IACvC,WAAW,iBAAiB,KAAK;AAAA,IACjC,SAAS,iBAAiB,UAAU,SAAS;AAAA,EACrD;AACA;"}

package/dist/dictionaries/dictionaries.js

@@ -8,12 +8,14 @@ const UNKNOWN_ENTRY = Object.freeze({
   color: "default",
   isKnown: false
 });
-function dictionaryEntryOf(value, keyPrefix, color, { hasShortLabel = false } = {}) {
+function dictionaryEntryOf(value, keyPrefix, color, { hasShortLabel = false, icon } = {}) {
   return Object.freeze({
     value,
     labelKey: `${NAMESPACE}:${keyPrefix}.label`,
     tooltipKey: `${NAMESPACE}:${keyPrefix}.tooltip`,
     ...hasShortLabel ? { shortLabelKey: `${NAMESPACE}:${keyPrefix}.shortLabel` } : {},
+    // el ícono es solo una referencia: el diccionario sigue sin React
+    ...icon ? { icon } : {},
     color,
     isKnown: true
   });

package/dist/dictionaries/dictionaries.js.map

@@ -1 +1 @@
-{"version":3,"file":"dictionaries.js","sources":["../../src/dictionaries/dictionaries.js"],"sourcesContent":["// Diccionarios de valores cerrados que llegan del API → etiqueta, tooltip y color del chip (StatusChip, DictionaryText).\n//\n// El paquete trae el mecanismo; los diccionarios los arma cada proyecto con dictionaryEntryOf:\n//\n//   export const ORDER_STATUS = Object.freeze({\n//       pending: dictionaryEntryOf('pending', 'orderStatus.pending', 'warning'),\n//       paid: dictionaryEntryOf('paid', 'orderStatus.paid', 'success'),\n//   });\n//\n// Forma de cada entrada: {value, labelKey, tooltipKey, color, isKnown} y, solo en algunas, shortLabelKey\n//   - value: el código del API tal cual.\n//   - labelKey / tooltipKey: llaves de texto del namespace \"dictionaries\" (los textos los pone el proyecto con `texts` o\n//     `translate` de ToolkitProvider). El texto NUNCA va aquí: así cambia de idioma sin tocar el diccionario.\n//   - shortLabelKey: palabra corta para una columna angosta («Rechazada» por «Rechazada por estructura»). Solo la traen\n//     las entradas cuyo nombre completo no cabe; quien la pinta deja el nombre completo en el tooltip (StatusChip, short).\n//   - color: color de paleta de MUI (success, warning, error, info, default).\n//   - isKnown: false solo en la entrada \"unknown\"; sirve para pintar el código crudo cuando no hay texto (p. ej. un\n//     estatus nuevo que el backend empezó a mandar).\n//\n// Se congelan con Object.freeze para que nadie los mute por accidente desde una pantalla.\n// Un valor que el API mande y no esté en el diccionario no truena la pantalla: lookup regresa la entrada \"unknown\" y lo\n// anota en el log para agregarlo.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {createLogger} from '@/observability/logger.js';\n\nconst log = createLogger('dictionaries');\n\nconst NAMESPACE = 'dictionaries';\n\nconst UNKNOWN_ENTRY = Object.freeze({\n    value: null,\n    labelKey: `${NAMESPACE}:unknown.label`,\n    tooltipKey: `${NAMESPACE}:unknown.tooltip`,\n    color: 'default',\n    isKnown: false,\n});\n\n/**\n * Una entrada de diccionario, congelada.\n *\n * @param {string} value el código del API\n * @param {string} keyPrefix dónde viven sus textos dentro del namespace dictionaries ('orderStatus.paid' → orderStatus.paid.label)\n * @param {string} color color de paleta de MUI\n * @param {{hasShortLabel?: boolean}} [options] hasShortLabel: trae palabra corta (keyPrefix.shortLabel)\n * @returns {{value: string, labelKey: string, tooltipKey: string, shortLabelKey?: string, color: string, isKnown: boolean}}\n */\nexport function dictionaryEntryOf(value, keyPrefix, color, {hasShortLabel = false} = {}) {\n    return Object.freeze({\n        value,\n        labelKey: `${NAMESPACE}:${keyPrefix}.label`,\n        tooltipKey: `${NAMESPACE}:${keyPrefix}.tooltip`,\n        ...(hasShortLabel ? {shortLabelKey: `${NAMESPACE}:${keyPrefix}.shortLabel`} : {}),\n        color,\n        isKnown: true,\n    });\n}\n\n/**\n * La entrada del diccionario para un valor del API.\n *\n * @param {Record<string, object>} dictionary p. ej. ORDER_STATUS\n * @param {string|null|undefined} value código del API\n * @returns {{value: string|null, labelKey: string, tooltipKey: string, color: string, isKnown: boolean}}\n */\nexport function lookup(dictionary, value) {\n    if (value !== null && value !== undefined && Object.hasOwn(dictionary, value)) {\n        return dictionary[value];\n    }\n    if (value !== null && value !== undefined) {\n        log.warn('valor sin entrada en el diccionario', {value});\n    }\n    return {...UNKNOWN_ENTRY, value: value ?? null};\n}\n\n/**\n * Texto que se pinta para una entrada: su etiqueta traducida o, si el valor no está en el diccionario, el código\n * crudo. Un estatus nuevo se lee con su código y no como \"Sin estatus\".\n *\n * @param {{value: string|null, labelKey: string, isKnown: boolean}} dictionaryEntry lo que regresa lookup\n * @param {(key: string) => string} translate el t de useToolkitTranslation\n * @returns {string}\n */\nexport function labelOf(dictionaryEntry, translate) {\n    if (dictionaryEntry.isKnown || dictionaryEntry.value === null) {\n        return translate(dictionaryEntry.labelKey);\n    }\n    return dictionaryEntry.value;\n}\n\n/**\n * La palabra corta de una entrada, para una columna angosta. Una entrada sin palabra corta regresa su etiqueta de siempre.\n *\n * @param {object} dictionaryEntry entrada del diccionario (lookup)\n * @param {Function} translate traductor\n * @returns {string}\n */\nexport function shortLabelOf(dictionaryEntry, translate) {\n    if (dictionaryEntry.isKnown && dictionaryEntry.shortLabelKey) {\n        return translate(dictionaryEntry.shortLabelKey);\n    }\n    return labelOf(dictionaryEntry, translate);\n}\n"],"names":[],"mappings":";AA0BA,MAAM,MAAM,aAAa,cAAc;AAEvC,MAAM,YAAY;AAElB,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAChC,OAAO;AAAA,EACP,UAAU,GAAG,SAAS;AAAA,EACtB,YAAY,GAAG,SAAS;AAAA,EACxB,OAAO;AAAA,EACP,SAAS;AACb,CAAC;AAWM,SAAS,kBAAkB,OAAO,WAAW,OAAO,EAAC,gBAAgB,MAAK,IAAI,IAAI;AACrF,SAAO,OAAO,OAAO;AAAA,IACjB;AAAA,IACA,UAAU,GAAG,SAAS,IAAI,SAAS;AAAA,IACnC,YAAY,GAAG,SAAS,IAAI,SAAS;AAAA,IACrC,GAAI,gBAAgB,EAAC,eAAe,GAAG,SAAS,IAAI,SAAS,cAAa,IAAI;IAC9E;AAAA,IACA,SAAS;AAAA,EACjB,CAAK;AACL;AASO,SAAS,OAAO,YAAY,OAAO;AACtC,MAAI,UAAU,QAAQ,UAAU,UAAa,OAAO,OAAO,YAAY,KAAK,GAAG;AAC3E,WAAO,WAAW,KAAK;AAAA,EAC3B;AACA,MAAI,UAAU,QAAQ,UAAU,QAAW;AACvC,QAAI,KAAK,uCAAuC,EAAC,MAAK,CAAC;AAAA,EAC3D;AACA,SAAO,EAAC,GAAG,eAAe,OAAO,SAAS,KAAI;AAClD;AAUO,SAAS,QAAQ,iBAAiB,WAAW;AAChD,MAAI,gBAAgB,WAAW,gBAAgB,UAAU,MAAM;AAC3D,WAAO,UAAU,gBAAgB,QAAQ;AAAA,EAC7C;AACA,SAAO,gBAAgB;AAC3B;AASO,SAAS,aAAa,iBAAiB,WAAW;AACrD,MAAI,gBAAgB,WAAW,gBAAgB,eAAe;AAC1D,WAAO,UAAU,gBAAgB,aAAa;AAAA,EAClD;AACA,SAAO,QAAQ,iBAAiB,SAAS;AAC7C;"}
+{"version":3,"file":"dictionaries.js","sources":["../../src/dictionaries/dictionaries.js"],"sourcesContent":["// Diccionarios de valores cerrados que llegan del API → etiqueta, tooltip y color del chip (StatusChip, DictionaryText).\n//\n// El paquete trae el mecanismo; los diccionarios los arma cada proyecto con dictionaryEntryOf:\n//\n//   export const ORDER_STATUS = Object.freeze({\n//       pending: dictionaryEntryOf('pending', 'orderStatus.pending', 'warning'),\n//       paid: dictionaryEntryOf('paid', 'orderStatus.paid', 'success'),\n//   });\n//\n// Forma de cada entrada: {value, labelKey, tooltipKey, color, isKnown} y, solo en algunas, shortLabelKey\n//   - value: el código del API tal cual.\n//   - labelKey / tooltipKey: llaves de texto del namespace \"dictionaries\" (los textos los pone el proyecto con `texts` o\n//     `translate` de ToolkitProvider). El texto NUNCA va aquí: así cambia de idioma sin tocar el diccionario.\n//   - shortLabelKey: palabra corta para una columna angosta («Rechazada» por «Rechazada por estructura»). Solo la traen\n//     las entradas cuyo nombre completo no cabe; quien la pinta deja el nombre completo en el tooltip (StatusChip, short).\n//   - color: color de paleta de MUI (success, warning, error, info, default).\n//   - icon (opcional): el ícono con que la pinta una insignia (IconBadge); el diccionario solo guarda la referencia.\n//   - isKnown: false solo en la entrada \"unknown\"; sirve para pintar el código crudo cuando no hay texto (p. ej. un\n//     estatus nuevo que el backend empezó a mandar).\n//\n// Se congelan con Object.freeze para que nadie los mute por accidente desde una pantalla.\n// Un valor que el API mande y no esté en el diccionario no truena la pantalla: lookup regresa la entrada \"unknown\" y lo\n// anota en el log para agregarlo.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {createLogger} from '@/observability/logger.js';\n\nconst log = createLogger('dictionaries');\n\nconst NAMESPACE = 'dictionaries';\n\nconst UNKNOWN_ENTRY = Object.freeze({\n    value: null,\n    labelKey: `${NAMESPACE}:unknown.label`,\n    tooltipKey: `${NAMESPACE}:unknown.tooltip`,\n    color: 'default',\n    isKnown: false,\n});\n\n/**\n * Una entrada de diccionario, congelada.\n *\n * @param {string} value el código del API\n * @param {string} keyPrefix dónde viven sus textos dentro del namespace dictionaries ('orderStatus.paid' → orderStatus.paid.label)\n * @param {string} color color de paleta de MUI\n * @param {{hasShortLabel?: boolean, icon?: import('react').ElementType}} [options] hasShortLabel: trae palabra corta\n *     (keyPrefix.shortLabel); icon: el ícono con que se pinta en una insignia (IconBadge), p. ej. CreditCardOutlinedIcon\n * @returns {{value: string, labelKey: string, tooltipKey: string, shortLabelKey?: string, icon?: import('react').ElementType, color: string, isKnown: boolean}}\n */\nexport function dictionaryEntryOf(value, keyPrefix, color, {hasShortLabel = false, icon} = {}) {\n    return Object.freeze({\n        value,\n        labelKey: `${NAMESPACE}:${keyPrefix}.label`,\n        tooltipKey: `${NAMESPACE}:${keyPrefix}.tooltip`,\n        ...(hasShortLabel ? {shortLabelKey: `${NAMESPACE}:${keyPrefix}.shortLabel`} : {}),\n        // el ícono es solo una referencia: el diccionario sigue sin React\n        ...(icon ? {icon} : {}),\n        color,\n        isKnown: true,\n    });\n}\n\n/**\n * La entrada del diccionario para un valor del API.\n *\n * @param {Record<string, object>} dictionary p. ej. ORDER_STATUS\n * @param {string|null|undefined} value código del API\n * @returns {{value: string|null, labelKey: string, tooltipKey: string, color: string, isKnown: boolean}}\n */\nexport function lookup(dictionary, value) {\n    if (value !== null && value !== undefined && Object.hasOwn(dictionary, value)) {\n        return dictionary[value];\n    }\n    if (value !== null && value !== undefined) {\n        log.warn('valor sin entrada en el diccionario', {value});\n    }\n    return {...UNKNOWN_ENTRY, value: value ?? null};\n}\n\n/**\n * Texto que se pinta para una entrada: su etiqueta traducida o, si el valor no está en el diccionario, el código\n * crudo. Un estatus nuevo se lee con su código y no como \"Sin estatus\".\n *\n * @param {{value: string|null, labelKey: string, isKnown: boolean}} dictionaryEntry lo que regresa lookup\n * @param {(key: string) => string} translate el t de useToolkitTranslation\n * @returns {string}\n */\nexport function labelOf(dictionaryEntry, translate) {\n    if (dictionaryEntry.isKnown || dictionaryEntry.value === null) {\n        return translate(dictionaryEntry.labelKey);\n    }\n    return dictionaryEntry.value;\n}\n\n/**\n * La palabra corta de una entrada, para una columna angosta. Una entrada sin palabra corta regresa su etiqueta de siempre.\n *\n * @param {object} dictionaryEntry entrada del diccionario (lookup)\n * @param {Function} translate traductor\n * @returns {string}\n */\nexport function shortLabelOf(dictionaryEntry, translate) {\n    if (dictionaryEntry.isKnown && dictionaryEntry.shortLabelKey) {\n        return translate(dictionaryEntry.shortLabelKey);\n    }\n    return labelOf(dictionaryEntry, translate);\n}\n"],"names":[],"mappings":";AA2BA,MAAM,MAAM,aAAa,cAAc;AAEvC,MAAM,YAAY;AAElB,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAChC,OAAO;AAAA,EACP,UAAU,GAAG,SAAS;AAAA,EACtB,YAAY,GAAG,SAAS;AAAA,EACxB,OAAO;AAAA,EACP,SAAS;AACb,CAAC;AAYM,SAAS,kBAAkB,OAAO,WAAW,OAAO,EAAC,gBAAgB,OAAO,KAAI,IAAI,IAAI;AAC3F,SAAO,OAAO,OAAO;AAAA,IACjB;AAAA,IACA,UAAU,GAAG,SAAS,IAAI,SAAS;AAAA,IACnC,YAAY,GAAG,SAAS,IAAI,SAAS;AAAA,IACrC,GAAI,gBAAgB,EAAC,eAAe,GAAG,SAAS,IAAI,SAAS,cAAa,IAAI;;IAE9E,GAAI,OAAO,EAAC,KAAI,IAAI;IACpB;AAAA,IACA,SAAS;AAAA,EACjB,CAAK;AACL;AASO,SAAS,OAAO,YAAY,OAAO;AACtC,MAAI,UAAU,QAAQ,UAAU,UAAa,OAAO,OAAO,YAAY,KAAK,GAAG;AAC3E,WAAO,WAAW,KAAK;AAAA,EAC3B;AACA,MAAI,UAAU,QAAQ,UAAU,QAAW;AACvC,QAAI,KAAK,uCAAuC,EAAC,MAAK,CAAC;AAAA,EAC3D;AACA,SAAO,EAAC,GAAG,eAAe,OAAO,SAAS,KAAI;AAClD;AAUO,SAAS,QAAQ,iBAAiB,WAAW;AAChD,MAAI,gBAAgB,WAAW,gBAAgB,UAAU,MAAM;AAC3D,WAAO,UAAU,gBAAgB,QAAQ;AAAA,EAC7C;AACA,SAAO,gBAAgB;AAC3B;AASO,SAAS,aAAa,iBAAiB,WAAW;AACrD,MAAI,gBAAgB,WAAW,gBAAgB,eAAe;AAC1D,WAAO,UAAU,gBAAgB,aAAa;AAAA,EAClD;AACA,SAAO,QAAQ,iBAAiB,SAAS;AAC7C;"}

package/dist/downloads/DownloadManager.js

@@ -27,7 +27,7 @@ import { DOWNLOAD_STATUS } from "./downloadsMachine.js";
 import { useFormatters } from "../toolkit/useFormatters.js";
 import { isGlassTheme, glassStylesOf } from "../theme/glassSurface.js";
 import ComponentTexts from "../toolkit/ComponentTexts.js";
-import { piecePart } from "../theme/themePieces.js";
+import { piecePart, withPieceSlots } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaDownloadManager";
 const DownloadsDoneIcon = piecePart(THEME_NAME, "DoneIcon", CheckCircleIcon);
@@ -143,7 +143,7 @@ function DownloadRow({ download }) {
     ] })
   );
 }
-function DownloadManager({ texts, ...unknownProps } = {}) {
+function DownloadManagerContent({ texts, ...unknownProps } = {}) {
   warnUnknownProps("DownloadManager", unknownProps);
   const { t } = useToolkitTranslation("common", texts);
   const downloads = useSelector(downloadsActor, (snapshot) => snapshot.context.downloads);
@@ -207,6 +207,7 @@ function DownloadManager({ texts, ...unknownProps } = {}) {
     }
   ) }) });
 }
+const DownloadManager = withPieceSlots(DownloadManagerContent, THEME_NAME);
 export {
   DownloadManager as default
 };

package/dist/downloads/DownloadManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadManager.js","sources":["../../src/downloads/DownloadManager.jsx"],"sourcesContent":["// Panel de descargas al estilo de Google Drive: se pega abajo a la derecha SOLO mientras hay descargas, con una barra que\n// resume («Descargando 2 archivos…», «3 descargas listas») y la lista con el ícono del tipo de archivo y un anillo de\n// avance que termina en ✓. Con MUI y XState, sin Redux.\n//\n// Qué hace para no hacer ruido:\n//   - no hay botón fijo: sin descargas no se pinta nada;\n//   - se pliega a la barra con la flecha y se vuelve a abrir cuando entra otra descarga;\n//   - cuando todo terminó bien se va solo a los AUTO_DISMISS_MILLISECONDS; si algo falló o se canceló se queda hasta que\n//     la persona lo cierra, para que vea el motivo;\n//   - la X solo aparece cuando ya nada descarga (cerrar a media descarga dejaría el archivo sin aviso de que terminó).\n//\n// Se monta UNA sola vez en la raíz de la aplicación. Lee la lista de downloadsActor; las descargas las arranca startDownload desde cada\n// pantalla. Los avisos (sonner) salen abajo a la izquierda, así que el panel va a la derecha.\n// Con el vidrio del tema (createToolkitTheme({glass: true})) el panel es de vidrio: flota sobre la pantalla.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaDownloadManager con defaultProps y\n// styleOverrides de sus partes: doneIcon, failedIcon, canceledIcon, cancelButton, progress, cancelIcon, item, itemText,\n// itemStatus, itemActions, panel, header, title, list.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {Fragment, useEffect, useRef, useState} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {useSelector} from '@xstate/react';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Collapse from '@mui/material/Collapse';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Paper from '@mui/material/Paper';\nimport Slide from '@mui/material/Slide';\nimport Stack from '@mui/material/Stack';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport BlockOutlinedIcon from '@mui/icons-material/BlockOutlined';\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\n\nimport {cancelDownload, clearFinishedDownloads, countActiveDownloads, downloadsActor} from '@/downloads/downloadQueue.js';\nimport {UNKNOWN_FILE_TYPE, useFileTypes} from '@/downloads/fileTypes.js';\nimport {DOWNLOAD_STATUS} from '@/downloads/downloadsMachine.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {glassStylesOf, isGlassTheme} from '@/theme/glassSurface.js';\nimport ComponentTexts from '@/toolkit/ComponentTexts.jsx';\nimport {piecePart} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaDownloadManager)\nconst THEME_NAME = 'CalcitaDownloadManager';\nconst DownloadsDoneIcon = piecePart(THEME_NAME, 'DoneIcon', CheckCircleIcon);\nconst DownloadsFailedIcon = piecePart(THEME_NAME, 'FailedIcon', ErrorOutlineIcon);\nconst DownloadsCanceledIcon = piecePart(THEME_NAME, 'CanceledIcon', BlockOutlinedIcon);\nconst DownloadsCancelButton = piecePart(THEME_NAME, 'CancelButton', IconButton);\nconst DownloadsProgress = piecePart(THEME_NAME, 'Progress', CircularProgress);\nconst DownloadsCancelIcon = piecePart(THEME_NAME, 'CancelIcon', CloseIcon);\nconst DownloadsItem = piecePart(THEME_NAME, 'Item', ListItem);\nconst DownloadsItemText = piecePart(THEME_NAME, 'ItemText', Box);\nconst DownloadsItemStatus = piecePart(THEME_NAME, 'ItemStatus', Typography);\nconst DownloadsItemActions = piecePart(THEME_NAME, 'ItemActions', Box);\nconst DownloadsPanel = piecePart(THEME_NAME, 'Panel', Paper);\nconst DownloadsHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst DownloadsTitle = piecePart(THEME_NAME, 'Title', Typography);\nconst DownloadsList = piecePart(THEME_NAME, 'List', List);\n\n// cuánto se queda el panel después de que TODAS las descargas terminaron bien\nconst AUTO_DISMISS_MILLISECONDS = 5000;\n\n// separación del borde derecho y ancho del panel (en el teléfono ocupa el ancho menos los márgenes)\nconst SCREEN_EDGE_SPACING = 3;\nconst PANEL_WIDTH_PIXELS = 360;\nconst LIST_MAX_HEIGHT = '40vh';\nconst PROGRESS_RING_PIXELS = 22;\n\n/**\n * Tipo de archivo de una descarga: el que dijo quien la arrancó o, al terminar, la extensión del nombre. Los tipos son los de\n * la casa y los del proyecto (ToolkitProvider fileTypes).\n *\n * @param {object} download renglón de la lista (downloadsMachine)\n * @param {Record<string, {Icon: import('react').ElementType, color?: string}>} fileTypes\n * @returns {{Icon: import('react').ElementType, color: string}}\n */\nfunction fileTypeAppearanceOf(download, fileTypes) {\n    const extension = download.fileName?.split('.').pop()?.toLowerCase();\n    const fileType = fileTypes[download.format ?? extension];\n    return fileType ? {Icon: fileType.Icon ?? UNKNOWN_FILE_TYPE.Icon, color: fileType.color ?? UNKNOWN_FILE_TYPE.color} : UNKNOWN_FILE_TYPE;\n}\n\n/**\n * Segunda línea del renglón: cuánto lleva, cuánto pesó o por qué no se pudo.\n *\n * @param {object} download\n * @param {Function} t traductor de common\n * @param {(bytes: number) => string} formatFileSize el de useFormatters (el idioma del proveedor más cercano)\n * @returns {string}\n */\nfunction detailTextOf(download, t, formatFileSize) {\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return formatFileSize(download.loadedBytes);\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return download.errorMessage ?? t('downloads.failed');\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return t('downloads.canceled');\n    }\n    if (download.loadedBytes === 0) {\n        return t('downloads.preparing');\n    }\n    // un archivo que se arma al vuelo (el log) no dice su tamaño: se enseña lo que ya bajó\n    return download.totalBytes\n        ? t('downloads.progressOf', {loaded: formatFileSize(download.loadedBytes), total: formatFileSize(download.totalBytes)})\n        : t('downloads.progressLoaded', {loaded: formatFileSize(download.loadedBytes)});\n}\n\n/**\n * Resumen de la barra, como en Drive: lo que está pasando ahora o cómo terminó.\n *\n * @param {Array<object>} downloads\n * @param {Function} t traductor de common\n * @returns {string}\n */\nfunction summaryTextOf(downloads, t) {\n    const activeCount = countActiveDownloads(downloads);\n    if (activeCount > 0) {\n        return t('downloads.summaryDownloading', {count: activeCount});\n    }\n    const failedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.failed).length;\n    if (failedCount > 0) {\n        return t('downloads.summaryFailed', {count: failedCount});\n    }\n    const completedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.completed).length;\n    return t('downloads.summaryCompleted', {count: completedCount});\n}\n\n/**\n * Lo que va a la derecha del renglón: el anillo de avance con su botón para cancelar, o cómo terminó.\n *\n * @param {{download: object, displayName: string}} props\n */\nfunction DownloadStatusIndicator({download, displayName}) {\n    const {t} = useToolkitTranslation('common');\n\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return <DownloadsDoneIcon ownSx={{color: 'success.main'}} aria-label={t('downloads.completedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return <DownloadsFailedIcon ownSx={{color: 'error.main'}} aria-label={t('downloads.failedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return <DownloadsCanceledIcon ownSx={{color: 'text.disabled'}} aria-label={t('downloads.canceledOf', {name: displayName})} />;\n    }\n\n    const hasKnownSize = Boolean(download.totalBytes);\n    // el anillo y, encima, la X para cancelar: como en Drive, un solo lugar para ver y detener\n    return (\n        <Tooltip title={t('downloads.cancel')}>\n            <DownloadsCancelButton size=\"small\" aria-label={t('downloads.cancelOf', {name: displayName})} onClick={() => cancelDownload(download.id)}\n                        ownSx={{position: 'relative', width: PROGRESS_RING_PIXELS + 10, height: PROGRESS_RING_PIXELS + 10}}>\n                <DownloadsProgress\n                    size={PROGRESS_RING_PIXELS}\n                    thickness={4}\n                    variant={hasKnownSize ? 'determinate' : 'indeterminate'}\n                    value={hasKnownSize ? Math.min(100, (download.loadedBytes * 100) / download.totalBytes) : undefined}\n                    ownSx={{position: 'absolute'}}\n                />\n                <DownloadsCancelIcon ownSx={{fontSize: 12}} />\n            </DownloadsCancelButton>\n        </Tooltip>\n    );\n}\n\n/**\n * Un renglón: ícono del tipo de archivo, nombre, detalle y estatus.\n *\n * @param {{download: object}} props\n */\nfunction DownloadRow({download}) {\n    const {t} = useToolkitTranslation('common');\n    const {formatFileSize} = useFormatters();\n    const {Icon, color} = fileTypeAppearanceOf(download, useFileTypes());\n    const displayName = download.fileName ?? download.label;\n    const isFailed = download.status === DOWNLOAD_STATUS.failed;\n\n    return (\n        // minWidth 0: sin él un nombre largo empuja el renglón y la lista enseña una barra horizontal\n        <DownloadsItem disableGutters ownSx={{gap: 1.5, px: 2, py: 1, minWidth: 0}}>\n            <Icon fontSize=\"small\" sx={{color, flexShrink: 0}} />\n            <DownloadsItemText ownSx={{minWidth: 0, flex: 1}}>\n                <Tooltip title={displayName}>\n                    <Typography variant=\"body2\" noWrap>{displayName}</Typography>\n                </Tooltip>\n                <DownloadsItemStatus variant=\"caption\" component=\"p\" noWrap={!isFailed}\n                            ownSx={{color: isFailed ? 'error.main' : 'text.secondary'}}>\n                    {detailTextOf(download, t, formatFileSize)}\n                </DownloadsItemStatus>\n            </DownloadsItemText>\n            <DownloadsItemActions ownSx={{flexShrink: 0, display: 'flex', alignItems: 'center'}}>\n                <DownloadStatusIndicator download={download} displayName={displayName} />\n            </DownloadsItemActions>\n        </DownloadsItem>\n    );\n}\n\n/**\n * @param {object} [props]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function DownloadManager({texts, ...unknownProps} = {}) {\n    warnUnknownProps('DownloadManager', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const downloads = useSelector(downloadsActor, (snapshot) => snapshot.context.downloads);\n    const [isExpanded, setIsExpanded] = useState(true);\n    const previousCountRef = useRef(downloads.length);\n\n    const activeCount = countActiveDownloads(downloads);\n    const allSucceeded = downloads.length > 0 && downloads.every((download) => download.status === DOWNLOAD_STATUS.completed);\n\n    // una descarga nueva vuelve a desplegar el panel aunque se haya plegado\n    useEffect(() => {\n        if (downloads.length > previousCountRef.current) {\n            setIsExpanded(true);\n        }\n        previousCountRef.current = downloads.length;\n    }, [downloads.length]);\n\n    // todo terminó bien: el panel se va solo (con un error o una cancelada se queda para que se lea)\n    useEffect(() => {\n        if (!allSucceeded) {\n            return undefined;\n        }\n        const dismissTimer = setTimeout(clearFinishedDownloads, AUTO_DISMISS_MILLISECONDS);\n        return () => clearTimeout(dismissTimer);\n    }, [allSucceeded, downloads.length]);\n\n    return (\n        <ComponentTexts namespace=\"common\" texts={texts}>\n            <Slide direction=\"up\" in={downloads.length > 0} mountOnEnter unmountOnExit>\n                <DownloadsPanel\n                    elevation={8}\n                    role=\"region\"\n                    aria-label={t('downloads.title')}\n                    ownSx={[{\n                        position: 'fixed',\n                        right: (theme) => theme.spacing(SCREEN_EDGE_SPACING),\n                        bottom: 0,\n                        width: (theme) => `min(${PANEL_WIDTH_PIXELS}px, calc(100vw - ${theme.spacing(SCREEN_EDGE_SPACING * 2)}))`,\n                        // pegado al borde de abajo como en Drive: solo se redondean las esquinas de arriba\n                        borderBottomLeftRadius: 0,\n                        borderBottomRightRadius: 0,\n                        overflow: 'hidden',\n                        zIndex: (theme) => theme.zIndex.snackbar,\n                    }, (theme) => (isGlassTheme(theme) ? glassStylesOf(theme) : {})]}\n                >\n                    <DownloadsHeader direction=\"row\" ownSx={{alignItems: 'center', gap: 0.5, pl: 2, pr: 1, py: 1, bgcolor: 'action.hover'}}>\n                        <DownloadsTitle variant=\"subtitle2\" component=\"h2\" noWrap ownSx={{flex: 1}} aria-live=\"polite\">\n                            {summaryTextOf(downloads, t)}\n                        </DownloadsTitle>\n                        <Tooltip title={isExpanded ? t('downloads.collapse') : t('downloads.expand')}>\n                            <IconButton size=\"small\" aria-expanded={isExpanded}\n                                        aria-label={isExpanded ? t('downloads.collapse') : t('downloads.expand')}\n                                        onClick={() => setIsExpanded((wasExpanded) => !wasExpanded)}>\n                                {isExpanded ? <ExpandMoreIcon fontSize=\"small\" /> : <ExpandLessIcon fontSize=\"small\" />}\n                            </IconButton>\n                        </Tooltip>\n                        {/* cerrar a media descarga dejaría el archivo sin aviso de que terminó: la X sale cuando ya nada baja */}\n                        {activeCount === 0 && (\n                            <Tooltip title={t('downloads.close')}>\n                                <IconButton size=\"small\" aria-label={t('downloads.close')} onClick={clearFinishedDownloads}>\n                                    <CloseIcon fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )}\n                    </DownloadsHeader>\n                    <Collapse in={isExpanded}>\n                        <Divider />\n                        {/* OJO: overflowY auto también prende el scroll horizontal ante 1 px de más; se apaga explícito */}\n                        <DownloadsList dense disablePadding ownSx={{maxHeight: LIST_MAX_HEIGHT, overflowY: 'auto', overflowX: 'hidden'}}>\n                            {downloads.map((download, index) => (\n                                <Fragment key={download.id}>\n                                    {index > 0 && <Divider component=\"li\" />}\n                                    <DownloadRow download={download} />\n                                </Fragment>\n                            ))}\n                        </DownloadsList>\n                    </Collapse>\n                </DownloadsPanel>\n            </Slide>\n        </ComponentTexts>\n    );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DownloadManager.js","sources":["../../src/downloads/DownloadManager.jsx"],"sourcesContent":["// Panel de descargas al estilo de Google Drive: se pega abajo a la derecha SOLO mientras hay descargas, con una barra que\n// resume («Descargando 2 archivos…», «3 descargas listas») y la lista con el ícono del tipo de archivo y un anillo de\n// avance que termina en ✓. Con MUI y XState, sin Redux.\n//\n// Qué hace para no hacer ruido:\n//   - no hay botón fijo: sin descargas no se pinta nada;\n//   - se pliega a la barra con la flecha y se vuelve a abrir cuando entra otra descarga;\n//   - cuando todo terminó bien se va solo a los AUTO_DISMISS_MILLISECONDS; si algo falló o se canceló se queda hasta que\n//     la persona lo cierra, para que vea el motivo;\n//   - la X solo aparece cuando ya nada descarga (cerrar a media descarga dejaría el archivo sin aviso de que terminó).\n//\n// Se monta UNA sola vez en la raíz de la aplicación. Lee la lista de downloadsActor; las descargas las arranca startDownload desde cada\n// pantalla. Los avisos (sonner) salen abajo a la izquierda, así que el panel va a la derecha.\n// Con el vidrio del tema (createToolkitTheme({glass: true})) el panel es de vidrio: flota sobre la pantalla.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaDownloadManager con defaultProps y\n// styleOverrides de sus partes: doneIcon, failedIcon, canceledIcon, cancelButton, progress, cancelIcon, item, itemText,\n// itemStatus, itemActions, panel, header, title, list.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {Fragment, useEffect, useRef, useState} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {useSelector} from '@xstate/react';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Collapse from '@mui/material/Collapse';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Paper from '@mui/material/Paper';\nimport Slide from '@mui/material/Slide';\nimport Stack from '@mui/material/Stack';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport BlockOutlinedIcon from '@mui/icons-material/BlockOutlined';\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\n\nimport {cancelDownload, clearFinishedDownloads, countActiveDownloads, downloadsActor} from '@/downloads/downloadQueue.js';\nimport {UNKNOWN_FILE_TYPE, useFileTypes} from '@/downloads/fileTypes.js';\nimport {DOWNLOAD_STATUS} from '@/downloads/downloadsMachine.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {glassStylesOf, isGlassTheme} from '@/theme/glassSurface.js';\nimport ComponentTexts from '@/toolkit/ComponentTexts.jsx';\nimport {piecePart, 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.CalcitaDownloadManager)\nconst THEME_NAME = 'CalcitaDownloadManager';\nconst DownloadsDoneIcon = piecePart(THEME_NAME, 'DoneIcon', CheckCircleIcon);\nconst DownloadsFailedIcon = piecePart(THEME_NAME, 'FailedIcon', ErrorOutlineIcon);\nconst DownloadsCanceledIcon = piecePart(THEME_NAME, 'CanceledIcon', BlockOutlinedIcon);\nconst DownloadsCancelButton = piecePart(THEME_NAME, 'CancelButton', IconButton);\nconst DownloadsProgress = piecePart(THEME_NAME, 'Progress', CircularProgress);\nconst DownloadsCancelIcon = piecePart(THEME_NAME, 'CancelIcon', CloseIcon);\nconst DownloadsItem = piecePart(THEME_NAME, 'Item', ListItem);\nconst DownloadsItemText = piecePart(THEME_NAME, 'ItemText', Box);\nconst DownloadsItemStatus = piecePart(THEME_NAME, 'ItemStatus', Typography);\nconst DownloadsItemActions = piecePart(THEME_NAME, 'ItemActions', Box);\nconst DownloadsPanel = piecePart(THEME_NAME, 'Panel', Paper);\nconst DownloadsHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst DownloadsTitle = piecePart(THEME_NAME, 'Title', Typography);\nconst DownloadsList = piecePart(THEME_NAME, 'List', List);\n\n// cuánto se queda el panel después de que TODAS las descargas terminaron bien\nconst AUTO_DISMISS_MILLISECONDS = 5000;\n\n// separación del borde derecho y ancho del panel (en el teléfono ocupa el ancho menos los márgenes)\nconst SCREEN_EDGE_SPACING = 3;\nconst PANEL_WIDTH_PIXELS = 360;\nconst LIST_MAX_HEIGHT = '40vh';\nconst PROGRESS_RING_PIXELS = 22;\n\n/**\n * Tipo de archivo de una descarga: el que dijo quien la arrancó o, al terminar, la extensión del nombre. Los tipos son los de\n * la casa y los del proyecto (ToolkitProvider fileTypes).\n *\n * @param {object} download renglón de la lista (downloadsMachine)\n * @param {Record<string, {Icon: import('react').ElementType, color?: string}>} fileTypes\n * @returns {{Icon: import('react').ElementType, color: string}}\n */\nfunction fileTypeAppearanceOf(download, fileTypes) {\n    const extension = download.fileName?.split('.').pop()?.toLowerCase();\n    const fileType = fileTypes[download.format ?? extension];\n    return fileType ? {Icon: fileType.Icon ?? UNKNOWN_FILE_TYPE.Icon, color: fileType.color ?? UNKNOWN_FILE_TYPE.color} : UNKNOWN_FILE_TYPE;\n}\n\n/**\n * Segunda línea del renglón: cuánto lleva, cuánto pesó o por qué no se pudo.\n *\n * @param {object} download\n * @param {Function} t traductor de common\n * @param {(bytes: number) => string} formatFileSize el de useFormatters (el idioma del proveedor más cercano)\n * @returns {string}\n */\nfunction detailTextOf(download, t, formatFileSize) {\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return formatFileSize(download.loadedBytes);\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return download.errorMessage ?? t('downloads.failed');\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return t('downloads.canceled');\n    }\n    if (download.loadedBytes === 0) {\n        return t('downloads.preparing');\n    }\n    // un archivo que se arma al vuelo (el log) no dice su tamaño: se enseña lo que ya bajó\n    return download.totalBytes\n        ? t('downloads.progressOf', {loaded: formatFileSize(download.loadedBytes), total: formatFileSize(download.totalBytes)})\n        : t('downloads.progressLoaded', {loaded: formatFileSize(download.loadedBytes)});\n}\n\n/**\n * Resumen de la barra, como en Drive: lo que está pasando ahora o cómo terminó.\n *\n * @param {Array<object>} downloads\n * @param {Function} t traductor de common\n * @returns {string}\n */\nfunction summaryTextOf(downloads, t) {\n    const activeCount = countActiveDownloads(downloads);\n    if (activeCount > 0) {\n        return t('downloads.summaryDownloading', {count: activeCount});\n    }\n    const failedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.failed).length;\n    if (failedCount > 0) {\n        return t('downloads.summaryFailed', {count: failedCount});\n    }\n    const completedCount = downloads.filter((download) => download.status === DOWNLOAD_STATUS.completed).length;\n    return t('downloads.summaryCompleted', {count: completedCount});\n}\n\n/**\n * Lo que va a la derecha del renglón: el anillo de avance con su botón para cancelar, o cómo terminó.\n *\n * @param {{download: object, displayName: string}} props\n */\nfunction DownloadStatusIndicator({download, displayName}) {\n    const {t} = useToolkitTranslation('common');\n\n    if (download.status === DOWNLOAD_STATUS.completed) {\n        return <DownloadsDoneIcon ownSx={{color: 'success.main'}} aria-label={t('downloads.completedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.failed) {\n        return <DownloadsFailedIcon ownSx={{color: 'error.main'}} aria-label={t('downloads.failedOf', {name: displayName})} />;\n    }\n    if (download.status === DOWNLOAD_STATUS.canceled) {\n        return <DownloadsCanceledIcon ownSx={{color: 'text.disabled'}} aria-label={t('downloads.canceledOf', {name: displayName})} />;\n    }\n\n    const hasKnownSize = Boolean(download.totalBytes);\n    // el anillo y, encima, la X para cancelar: como en Drive, un solo lugar para ver y detener\n    return (\n        <Tooltip title={t('downloads.cancel')}>\n            <DownloadsCancelButton size=\"small\" aria-label={t('downloads.cancelOf', {name: displayName})} onClick={() => cancelDownload(download.id)}\n                        ownSx={{position: 'relative', width: PROGRESS_RING_PIXELS + 10, height: PROGRESS_RING_PIXELS + 10}}>\n                <DownloadsProgress\n                    size={PROGRESS_RING_PIXELS}\n                    thickness={4}\n                    variant={hasKnownSize ? 'determinate' : 'indeterminate'}\n                    value={hasKnownSize ? Math.min(100, (download.loadedBytes * 100) / download.totalBytes) : undefined}\n                    ownSx={{position: 'absolute'}}\n                />\n                <DownloadsCancelIcon ownSx={{fontSize: 12}} />\n            </DownloadsCancelButton>\n        </Tooltip>\n    );\n}\n\n/**\n * Un renglón: ícono del tipo de archivo, nombre, detalle y estatus.\n *\n * @param {{download: object}} props\n */\nfunction DownloadRow({download}) {\n    const {t} = useToolkitTranslation('common');\n    const {formatFileSize} = useFormatters();\n    const {Icon, color} = fileTypeAppearanceOf(download, useFileTypes());\n    const displayName = download.fileName ?? download.label;\n    const isFailed = download.status === DOWNLOAD_STATUS.failed;\n\n    return (\n        // minWidth 0: sin él un nombre largo empuja el renglón y la lista enseña una barra horizontal\n        <DownloadsItem disableGutters ownSx={{gap: 1.5, px: 2, py: 1, minWidth: 0}}>\n            <Icon fontSize=\"small\" sx={{color, flexShrink: 0}} />\n            <DownloadsItemText ownSx={{minWidth: 0, flex: 1}}>\n                <Tooltip title={displayName}>\n                    <Typography variant=\"body2\" noWrap>{displayName}</Typography>\n                </Tooltip>\n                <DownloadsItemStatus variant=\"caption\" component=\"p\" noWrap={!isFailed}\n                            ownSx={{color: isFailed ? 'error.main' : 'text.secondary'}}>\n                    {detailTextOf(download, t, formatFileSize)}\n                </DownloadsItemStatus>\n            </DownloadsItemText>\n            <DownloadsItemActions ownSx={{flexShrink: 0, display: 'flex', alignItems: 'center'}}>\n                <DownloadStatusIndicator download={download} displayName={displayName} />\n            </DownloadsItemActions>\n        </DownloadsItem>\n    );\n}\n\n/**\n * @param {object} [props]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nfunction DownloadManagerContent({texts, ...unknownProps} = {}) {\n    warnUnknownProps('DownloadManager', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const downloads = useSelector(downloadsActor, (snapshot) => snapshot.context.downloads);\n    const [isExpanded, setIsExpanded] = useState(true);\n    const previousCountRef = useRef(downloads.length);\n\n    const activeCount = countActiveDownloads(downloads);\n    const allSucceeded = downloads.length > 0 && downloads.every((download) => download.status === DOWNLOAD_STATUS.completed);\n\n    // una descarga nueva vuelve a desplegar el panel aunque se haya plegado\n    useEffect(() => {\n        if (downloads.length > previousCountRef.current) {\n            setIsExpanded(true);\n        }\n        previousCountRef.current = downloads.length;\n    }, [downloads.length]);\n\n    // todo terminó bien: el panel se va solo (con un error o una cancelada se queda para que se lea)\n    useEffect(() => {\n        if (!allSucceeded) {\n            return undefined;\n        }\n        const dismissTimer = setTimeout(clearFinishedDownloads, AUTO_DISMISS_MILLISECONDS);\n        return () => clearTimeout(dismissTimer);\n    }, [allSucceeded, downloads.length]);\n\n    return (\n        <ComponentTexts namespace=\"common\" texts={texts}>\n            <Slide direction=\"up\" in={downloads.length > 0} mountOnEnter unmountOnExit>\n                <DownloadsPanel\n                    elevation={8}\n                    role=\"region\"\n                    aria-label={t('downloads.title')}\n                    ownSx={[{\n                        position: 'fixed',\n                        right: (theme) => theme.spacing(SCREEN_EDGE_SPACING),\n                        bottom: 0,\n                        width: (theme) => `min(${PANEL_WIDTH_PIXELS}px, calc(100vw - ${theme.spacing(SCREEN_EDGE_SPACING * 2)}))`,\n                        // pegado al borde de abajo como en Drive: solo se redondean las esquinas de arriba\n                        borderBottomLeftRadius: 0,\n                        borderBottomRightRadius: 0,\n                        overflow: 'hidden',\n                        zIndex: (theme) => theme.zIndex.snackbar,\n                    }, (theme) => (isGlassTheme(theme) ? glassStylesOf(theme) : {})]}\n                >\n                    <DownloadsHeader direction=\"row\" ownSx={{alignItems: 'center', gap: 0.5, pl: 2, pr: 1, py: 1, bgcolor: 'action.hover'}}>\n                        <DownloadsTitle variant=\"subtitle2\" component=\"h2\" noWrap ownSx={{flex: 1}} aria-live=\"polite\">\n                            {summaryTextOf(downloads, t)}\n                        </DownloadsTitle>\n                        <Tooltip title={isExpanded ? t('downloads.collapse') : t('downloads.expand')}>\n                            <IconButton size=\"small\" aria-expanded={isExpanded}\n                                        aria-label={isExpanded ? t('downloads.collapse') : t('downloads.expand')}\n                                        onClick={() => setIsExpanded((wasExpanded) => !wasExpanded)}>\n                                {isExpanded ? <ExpandMoreIcon fontSize=\"small\" /> : <ExpandLessIcon fontSize=\"small\" />}\n                            </IconButton>\n                        </Tooltip>\n                        {/* cerrar a media descarga dejaría el archivo sin aviso de que terminó: la X sale cuando ya nada baja */}\n                        {activeCount === 0 && (\n                            <Tooltip title={t('downloads.close')}>\n                                <IconButton size=\"small\" aria-label={t('downloads.close')} onClick={clearFinishedDownloads}>\n                                    <CloseIcon fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )}\n                    </DownloadsHeader>\n                    <Collapse in={isExpanded}>\n                        <Divider />\n                        {/* OJO: overflowY auto también prende el scroll horizontal ante 1 px de más; se apaga explícito */}\n                        <DownloadsList dense disablePadding ownSx={{maxHeight: LIST_MAX_HEIGHT, overflowY: 'auto', overflowX: 'hidden'}}>\n                            {downloads.map((download, index) => (\n                                <Fragment key={download.id}>\n                                    {index > 0 && <Divider component=\"li\" />}\n                                    <DownloadRow download={download} />\n                                </Fragment>\n                            ))}\n                        </DownloadsList>\n                    </Collapse>\n                </DownloadsPanel>\n            </Slide>\n        </ComponentTexts>\n    );\n}\n\nconst DownloadManager = withPieceSlots(DownloadManagerContent, THEME_NAME);\nexport default DownloadManager;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,aAAa;AACnB,MAAM,oBAAoB,UAAU,YAAY,YAAY,eAAe;AAC3E,MAAM,sBAAsB,UAAU,YAAY,cAAc,gBAAgB;AAChF,MAAM,wBAAwB,UAAU,YAAY,gBAAgB,iBAAiB;AACrF,MAAM,wBAAwB,UAAU,YAAY,gBAAgB,UAAU;AAC9E,MAAM,oBAAoB,UAAU,YAAY,YAAY,gBAAgB;AAC5E,MAAM,sBAAsB,UAAU,YAAY,cAAc,SAAS;AACzE,MAAM,gBAAgB,UAAU,YAAY,QAAQ,QAAQ;AAC5D,MAAM,oBAAoB,UAAU,YAAY,YAAY,GAAG;AAC/D,MAAM,sBAAsB,UAAU,YAAY,cAAc,UAAU;AAC1E,MAAM,uBAAuB,UAAU,YAAY,eAAe,GAAG;AACrE,MAAM,iBAAiB,UAAU,YAAY,SAAS,KAAK;AAC3D,MAAM,kBAAkB,UAAU,YAAY,UAAU,KAAK;AAC7D,MAAM,iBAAiB,UAAU,YAAY,SAAS,UAAU;AAChE,MAAM,gBAAgB,UAAU,YAAY,QAAQ,IAAI;AAGxD,MAAM,4BAA4B;AAGlC,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,kBAAkB;AACxB,MAAM,uBAAuB;AAU7B,SAAS,qBAAqB,UAAU,WAAW;AAC/C,QAAM,YAAY,SAAS,UAAU,MAAM,GAAG,EAAE,IAAA,GAAO,YAAA;AACvD,QAAM,WAAW,UAAU,SAAS,UAAU,SAAS;AACvD,SAAO,WAAW,EAAC,MAAM,SAAS,QAAQ,kBAAkB,MAAM,OAAO,SAAS,SAAS,kBAAkB,MAAA,IAAS;AAC1H;AAUA,SAAS,aAAa,UAAU,GAAG,gBAAgB;AAC/C,MAAI,SAAS,WAAW,gBAAgB,WAAW;AAC/C,WAAO,eAAe,SAAS,WAAW;AAAA,EAC9C;AACA,MAAI,SAAS,WAAW,gBAAgB,QAAQ;AAC5C,WAAO,SAAS,gBAAgB,EAAE,kBAAkB;AAAA,EACxD;AACA,MAAI,SAAS,WAAW,gBAAgB,UAAU;AAC9C,WAAO,EAAE,oBAAoB;AAAA,EACjC;AACA,MAAI,SAAS,gBAAgB,GAAG;AAC5B,WAAO,EAAE,qBAAqB;AAAA,EAClC;AAEA,SAAO,SAAS,aACV,EAAE,wBAAwB,EAAC,QAAQ,eAAe,SAAS,WAAW,GAAG,OAAO,eAAe,SAAS,UAAU,EAAA,CAAE,IACpH,EAAE,4BAA4B,EAAC,QAAQ,eAAe,SAAS,WAAW,GAAE;AACtF;AASA,SAAS,cAAc,WAAW,GAAG;AACjC,QAAM,cAAc,qBAAqB,SAAS;AAClD,MAAI,cAAc,GAAG;AACjB,WAAO,EAAE,gCAAgC,EAAC,OAAO,aAAY;AAAA,EACjE;AACA,QAAM,cAAc,UAAU,OAAO,CAAC,aAAa,SAAS,WAAW,gBAAgB,MAAM,EAAE;AAC/F,MAAI,cAAc,GAAG;AACjB,WAAO,EAAE,2BAA2B,EAAC,OAAO,aAAY;AAAA,EAC5D;AACA,QAAM,iBAAiB,UAAU,OAAO,CAAC,aAAa,SAAS,WAAW,gBAAgB,SAAS,EAAE;AACrG,SAAO,EAAE,8BAA8B,EAAC,OAAO,gBAAe;AAClE;AAOA,SAAS,wBAAwB,EAAC,UAAU,eAAc;AACtD,QAAM,EAAC,EAAA,IAAK,sBAAsB,QAAQ;AAE1C,MAAI,SAAS,WAAW,gBAAgB,WAAW;AAC/C,WAAO,oBAAC,mBAAA,EAAkB,OAAO,EAAC,OAAO,eAAA,GAAiB,cAAY,EAAE,yBAAyB,EAAC,MAAM,YAAA,CAAY,EAAA,CAAG;AAAA,EAC3H;AACA,MAAI,SAAS,WAAW,gBAAgB,QAAQ;AAC5C,WAAO,oBAAC,qBAAA,EAAoB,OAAO,EAAC,OAAO,aAAA,GAAe,cAAY,EAAE,sBAAsB,EAAC,MAAM,YAAA,CAAY,EAAA,CAAG;AAAA,EACxH;AACA,MAAI,SAAS,WAAW,gBAAgB,UAAU;AAC9C,WAAO,oBAAC,uBAAA,EAAsB,OAAO,EAAC,OAAO,gBAAA,GAAkB,cAAY,EAAE,wBAAwB,EAAC,MAAM,YAAA,CAAY,EAAA,CAAG;AAAA,EAC/H;AAEA,QAAM,eAAe,QAAQ,SAAS,UAAU;AAEhD,SACI,oBAAC,SAAA,EAAQ,OAAO,EAAE,kBAAkB,GAChC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAAsB,MAAK;AAAA,MAAQ,cAAY,EAAE,sBAAsB,EAAC,MAAM,aAAY;AAAA,MAAG,SAAS,MAAM,eAAe,SAAS,EAAE;AAAA,MAC3H,OAAO,EAAC,UAAU,YAAY,OAAO,uBAAuB,IAAI,QAAQ,uBAAuB,GAAA;AAAA,MACvG,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS,eAAe,gBAAgB;AAAA,YACxC,OAAO,eAAe,KAAK,IAAI,KAAM,SAAS,cAAc,MAAO,SAAS,UAAU,IAAI;AAAA,YAC1F,OAAO,EAAC,UAAU,WAAA;AAAA,UAAU;AAAA,QAAA;AAAA,4BAE/B,qBAAA,EAAoB,OAAO,EAAC,UAAU,KAAE,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEpD;AAER;AAOA,SAAS,YAAY,EAAC,YAAW;AAC7B,QAAM,EAAC,EAAA,IAAK,sBAAsB,QAAQ;AAC1C,QAAM,EAAC,eAAA,IAAkB,cAAA;AACzB,QAAM,EAAC,MAAM,MAAA,IAAS,qBAAqB,UAAU,cAAc;AACnE,QAAM,cAAc,SAAS,YAAY,SAAS;AAClD,QAAM,WAAW,SAAS,WAAW,gBAAgB;AAErD;AAAA;AAAA,IAEI,qBAAC,eAAA,EAAc,gBAAc,MAAC,OAAO,EAAC,KAAK,KAAK,IAAI,GAAG,IAAI,GAAG,UAAU,KACpE,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,UAAS,SAAQ,IAAI,EAAC,OAAO,YAAY,KAAI;AAAA,MACnD,qBAAC,qBAAkB,OAAO,EAAC,UAAU,GAAG,MAAM,KAC1C,UAAA;AAAA,QAAA,oBAAC,SAAA,EAAQ,OAAO,aACZ,UAAA,oBAAC,YAAA,EAAW,SAAQ,SAAQ,QAAM,MAAE,UAAA,YAAA,CAAY,GACpD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YAAoB,SAAQ;AAAA,YAAU,WAAU;AAAA,YAAI,QAAQ,CAAC;AAAA,YAClD,OAAO,EAAC,OAAO,WAAW,eAAe,iBAAA;AAAA,YAChD,UAAA,aAAa,UAAU,GAAG,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7C,GACJ;AAAA,MACA,oBAAC,sBAAA,EAAqB,OAAO,EAAC,YAAY,GAAG,SAAS,QAAQ,YAAY,YACtE,UAAA,oBAAC,yBAAA,EAAwB,UAAoB,aAA0B,EAAA,CAC3E;AAAA,IAAA,EAAA,CACJ;AAAA;AAER;AAMA,SAAS,uBAAuB,EAAC,OAAO,GAAG,aAAA,IAAgB,CAAA,GAAI;AAC3D,mBAAiB,mBAAmB,YAAY;AAChD,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,YAAY,YAAY,gBAAgB,CAAC,aAAa,SAAS,QAAQ,SAAS;AACtF,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AACjD,QAAM,mBAAmB,OAAO,UAAU,MAAM;AAEhD,QAAM,cAAc,qBAAqB,SAAS;AAClD,QAAM,eAAe,UAAU,SAAS,KAAK,UAAU,MAAM,CAAC,aAAa,SAAS,WAAW,gBAAgB,SAAS;AAGxH,YAAU,MAAM;AACZ,QAAI,UAAU,SAAS,iBAAiB,SAAS;AAC7C,oBAAc,IAAI;AAAA,IACtB;AACA,qBAAiB,UAAU,UAAU;AAAA,EACzC,GAAG,CAAC,UAAU,MAAM,CAAC;AAGrB,YAAU,MAAM;AACZ,QAAI,CAAC,cAAc;AACf,aAAO;AAAA,IACX;AACA,UAAM,eAAe,WAAW,wBAAwB,yBAAyB;AACjF,WAAO,MAAM,aAAa,YAAY;AAAA,EAC1C,GAAG,CAAC,cAAc,UAAU,MAAM,CAAC;AAEnC,6BACK,gBAAA,EAAe,WAAU,UAAS,OAC/B,8BAAC,OAAA,EAAM,WAAU,MAAK,IAAI,UAAU,SAAS,GAAG,cAAY,MAAC,eAAa,MACtE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY,EAAE,iBAAiB;AAAA,MAC/B,OAAO,CAAC;AAAA,QACJ,UAAU;AAAA,QACV,OAAO,CAAC,UAAU,MAAM,QAAQ,mBAAmB;AAAA,QACnD,QAAQ;AAAA,QACR,OAAO,CAAC,UAAU,OAAO,kBAAkB,oBAAoB,MAAM,QAAQ,sBAAsB,CAAC,CAAC;AAAA;AAAA,QAErG,wBAAwB;AAAA,QACxB,yBAAyB;AAAA,QACzB,UAAU;AAAA,QACV,QAAQ,CAAC,UAAU,MAAM,OAAO;AAAA,MAAA,GACjC,CAAC,UAAW,aAAa,KAAK,IAAI,cAAc,KAAK,IAAI,EAAG;AAAA,MAE/D,UAAA;AAAA,QAAA,qBAAC,mBAAgB,WAAU,OAAM,OAAO,EAAC,YAAY,UAAU,KAAK,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,kBACnG,UAAA;AAAA,UAAA,oBAAC,kBAAe,SAAQ,aAAY,WAAU,MAAK,QAAM,MAAC,OAAO,EAAC,MAAM,KAAI,aAAU,UACjF,UAAA,cAAc,WAAW,CAAC,GAC/B;AAAA,UACA,oBAAC,WAAQ,OAAO,aAAa,EAAE,oBAAoB,IAAI,EAAE,kBAAkB,GACvE,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAAW,MAAK;AAAA,cAAQ,iBAAe;AAAA,cAC5B,cAAY,aAAa,EAAE,oBAAoB,IAAI,EAAE,kBAAkB;AAAA,cACvE,SAAS,MAAM,cAAc,CAAC,gBAAgB,CAAC,WAAW;AAAA,cACjE,UAAA,iCAAc,gBAAA,EAAe,UAAS,SAAQ,IAAK,oBAAC,gBAAA,EAAe,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA,GAE7F;AAAA,UAEC,gBAAgB,KACb,oBAAC,SAAA,EAAQ,OAAO,EAAE,iBAAiB,GAC/B,UAAA,oBAAC,YAAA,EAAW,MAAK,SAAQ,cAAY,EAAE,iBAAiB,GAAG,SAAS,wBAChE,8BAAC,WAAA,EAAU,UAAS,QAAA,CAAQ,EAAA,CAChC,EAAA,CACJ;AAAA,QAAA,GAER;AAAA,QACA,qBAAC,UAAA,EAAS,IAAI,YACV,UAAA;AAAA,UAAA,oBAAC,SAAA,EAAQ;AAAA,UAET,oBAAC,iBAAc,OAAK,MAAC,gBAAc,MAAC,OAAO,EAAC,WAAW,iBAAiB,WAAW,QAAQ,WAAW,YACjG,UAAA,UAAU,IAAI,CAAC,UAAU,UACtB,qBAAC,UAAA,EACI,UAAA;AAAA,YAAA,QAAQ,KAAK,oBAAC,SAAA,EAAQ,WAAU,MAAK;AAAA,YACtC,oBAAC,eAAY,SAAA,CAAoB;AAAA,UAAA,KAFtB,SAAS,EAGxB,CACH,EAAA,CACL;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER,EAAA,CACJ;AAER;AAEA,MAAM,kBAAkB,eAAe,wBAAwB,UAAU;"}

package/dist/feedback/ConfirmDialog.js

@@ -10,12 +10,12 @@ import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
-import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { piecePart, withPieceSlots, usePieceProps } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaConfirmDialog";
 const ConfirmProblem = piecePart(THEME_NAME, "Problem", Alert);
 const ConfirmActions = piecePart(THEME_NAME, "Actions", DialogActions);
-function ConfirmDialog(props) {
+function ConfirmDialogContent(props) {
   const {
     open,
     title,
@@ -75,6 +75,7 @@ function ConfirmDialog(props) {
     }
   );
 }
+const ConfirmDialog = withPieceSlots(ConfirmDialogContent, THEME_NAME);
 export {
   ConfirmDialog as default
 };

package/dist/feedback/ConfirmDialog.js.map

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

package/dist/feedback/ModalWaiting.js

@@ -7,14 +7,14 @@ import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
 import Stack from "@mui/material/Stack";
-import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { piecePart, withPieceSlots, usePieceProps } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaModalWaiting";
 const WaitingRoot = piecePart(THEME_NAME, "Root", Dialog);
 const WaitingTitle = piecePart(THEME_NAME, "Title", DialogTitle);
 const WaitingBody = piecePart(THEME_NAME, "Body", Stack);
 const WaitingText = piecePart(THEME_NAME, "Text", DialogContentText);
-function ModalWaiting(props) {
+function ModalWaitingContent(props) {
   const { open, title, text, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
   warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
@@ -26,6 +26,7 @@ function ModalWaiting(props) {
     ] }) })
   ] });
 }
+const ModalWaiting = withPieceSlots(ModalWaitingContent, THEME_NAME);
 export {
   ModalWaiting as default
 };

package/dist/feedback/ModalWaiting.js.map

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

package/dist/feedback/NewBuildNotice.js

@@ -11,7 +11,7 @@ import { aboveMobileTabBarOf, GLASS_PANEL_GAP_PIXELS } from "../appShell/shellSi
 import { minimalFloatingStylesOf } from "../theme/components/minimalComponents.js";
 import { isGlassTheme, glassStylesOf } from "../theme/glassSurface.js";
 import { APP_BAR_HEIGHT } from "../ui/layout/appBarHeight.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 = "CalcitaNewBuildNotice";
 const NoticeFloating = piecePart(THEME_NAME, "Floating", Box);
@@ -53,7 +53,7 @@ function floatingSxOf(theme) {
     "@media (prefers-reduced-motion: reduce)": { animation: "none" }
   };
 }
-function NewBuildNotice(props) {
+function NewBuildNoticeContent(props) {
   const { message, reloadLabel, onReload = reloadPage, variant = NEW_BUILD_NOTICE_VARIANT.ribbon, texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
   warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
@@ -82,6 +82,7 @@ function NewBuildNotice(props) {
     }
   );
 }
+const NewBuildNotice = withPieceSlots(NewBuildNoticeContent, THEME_NAME);
 export {
   NEW_BUILD_NOTICE_VARIANT,
   NewBuildNotice as default