dmencu 2.2.8 → 2.2.10

package/dist/client/unlogged/render-formulario.tsx

@@ -6,7 +6,8 @@ import {
     ICON,
     scrollToTop,
     materialIoIconsSvgPath,
-    useOnlineStatus
+    useOnlineStatus,
+    RenderizadorJSON
 } from "./render-general";
 import {
     Bloque, BotonFormulario,
@@ -1144,6 +1145,7 @@ var botonFormularioConResumen = (
                     className: "boton-borrar-ua-vacia",
                     color: "default",
                     variant: "outlined",
+                    style: { marginLeft: '8px' },
                     children:
                         html.svg({ focusable: false, viewbox: "0 0 24 24", "aria-hidden": "true", style: styleToCss({ fill: "currentColor" }) }, [
                             html.path({ d: materialIoIconsSvgPath.DeleteForever, style: styleToCss({ fill: 'currentColor' }) })
@@ -1444,7 +1446,7 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
                 <DialogTitle>Advertencia: Se perderán datos</DialogTitle>
                 <DialogContent>
                     <DialogContentText>
-                        Está por borrar un formulario que no cumple las condiciones habituales de borrado. Los datos a continuación y todos sus registros asociados se perderán por completo. ¿Desea continuar?
+                        Está por borrar un formulario. Los datos del mismo y todos sus registros asociados se perderán. ¿Desea continuar?
                     </DialogContentText>
                     
                     <div style={{ marginTop: '20px', marginBottom: '20px' }}>
@@ -1467,9 +1469,9 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
                     </div>
 
                     <Typography variant="h6" style={{ marginTop: '10px', fontWeight: 'bold' }}>Datos que se perderán:</Typography>
-                    <pre style={{maxWidth: '100%', overflowX: 'auto', background: '#f5f5f5', padding: '10px', marginTop: '10px', marginBottom: '20px'}}>
-                        {JSON.stringify(confirmacionBorrado.datos, null, 2)}
-                    </pre>
+                    <div style={{ maxWidth: '600px', margin: '0 auto', fontFamily: 'sans-serif' }}>
+                        <RenderizadorJSON datos={confirmacionBorrado.datos} />
+                    </div>
                 </DialogContent>
                 <DialogActions>
                     <Button 

package/dist/client/unlogged/render-general.tsx

@@ -132,6 +132,108 @@ export function focusToId(id: string, opts: FocusOpts, cb?: (e: HTMLElement) =>
 
 export type IDispatchers = { RESET_OPCIONES: Function };
 
+function getBadgeStyle(estado: string): React.CSSProperties {
+    const base: React.CSSProperties = {
+        padding: '2px 6px',
+        borderRadius: '4px',
+        fontSize: '11px',
+        fontWeight: 'bold',
+        display: 'inline-block',
+        textTransform: 'uppercase'
+    };
+    if (estado === 'ok') return { ...base, backgroundColor: '#c6f6d5', color: '#22543d' };
+    if (estado === 'incompleto' || estado === 'con problemas') return { ...base, backgroundColor: '#feebc8', color: '#744210' };
+    return { ...base, backgroundColor: '#edf2f7', color: '#4a5568' };
+}
+interface RenderizadorJSONProps {
+    datos: Record<string, any>;
+    nivel?: number;
+}
+
+export const RenderizadorJSON: React.FC<RenderizadorJSONProps> = ({ datos, nivel = 0 }) => {
+
+    const clavesFiltradas = Object.keys(datos).filter(
+        clave => !clave.startsWith('$') && clave !== 'timestampEstructura'
+    );
+
+    return (
+        <div style={{ paddingLeft: nivel > 0 ? '16px' : '0px' }}>
+            {clavesFiltradas.map(clave => {
+                const valor = datos[clave];
+
+                // DETECCIÓN DE SUB-UNIDADES DE ANÁLISIS (hogares, personas, etc.)
+                if (Array.isArray(valor) && valor.length > 0 && typeof valor[0] === 'object') {
+                    return (
+                        <div
+                            key={clave}
+                            style={{
+                                margin: '12px 0',
+                                borderLeft: '4px solid #3182ce',
+                                backgroundColor: '#f7fafc',
+                                borderRadius: '0 6px 6px 0',
+                                padding: '8px 12px'
+                            }}
+                        >
+                            {/* Título de la UA */}
+                            <div style={{ fontWeight: 'bold', color: '#2b6cb0', fontSize: '13px', textTransform: 'uppercase', marginBottom: '6px' }}>
+                                Unidad de Análisis: {clave} ({valor.length})
+                            </div>
+
+                            {valor.map((registro, filaIndex) => (
+                                <div
+                                    key={filaIndex}
+                                    style={{
+                                        marginBottom: filaIndex < valor.length - 1 ? '10px' : '0',
+                                        paddingTop: filaIndex > 0 ? '6px' : '0',
+                                        borderTop: filaIndex > 0 ? '1px dashed #e2e8f0' : 'none'
+                                    }}
+                                >
+                                    <RenderizadorJSON datos={registro} nivel={nivel + 1} />
+                                </div>
+                            ))}
+                        </div>
+                    );
+                }
+
+                // Si por las dudas es un objeto directo que no es array, lo salteamos
+                if (typeof valor === 'object' && valor !== null) return null;
+
+                // VARIABLES ESTÁNDAR (Clave y valor juntos)
+                return (
+                    <div
+                        key={clave}
+                        style={{
+                            display: 'flex',
+                            flexDirection: 'row',
+                            flexWrap: 'wrap', // Por si el valor es muy largo, que baje limpio
+                            padding: '4px 0',
+                            fontSize: '13px',
+                            alignItems: 'center',
+                            lineHeight: '1.4'
+                        }}
+                    >
+                        {/* Clave: ahora sin ancho fijo, se adapta al texto */}
+                        <div style={{ color: '#4a5568', fontWeight: 500, marginRight: '6px' }}>
+                            {clave}:
+                        </div>
+
+                        {/* Valor: pegado inmediatamente a la clave */}
+                        <div style={{ color: '#1a202c', fontWeight: 600 }}>
+                            {clave.startsWith('resumenEstado') ? (
+                                <span style={getBadgeStyle(String(valor))}>
+                                    {String(valor)}
+                                </span>
+                            ) : (
+                                String(valor ?? '')
+                            )}
+                        </div>
+                    </div>
+                );
+            })}
+        </div>
+    );
+};
+
 export function ReseterForm(props: { onTryAgain: () => void, dispatchers: IDispatchers, mensaje: string }) {
     const dispatch = useDispatch();
     return <>

package/dist/unlogged/unlogged/bypass-formulario.d.ts

@@ -172,6 +172,7 @@ export declare function verificarSorteo(opts: {
     forPk: ForPk;
     variableActual: IdVariable;
 }): void;
+export declare function recalcularTodoElArbol(respuestasRaiz: RespuestasRaiz, forPkRaiz: ForPk): void;
 export declare function calcularFeedbackUnidadAnalisis(feedbackRowValidator: {
     [formulario in PlainForPk]: FormStructureState<IdVariable, Valor, IdFin>;
 }, formularios: {