@dipusevilla/componentes-iu 1.1.5 → 1.1.7

package/dist/types/types/FormTypes.d.ts

@@ -4,6 +4,60 @@ import { InputProps } from "../components/Input";
 import { SelectProps } from "../components/Select";
 import { UseFormGetValues, UseFormWatch } from "react-hook-form";
 import type { VisibilityRule, ClearWhenRule } from "../rules/RuleDSL";
+import type { EndpointConfig } from "./EndpointTypes";
+/**
+ * Configuración de un botón del footer del modal
+ */
+export interface ModalFooterButton {
+    /** Texto del botón */
+    label: string;
+    /** Variante visual del botón */
+    variant: 'primary' | 'outline' | 'ghost';
+    /** Acción al hacer click */
+    action: 'close' | 'link';
+    /** URL si action es 'link' */
+    linkUrl?: string;
+}
+/**
+ * Configuración del modal al hacer click en el botón de información
+ */
+export interface InfoModalConfig {
+    /** Si está habilitado el modal al hacer click */
+    enabled: boolean;
+    /** Título del modal */
+    title?: string;
+    /** Icono del título (nombre e estilo de Heroicons) */
+    titleIcon?: {
+        name: string;
+        style: 'outline' | 'solid';
+    };
+    /** Contenido del modal (puede ser diferente al tooltip) */
+    content?: string;
+    /** Formato del contenido: 'text' para texto plano, 'html' para HTML */
+    contentFormat?: 'text' | 'html';
+    /** Ancho máximo del modal */
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    /** Alto máximo del modal */
+    maxHeight?: string;
+    /** Si mostrar el footer */
+    showFooter?: boolean;
+    /** Botones del footer */
+    footerButtons?: ModalFooterButton[];
+}
+/**
+ * Configuración de mensaje de información complejo
+ */
+export interface ComplexInfoConfig {
+    type: 'complex';
+    /** Título/cabecera del tooltip */
+    header?: string;
+    /** Plantilla de texto del tooltip con soporte para interpolación {{fieldName}} */
+    template: string;
+    /** Endpoint opcional para cargar datos dinámicos */
+    endpoint?: EndpointConfig;
+    /** Configuración del modal al hacer click (opcional) */
+    modalConfig?: InfoModalConfig;
+}
 export type Condition = {
     watchField: string;
     watchValue: unknown | ((vals: Record<string, unknown>) => boolean);
@@ -38,8 +92,8 @@ export interface FieldSchema {
     options?: any[];
     /** Función asíncrona para cargar opciones dinámicas en <Select>. */
     loadOptions?: () => Promise<any[]>;
-    /** Información adicional (ReactNode). */
-    info?: React.ReactNode;
+    /** Información adicional (string, ReactNode o configuración compleja). */
+    info?: React.ReactNode | ComplexInfoConfig;
     /** Reglas de validación para Yup / react-hook-form. */
     validation?: {
         required?: boolean | string;
@@ -55,6 +109,40 @@ export interface FieldSchema {
             value: RegExp;
             message: string;
         };
+        customFn?: string;
+        customMessages?: Record<string, string>;
+        emailMessage?: string;
+        urlMessage?: string;
+        phoneMessage?: string;
+        numberMin?: {
+            value: number;
+            message: string;
+        };
+        numberMax?: {
+            value: number;
+            message: string;
+        };
+        step?: {
+            value: number;
+            message: string;
+        };
+        integerOnly?: boolean | string;
+        positiveOnly?: boolean | string;
+        typeError?: string;
+        dateMin?: {
+            value: string | Date;
+            message: string;
+        };
+        dateMax?: {
+            value: string | Date;
+            message: string;
+        };
+        disallowPast?: boolean | string;
+        disallowFuture?: boolean | string;
+        fileMaxSizeMB?: {
+            value: number;
+            message: string;
+        };
     };
     /** Límite de caracteres (solo para textarea). */
     maxLength?: number;
@@ -64,6 +152,7 @@ export interface FieldSchema {
     accept?: string;
     maxFiles?: number;
     multiple?: boolean;
+    hideDropZone?: boolean;
     /** Para optionGroup: disposición vertical. */
     vertical?: boolean;
     /** Etiqueta del grupo (solo para optionGroup). */
@@ -109,6 +198,8 @@ export interface FieldSchema {
     optionSource?: string;
     /** Nueva configuración avanzada de endpoint (reemplaza optionSource/searchSource) */
     endpointConfig?: EndpointConfig;
+    /** Configuración de validación asíncrona */
+    asyncValidation?: AsyncValidationConfig;
     /** Valores por defecto sincrónicos. */
     defaultValue?: Record<string, unknown>;
 }
@@ -195,6 +286,15 @@ export type LayoutNode = {
         key: string;
         label: string;
         sections: SectionBlock[];
+        disabled?: boolean;
+        icon?: {
+            name: string;
+            style: 'outline' | 'solid';
+        };
+        id?: string;
+        visibleWhen?: VisibilityRule & {
+            enabled?: boolean;
+        };
     }>;
 };
 /**
@@ -221,32 +321,33 @@ export interface FormSchema {
     defaultValues?: Record<string, unknown>;
     /** Función asíncrona para obtener defaultValues. */
     loadDefaultValues?: () => Promise<Record<string, unknown>>;
+    /** @deprecated Use onloadEndpoints instead. Configuración de endpoint para cargar datos al inicio */
+    onloadEndpoint?: EndpointConfig;
+    /** Configuración de endpoints para cargar datos al inicio (múltiples llamadas) */
+    onloadEndpoints?: EndpointConfig[];
+    /** Variables de sistema definidas por el usuario */
+    variables?: SystemVariable[];
+}
+export interface SystemVariable {
+    key: string;
+    type: 'constant' | 'computed' | 'external';
+    value: any;
 }
 export type Option = {
     label?: string;
     value: string | number;
 };
 /**
- * Configuración de parámetro para endpoint
+ * Configuración de validación asíncrona
  */
-export interface EndpointParameter {
-    /** Nombre del parámetro */
-    name: string;
-    /** Tipo de valor: estático o referencia a campo */
-    type: 'static' | 'field';
-    /** Valor estático (si type === 'static') */
-    value?: any;
-    /** Referencia a campo del formulario (si type === 'field') */
-    fieldRef?: string;
-}
 /**
- * Configuración completa de un endpoint (para optionSource/searchSource mejorado)
+ * Configuración de validación asíncrona
  */
-export interface EndpointConfig {
-    /** Clave del endpoint en el registry (ej: "encargo.organosAdjudicacion") */
-    key: string;
-    /** Parámetros configurados para el endpoint */
-    parameters?: Record<string, EndpointParameter>;
+export interface AsyncValidationConfig {
+    /** Configuración del endpoint de validación */
+    endpoint: EndpointConfig;
+    /** Cuándo disparar la validación */
+    trigger: 'onSubmit' | 'onBlur';
 }
 export type ConditionalProp = VisibilityRule | {
     watchField: string;

package/dist/types/utils/SecureValidator.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Ejecuta código de validación de usuario en un entorno aislado (Web Worker).
+ *
+ * @param code Código proporcionado por el usuario (cuerpo de la función).
+ * @param context Objeto con datos disponibles (value, form, utils).
+ * @param options Opciones adicionales (translations, timeoutMs).
+ * @returns Promise que resuelve a:
+ *  - true (válido)
+ *  - string (mensaje de error)
+ *  - false (inválido genérico)
+ *  Reject si hay error de sintaxis o timeout.
+ */
+export declare function validateWithWorker(code: string, context: Record<string, any>, optionsOrTimeout?: number | {
+    timeoutMs?: number;
+    translations?: Record<string, string>;
+}): Promise<boolean | string>;

package/dist/types/utils/endpointHelpers.d.ts

@@ -1,10 +1,10 @@
-import type { EndpointConfig, EndpointParameter } from '../types/FormTypes';
+import type { EndpointConfig, EndpointParameter } from '../types/EndpointTypes';
 import type { UseFormGetValues } from 'react-hook-form';
 /**
  * Resuelve los parámetros de un EndpointConfig convirtiendo referencias
  * a campos en valores actuales del formulario
  */
-export declare function resolveEndpointParameters(parameters: Record<string, EndpointParameter> | undefined, getValues: UseFormGetValues<any>): Record<string, any>;
+export declare function resolveEndpointParameters(parameters: Record<string, EndpointParameter> | undefined, getValues: UseFormGetValues<any>, systemContext?: Record<string, any>): Record<string, any>;
 /**
  * Obtiene la clave del registry desde optionSource (string) o endpointConfig (objeto)
  * Mantiene compatibilidad hacia atrás

package/dist/types/utils/interpolationHelpers.d.ts

@@ -0,0 +1 @@
+export declare function interpolateText(text: string | undefined | null, context: Record<string, any>): string;

package/dist/types/utils/translationHelpers.d.ts

@@ -8,7 +8,11 @@
  * @param fallback - Valor por defecto si value es undefined
  * @returns Texto traducido o valor original
  */
-export declare function translateField(t: ReturnType<typeof import('react-i18next').useTranslation>['t'], value: string | undefined, fallback?: string): string;
+export declare function translateField(t: ReturnType<typeof import('react-i18next').useTranslation>['t'], value: string | undefined | {
+    type?: string;
+    header?: string;
+    template?: string;
+}, fallback?: string): string;
 /**
  * Helper para traducir mensajes de validación.
  * Maneja tanto strings simples como objetos con message.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dipusevilla/componentes-iu",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Librería de componentes React de Dipusevilla",
   "keywords": [
     "react",
@@ -34,7 +34,12 @@
     "prepublishOnly": "npm run build",
     "preview": "vite preview",
     "publish": "npm publish --access public",
-    "storybook": "storybook dev -p 6006"
+    "storybook": "storybook dev -p 6006",
+    "test": "vitest",
+    "test:watch": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:coverage:ui": "vitest run --coverage --open"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -43,9 +48,15 @@
     "@headlessui/react": "^2.2.9",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.2.2",
+    "@monaco-editor/react": "^4.7.0",
+    "@types/file-saver": "^2.0.7",
+    "@types/jszip": "^3.4.0",
     "clsx": "^2.1.1",
+    "file-saver": "^2.0.5",
     "i18next": "^25.6.2",
     "immer": "^10.2.0",
+    "jszip": "^3.10.1",
+    "prettier": "^3.7.4",
     "react-hook-form": "^7.66.0",
     "react-i18next": "^16.3.3",
     "react-router-dom": "^7.9.6",
@@ -71,6 +82,8 @@
     "@storybook/test": "^8.6.14",
     "@tailwindcss/postcss": "^4.1.8",
     "@tailwindcss/vite": "^4.1.7",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
     "@types/i18next": "^12.1.0",
     "@types/node": "^22.15.29",
     "@types/react": "^19.1.6",
@@ -86,6 +99,7 @@
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.12.0",
     "globals": "^16.0.0",
+    "jsdom": "^27.4.0",
     "playwright": "^1.52.0",
     "postcss": "^8.5.4",
     "storybook": "^8.6.14",

package/dist/types/editor/components/ServiceAdapterGenerator.d.ts

@@ -1,4 +0,0 @@
-export declare function ServiceAdapterGenerator({ open, onClose }: {
-    open: boolean;
-    onClose: () => void;
-}): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/editor/helpers/serviceParser.d.ts

@@ -1,6 +0,0 @@
-import { ServicesAdapter } from "../adapters/types";
-/**
- * Parses TypeScript/JavaScript service code to extract exported function names
- * and generates a mock ServicesAdapter.
- */
-export declare function generateAdapterFromCode(code: string, prefix?: string): ServicesAdapter;