@dipusevilla/componentes-iu 1.1.0 → 1.1.1

package/dist/types/components/Checkbox.d.ts

@@ -13,8 +13,10 @@ export interface CheckboxProps {
     className?: string;
     hasError?: boolean;
     errorMessage?: string;
+    reserveErrorSpace?: boolean;
+    disableErrorPlaceholder?: boolean;
     /** --- Modo no-RHF (headless) --- */
     checked?: boolean;
     onChange?: (checked: boolean) => void;
 }
-export declare function Checkbox({ control, name, rules, defaultValue, label, labelHidden, disabled, size, className, hasError, errorMessage, checked, onChange, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ control, name, rules, defaultValue, label, labelHidden, disabled, size, className, hasError, errorMessage, reserveErrorSpace, disableErrorPlaceholder, checked, onChange, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DateInput.d.ts

@@ -15,6 +15,8 @@ export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     labelHidden?: boolean;
     hasError?: boolean;
     errorMessage?: string;
+    reserveErrorSpace?: boolean;
+    disableErrorPlaceholder?: boolean;
     disabled?: boolean;
     className?: string;
 }

package/dist/types/components/SearchField.d.ts

@@ -24,6 +24,8 @@ export interface SearchFieldProps {
     /** Icon props for input field */
     prefixIcon?: HeroIconComponent;
     suffixIcon?: HeroIconComponent;
+    reserveErrorSpace?: boolean;
+    disableErrorPlaceholder?: boolean;
 }
-export declare function SearchField({ name, control, searchFn, resolveByValue, label, size, width, disabled, searchMode, minChars, debounceMs, labelPrefixIcon, labelSuffixIcon, prefixIcon, suffixIcon, }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchField({ name, control, searchFn, resolveByValue, label, size, width, disabled, searchMode, minChars, debounceMs, labelPrefixIcon, labelSuffixIcon, prefixIcon, suffixIcon, reserveErrorSpace, disableErrorPlaceholder, }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/editor/adapters/inMemoryTranslationAdapter.d.ts

@@ -0,0 +1,36 @@
+import type { TranslationAdapter } from './types';
+/**
+ * Adaptador de traducción en memoria que usa i18next
+ * Guarda las traducciones en memoria y las sincroniza con i18next
+ */
+export declare class InMemoryTranslationAdapter implements TranslationAdapter {
+    private translations;
+    currentLanguage: string;
+    languages: string[];
+    constructor(languages?: string[], defaultLanguage?: string);
+    /**
+     * Obtiene una traducción
+     */
+    getTranslation(key: string, lang?: string): string;
+    /**
+     * Actualiza o crea una traducción
+     */
+    updateTranslation(key: string, value: string, lang?: string): Promise<void>;
+    /**
+     * Obtiene todas las traducciones de un idioma
+     */
+    getAllTranslations(lang?: string): Record<string, string>;
+    /**
+     * Exporta todas las traducciones en formato jerárquico
+     */
+    exportTranslations(lang?: string): Record<string, any>;
+    /**
+     * Importa traducciones desde un objeto plano
+     */
+    importTranslations(translations: Record<string, string>, lang?: string): void;
+    /**
+     * Limpia todas las traducciones en memoria
+     */
+    clear(lang?: string): void;
+}
+export declare const inMemoryTranslationAdapter: InMemoryTranslationAdapter;

package/dist/types/editor/adapters/index.d.ts

@@ -0,0 +1,2 @@
+export { InMemoryTranslationAdapter, inMemoryTranslationAdapter } from './inMemoryTranslationAdapter';
+export type { TranslationAdapter, FileSystemAdapter, ServicesAdapter, EditorAdapters } from './types';

package/dist/types/editor/adapters/types.d.ts

@@ -10,8 +10,19 @@ export type FileSystemAdapter = {
 export type ServicesAdapter = {
     registry: Record<string, unknown>;
 };
+export type TranslationAdapter = {
+    /** Obtiene el valor traducido para una clave */
+    getTranslation(key: string, lang?: string): string;
+    /** Actualiza o crea una traducción */
+    updateTranslation(key: string, value: string, lang?: string): Promise<void>;
+    /** Idioma actual del editor */
+    currentLanguage: string;
+    /** Lista de idiomas disponibles */
+    languages: string[];
+};
 export type EditorAdapters = {
     fs: FileSystemAdapter;
     services: ServicesAdapter;
+    translations?: TranslationAdapter;
     baseDir: string;
 };

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

@@ -1,3 +1,6 @@
+import React from "react";
+import { FieldKind } from "../utils/fieldKinds";
 export declare const DRAG_MIME_FIELD = "application/x-ds-field-template";
 export declare const DRAG_MIME_LAYOUT = "application/x-ds-layout-kind";
+export declare const PALETTE_OVERLAY_PREVIEW: Partial<Record<FieldKind, React.ReactNode>>;
 export declare function Palette(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { InputProps } from "../../components/Input";
+interface TranslatableInputProps extends Omit<InputProps, "value" | "onChange"> {
+    value?: string;
+    onChange: (value: string) => void;
+    formId?: string;
+    fieldId?: string;
+    property: string;
+    contextType: "field" | "section" | "tab" | "row" | "form";
+}
+export declare function TranslatableInput({ value, onChange, formId, fieldId, property, contextType, label, ...props }: TranslatableInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/editor/dnd/renderField.d.ts

@@ -19,6 +19,7 @@ export type RenderFieldDeps = {
     disabledMap: Record<string, boolean>;
     registry?: Record<string, unknown>;
     methods: any;
+    translateFn: (key: string, fallback?: string) => string;
 };
 export declare function renderFieldFactory(deps: RenderFieldDeps): (item: string | FieldSchema | ButtonField | InputGroupField) => React.ReactNode;
 export {};

package/dist/types/editor/utils/extractTranslations.d.ts

@@ -0,0 +1,19 @@
+import type { FormSchema } from "../../types/FormTypes";
+/**
+ * Extrae todas las claves de traducción usadas en un schema de formulario
+ * @param schema - El schema del formulario
+ * @returns Un objeto con las claves de traducción encontradas (sin valores)
+ */
+export declare function extractTranslationKeys(schema: FormSchema): Record<string, string>;
+/**
+ * Genera un JSON de traducciones con valores desde el adaptador de traducción o i18next
+ * @param schema - El schema del formulario
+ * @param translationAdapter - Adaptador de traducción para obtener los valores
+ * @param i18n - Instancia de i18next (opcional)
+ * @returns Un objeto JSON con las traducciones
+ */
+export declare function generateTranslationsJSON(schema: FormSchema, translationAdapter?: {
+    getTranslation: (key: string) => string;
+    getAllTranslations?: () => Record<string, string>;
+    exportTranslations?: () => Record<string, any>;
+}, i18n?: any): Record<string, any>;

package/dist/types/i18n.d.ts

@@ -0,0 +1,3 @@
+import i18n from 'i18next';
+export declare const setComponentsLanguage: (lang: string) => void;
+export default i18n;

package/dist/types/index.d.ts

@@ -70,4 +70,7 @@ export { Canvas } from "./editor/components/Canvas";
 export { ColumnDropZone } from "./editor/components/ColumnDropZone";
 export type { EditorAdapters, FileSystemAdapter, ServicesAdapter } from "./editor/adapters/types";
 export { AdaptersProvider } from "./editor/context/adaptersProvider";
+export { ChoiceGroup } from './components/ChoiceGroup';
+export type { ChoiceGroupProps, ChoiceOption } from './components/ChoiceGroup';
+export { setComponentsLanguage } from './i18n';
 import './styles/index.css';

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

@@ -196,6 +196,8 @@ export type LayoutNode = {
  * Esquema completo del formulario.
  */
 export interface FormSchema {
+    /** Identificador único del formulario (usado para namespace de traducciones). */
+    formId?: string;
     /** Esquema Yup para validación dinámica (opcional). */
     validationSchema?: ObjectSchema<AnyObject>;
     /** Layout principal: array de LayoutNode. */

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

@@ -0,0 +1,59 @@
+/**
+ * Helper para traducir valores de campos del formulario.
+ * Si el valor es una clave de traducción válida, la traduce.
+ * Si no existe la traducción, devuelve el valor original (compatibilidad retroactiva).
+ *
+ * @param t - Función de traducción de i18next
+ * @param value - Valor a traducir (puede ser clave o texto directo)
+ * @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;
+/**
+ * Helper para traducir mensajes de validación.
+ * Maneja tanto strings simples como objetos con message.
+ *
+ * @param t - Función de traducción de i18next
+ * @param validation - Objeto de validación o string
+ * @returns Mensaje traducido
+ */
+export declare function translateValidationMessage(t: ReturnType<typeof import('react-i18next').useTranslation>['t'], validation: string | {
+    message: string;
+} | boolean | undefined): string;
+/**
+ * Helper para traducir un objeto de validación completo.
+ * Traduce todos los mensajes dentro del objeto de validación.
+ *
+ * @param t - Función de traducción de i18next
+ * @param validation - Objeto de validación del campo
+ * @returns Objeto de validación con mensajes traducidos
+ */
+export declare function translateValidation(t: ReturnType<typeof import('react-i18next').useTranslation>['t'], validation?: {
+    required?: boolean | string;
+    minLength?: {
+        value: number;
+        message: string;
+    };
+    maxLength?: {
+        value: number;
+        message: string;
+    };
+    pattern?: {
+        value: RegExp;
+        message: string;
+    };
+}): {
+    required?: boolean | string;
+    minLength?: {
+        value: number;
+        message: string;
+    };
+    maxLength?: {
+        value: number;
+        message: string;
+    };
+    pattern?: {
+        value: RegExp;
+        message: string;
+    };
+} | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dipusevilla/componentes-iu",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Librería de componentes React de Dipusevilla",
   "keywords": [
     "react",