@dipusevilla/componentes-iu 1.1.2 → 1.1.4

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Control } from 'react-hook-form';
 export interface CheckboxProps {
     /** --- Modo RHF (controlado) --- */
@@ -6,7 +7,7 @@ export interface CheckboxProps {
     rules?: any;
     defaultValue?: boolean;
     /** --- Props comunes --- */
-    label?: string;
+    label?: string | React.ReactNode;
     labelHidden?: boolean;
     disabled?: boolean;
     size?: 'sm' | 'md' | 'lg';

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

@@ -1,4 +1,4 @@
-import { type InputHTMLAttributes } from "react";
+import React, { type InputHTMLAttributes } from "react";
 import type { Control, RegisterOptions } from "react-hook-form";
 type Size = "sm" | "md" | "lg";
 export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "name" | "defaultValue"> {
@@ -11,7 +11,7 @@ export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     showTime?: boolean;
     size?: Size;
     width?: string;
-    label?: string;
+    label?: string | React.ReactNode;
     labelHidden?: boolean;
     hasError?: boolean;
     errorMessage?: string;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Control } from 'react-hook-form';
 type Size = 'sm' | 'md' | 'lg';
 export interface FileUploaderProps {
@@ -9,7 +10,7 @@ export interface FileUploaderProps {
     accept?: string;
     size?: Size;
     width?: string;
-    label?: string;
+    label?: string | React.ReactNode;
     labelHidden?: boolean;
     disabled?: boolean;
     hasError?: boolean;

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

@@ -4,7 +4,7 @@ import type { InputType } from "./Input";
 type SvgCmp = React.FC<React.SVGProps<SVGSVGElement>>;
 export interface FormFieldInputProps {
     name: string;
-    label?: string;
+    label?: string | React.ReactNode;
     type?: InputType;
     size?: "sm" | "md" | "lg";
     width?: string;

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

@@ -3,7 +3,7 @@ type Size = "sm" | "md" | "lg";
 type SvgCmp = React.FC<React.SVGProps<SVGSVGElement>>;
 export interface FormLabelProps {
     id: string;
-    text?: string;
+    text?: string | React.ReactNode;
     size: Size;
     prefixIcon?: SvgCmp;
     suffixIcon?: SvgCmp;

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

@@ -7,7 +7,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     type?: InputType;
     size?: Size;
     width?: string;
-    label?: string;
+    label?: string | React.ReactNode;
     labelHidden?: boolean;
     hasError?: boolean;
     errorMessage?: string;

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

@@ -6,6 +6,7 @@ export interface ModalProps {
     children: ReactNode;
     footer?: ReactNode;
     maxWidth?: string;
+    maxHeight?: string;
 }
 export declare const Modal: React.FC<ModalProps>;
 export default Modal;

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

@@ -1,9 +1,10 @@
+import React from 'react';
 import type { Control } from 'react-hook-form';
 import { Option } from '../types/FormTypes';
 type Size = 'sm' | 'md' | 'lg';
 export interface OptionGroupProps {
     /** Etiqueta accesible / visible para todo el grupo */
-    groupLabel?: string;
+    groupLabel?: string | React.ReactNode;
     /** Array de opciones a renderizar */
     options: Option[];
     control: Control<any>;

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

@@ -11,7 +11,7 @@ export interface SearchFieldProps {
     control: Control<any>;
     searchFn: (query: string, ctx?: FormCtx) => Promise<Option[]>;
     resolveByValue?: (value: string, ctx?: FormCtx) => Promise<Option | null>;
-    label?: string;
+    label?: string | React.ReactNode;
     size?: "sm" | "md" | "lg";
     width?: string;
     disabled?: boolean;

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

@@ -15,7 +15,7 @@ export interface SelectProps {
     onChange?: (value: any) => void;
     size?: Size;
     width?: string;
-    label?: string;
+    label?: string | React.ReactNode;
     labelHidden?: boolean;
     hasError?: boolean;
     errorMessage?: string;

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

@@ -9,7 +9,7 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
     defaultValue?: string;
     size?: Size;
     width?: string;
-    label?: string;
+    label?: string | React.ReactNode;
     labelHidden?: boolean;
     hasError?: boolean;
     errorMessage?: string;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { EndpointMetadata } from '../types/endpointMetadata';
+export interface EndpointBrowserProps {
+    /** Tipo de endpoints a mostrar */
+    filterType?: 'options' | 'search';
+    /** Endpoint actualmente seleccionado */
+    selectedKey?: string;
+    /** Callback cuando se selecciona un endpoint */
+    onSelect: (endpoint: EndpointMetadata) => void;
+}
+export declare const EndpointBrowser: React.FC<EndpointBrowserProps>;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { EndpointConfig, FieldSchema } from '../../types/FormTypes';
+export interface EndpointConfigModalProps {
+    /** Si el modal está abierto */
+    isOpen: boolean;
+    /** Callback para cerrar el modal */
+    onClose: () => void;
+    /** Configuración actual del endpoint */
+    currentConfig?: EndpointConfig | string;
+    /** Tipo de endpoint a configurar */
+    endpointType: 'options' | 'search';
+    /** Callback cuando se confirma la configuración */
+    onConfirm: (config: EndpointConfig) => void;
+    /** Campos disponibles del formulario para referencias */
+    availableFields: FieldSchema[];
+}
+export declare const EndpointConfigModal: React.FC<EndpointConfigModalProps>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { EndpointParameter, FieldSchema } from '../../types/FormTypes';
+import type { EndpointParameterMetadata } from '../types/endpointMetadata';
+export interface EndpointParameterConfigProps {
+    /** Metadata del parámetro */
+    paramMeta: EndpointParameterMetadata;
+    /** Valor actual del parámetro */
+    value?: EndpointParameter;
+    /** Callback cuando cambia la configuración */
+    onChange: (param: EndpointParameter) => void;
+    /** Campos disponibles para referencias */
+    availableFields: FieldSchema[];
+}
+export declare const EndpointParameterConfig: React.FC<EndpointParameterConfigProps>;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { FieldSchema } from '../../types/FormTypes';
+export interface FieldPickerProps {
+    /** Campos disponibles para seleccionar */
+    fields: FieldSchema[];
+    /** Campo actualmente seleccionado */
+    selectedField?: string;
+    /** Callback cuando se selecciona un campo */
+    onSelect: (fieldName: string) => void;
+    /** Callback para cerrar el picker */
+    onClose?: () => void;
+    /** Mostrar como modal (default) o inline */
+    mode?: 'modal' | 'inline';
+    /** Título del picker */
+    title?: string;
+    /** Filtrar por tipos de campo específicos */
+    filterTypes?: string[];
+}
+export declare const FieldPicker: React.FC<FieldPickerProps>;

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface InlineEditProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    inputClassName?: string;
+    autoFocus?: boolean;
+}
+export declare const InlineEdit: React.FC<InlineEditProps>;
+export {};

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

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const ServiceManagerDialog: React.FC<{
+    isOpen: boolean;
+    onClose: () => void;
+}>;

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

@@ -1,4 +1,4 @@
-export type FileType = "json" | "yup" | "translations";
+export type FileType = string;
 interface SimpleFileExplorerProps {
     selected: FileType;
     onSelect: (file: FileType) => void;

package/dist/types/editor/components/canvas/CanvasColumn.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { SectionColumn } from "../../../types/FormTypes";
+interface CanvasColumnProps {
+    col: SectionColumn;
+    widthClass: string;
+    nodeIdx: number;
+    sIdx: number;
+    rIdx: number;
+    cIdx: number;
+    parentType: "rows" | "tabs";
+    tabKey?: string;
+    confirmDelete: (title: string, message: React.ReactNode, onConfirm: () => void) => void;
+}
+export declare const CanvasColumn: React.NamedExoticComponent<CanvasColumnProps>;
+export {};

package/dist/types/editor/components/canvas/CanvasField.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FieldSchema } from "../../../types/FormTypes";
+interface CanvasFieldProps {
+    field: string | FieldSchema | any;
+    index: number;
+    nodeIdx: number;
+    sIdx: number;
+    rIdx: number;
+    cIdx: number;
+    parentType: "rows" | "tabs";
+    tabKey?: string;
+    onDelete: () => void;
+    confirmDelete: (title: string, message: React.ReactNode, onConfirm: () => void) => void;
+}
+export declare const CanvasField: React.NamedExoticComponent<CanvasFieldProps>;
+export {};

package/dist/types/editor/components/canvas/CanvasInputGroupChild.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { FieldSchema } from "../../../types/FormTypes";
+interface CanvasInputGroupChildProps {
+    fieldOrName: string | FieldSchema;
+    groupName: string;
+    index: number;
+    onRemove: () => void;
+    setSelection: (sel: any) => void;
+    confirmDelete: (title: string, message: React.ReactNode, onConfirm: () => void) => void;
+}
+export declare const CanvasInputGroupChild: React.MemoExoticComponent<({ fieldOrName, groupName, index, onRemove, setSelection, confirmDelete, }: CanvasInputGroupChildProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/types/editor/components/canvas/CanvasRow.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { SectionRowObject } from "../../../types/FormTypes";
+interface CanvasRowProps {
+    row: SectionRowObject;
+    nodeIdx: number;
+    sIdx: number;
+    rIdx: number;
+    parentType: "rows" | "tabs";
+    tabKey?: string;
+    confirmDelete: (title: string, message: React.ReactNode, onConfirm: () => void) => void;
+}
+export declare const CanvasRow: React.NamedExoticComponent<CanvasRowProps>;
+export {};

package/dist/types/editor/components/canvas/CanvasSection.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { SectionBlock } from "../../../types/FormTypes";
+interface CanvasSectionProps {
+    section: SectionBlock;
+    nodeIdx: number;
+    sIdx: number;
+    parentType: "rows" | "tabs";
+    tabKey?: string;
+    confirmDelete: (title: string, message: React.ReactNode, onConfirm: () => void) => void;
+}
+export declare const CanvasSection: React.NamedExoticComponent<CanvasSectionProps>;
+export {};

package/dist/types/editor/components/canvas/CanvasTabsNode.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { LayoutNode } from "../../../types/FormTypes";
+interface CanvasTabsNodeProps {
+    node: LayoutNode & {
+        type: "tabs";
+    };
+    nodeIdx: number;
+    draggedTabSection: {
+        nodeIdx: number;
+        tabKey: string;
+        sIdx: number;
+    } | null;
+    confirmDelete: (title: string, message: React.ReactNode, onConfirm: () => void) => void;
+}
+export declare const CanvasTabsNode: React.NamedExoticComponent<CanvasTabsNodeProps>;
+export {};

package/dist/types/editor/components/canvas/CollapseToggle.d.ts

@@ -0,0 +1,9 @@
+export declare function CollapseToggle({ expanded, onClick, labelExpanded, labelCollapsed, titleExpanded, titleCollapsed, className, }: {
+    expanded: boolean;
+    onClick: () => void;
+    labelExpanded: string;
+    labelCollapsed: string;
+    titleExpanded?: string;
+    titleCollapsed?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -2,9 +2,10 @@ export declare function TabDropSlot({ nodeIdx, insertAt }: {
     nodeIdx: number;
     insertAt: number;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function DraggableTabChip({ nodeIdx, index, tabKey, label, }: {
+export declare function DraggableTabChip({ nodeIdx, index, tabKey, label, onRename, }: {
     nodeIdx: number;
     index: number;
     tabKey: string;
     label: string;
+    onRename?: (val: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -20,6 +20,8 @@ export type RenderFieldDeps = {
     registry?: Record<string, unknown>;
     methods: any;
     translateFn: (key: string | undefined, fallback?: string) => string;
+    onUpdateField?: (name: string, patch: any) => void;
+    isDesignMode?: boolean;
 };
 export declare function renderFieldFactory(deps: RenderFieldDeps): (item: string | FieldSchema | ButtonField | InputGroupField) => React.ReactNode;
 export {};

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

@@ -1,5 +1,5 @@
 import { RuleExpr } from "../../rules/RuleDSL";
-import { FormSchema, FieldSchema } from "../../types/FormTypes";
+import { FormSchema, FieldSchema, Option } from "../../types/FormTypes";
 type RuleContainer = {
     enabled?: boolean;
     rule?: RuleExpr;
@@ -12,7 +12,7 @@ export declare function useFormRendererDeps(schema: FormSchema, externalResolver
     fields: import("../../types/FormTypes").FieldEntry[];
     fieldsByName: Record<string, FieldSchema>;
     asyncOptionsMap: Record<string, import("../../hooks/useAsyncSelectOptions").Option[]>;
-    adapterOptionsMap: any;
+    adapterOptionsMap: Record<string, Option[]>;
     disabledMap: {
         [x: string]: boolean;
     };

package/dist/types/editor/hooks/useFieldNode.d.ts

@@ -0,0 +1,6 @@
+import { FieldSchema, InputGroupField } from "../../types/FormTypes";
+/**
+ * Returns the field definition for a given name.
+ * Uses a granular selector to avoid re-rendering when other fields change.
+ */
+export declare function useFieldNode(name: string | undefined): FieldSchema | InputGroupField | undefined;

package/dist/types/editor/hooks/useSchemaDefinitions.d.ts

@@ -0,0 +1,5 @@
+import type { FieldSchema } from "../../types/FormTypes";
+export declare function useSchemaDefinitions(): {
+    fieldTypeByName: Record<string, string | undefined>;
+    fieldByName: Record<string, FieldSchema | undefined>;
+};

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

@@ -0,0 +1,59 @@
+/**
+ * Metadata types for endpoints
+ * This metadata is generated dynamically from OpenAPI specs
+ */
+export interface EndpointParameterMetadata {
+    /** Nombre del parámetro */
+    name: string;
+    /** Tipo de dato esperado */
+    type: 'string' | 'number' | 'boolean';
+    /** Si el parámetro es requerido */
+    required: boolean;
+    /** Descripción legible del parámetro */
+    description?: string;
+    /** De dónde puede venir el valor */
+    source?: 'static' | 'field' | 'both';
+}
+export interface EndpointMetadata {
+    /** Clave única en el registry */
+    key: string;
+    /** Nombre del controller al que pertenece */
+    controller: string;
+    /** Nombre legible del endpoint */
+    name: string;
+    /** Descripción del endpoint */
+    description?: string;
+    /** Tipo de endpoint: opciones para Select o búsqueda para SearchField */
+    type: 'options' | 'search';
+    /** Parámetros que acepta el endpoint */
+    parameters?: EndpointParameterMetadata[];
+}
+/**
+ * Updates or adds endpoint metadata dynamically
+ * (used when importing OpenAPI)
+ */
+export declare function updateEndpointMetadata(newMetadata: Record<string, EndpointMetadata>): void;
+/**
+ * Gets metadata for a specific endpoint by key
+ */
+export declare function getEndpointMetadata(key: string): EndpointMetadata | undefined;
+/**
+ * Groups endpoints by controller
+ */
+export declare function getEndpointsByController(): Record<string, EndpointMetadata[]>;
+/**
+ * Filters endpoints by type (options or search)
+ */
+export declare function getEndpointsByType(type: 'options' | 'search'): EndpointMetadata[];
+/**
+ * Searches endpoints by text (name, description, key)
+ */
+export declare function searchEndpoints(query: string): EndpointMetadata[];
+/**
+ * Gets all metadata entries
+ */
+export declare function getAllEndpointMetadata(): Record<string, EndpointMetadata>;
+/**
+ * Clears all metadata (useful for testing)
+ */
+export declare function clearEndpointMetadata(): void;

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

@@ -0,0 +1,10 @@
+import type { ParsedOpenAPI } from './openApiParserEnhanced';
+import type { Option } from '../../types/FormTypes';
+export interface GeneratedAdapter {
+    key: string;
+    fn: (query: string, ctx: any) => Promise<Option[]>;
+}
+/**
+ * Generate adapter functions from parsed OpenAPI for the services registry
+ */
+export declare function generateAdapters(parsed: ParsedOpenAPI): Record<string, (query: string, ctx: any) => Promise<Option[]>>;

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

@@ -0,0 +1,6 @@
+import type { ParsedOpenAPI } from './openApiParserEnhanced';
+import type { EndpointMetadata } from '../types/endpointMetadata';
+/**
+ * Generate endpoint metadata from parsed OpenAPI for the endpoint browser
+ */
+export declare function generateEndpointMetadata(parsed: ParsedOpenAPI): Record<string, EndpointMetadata>;

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

@@ -0,0 +1,37 @@
+export interface ParsedOpenAPI {
+    controllers: ParsedController[];
+    endpoints: ParsedEndpoint[];
+    schemas: Record<string, any>;
+    baseUrl?: string;
+    version?: string;
+}
+export interface ParsedController {
+    name: string;
+    description?: string;
+    endpoints: ParsedEndpoint[];
+}
+export interface ParsedEndpoint {
+    key: string;
+    controller: string;
+    operationId: string;
+    path: string;
+    method: string;
+    summary?: string;
+    description?: string;
+    parameters: ParsedParameter[];
+    requestBody?: any;
+    responses: Record<string, any>;
+    tags: string[];
+}
+export interface ParsedParameter {
+    name: string;
+    in: 'query' | 'path' | 'header' | 'cookie' | 'body';
+    required: boolean;
+    schema: any;
+    description?: string;
+    type?: string;
+}
+/**
+ * Parse OpenAPI 3.x specification with enhanced structure
+ */
+export declare function parseOpenAPIEnhanced(spec: any): ParsedOpenAPI;

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

@@ -0,0 +1,4 @@
+export declare const STORAGE_KEY_OPENAPI = "v1:editor:openapi_specs";
+export declare function saveOpenAPISpec(spec: any): void;
+export declare function getSavedOpenAPISpecs(): any[];
+export declare function clearSavedSpecs(): void;

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

@@ -105,6 +105,10 @@ export interface FieldSchema {
     debounceMs?: number;
     /** Función para resolver valor inicial (edición) */
     resolveByValue?: (value: string, ctx?: FormCtx) => Promise<Option | null>;
+    /** @deprecated Use endpointConfig instead. Clave simple del registry para opciones (Select) */
+    optionSource?: string;
+    /** Nueva configuración avanzada de endpoint (reemplaza optionSource/searchSource) */
+    endpointConfig?: EndpointConfig;
     /** Valores por defecto sincrónicos. */
     defaultValue?: Record<string, unknown>;
 }
@@ -121,6 +125,7 @@ export interface ButtonField extends Omit<FieldSchema, "type"> {
  */
 export interface InputGroupField {
     type: "inputGroup";
+    name: string;
     /** Etiqueta del grupo. */
     groupLabel: string;
     /** Cada elemento puede ser string (referencia a FieldSchema global)
@@ -221,6 +226,28 @@ export type Option = {
     label?: string;
     value: string | number;
 };
+/**
+ * Configuración de parámetro para endpoint
+ */
+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)
+ */
+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 type ConditionalProp = VisibilityRule | {
     watchField: string;
     watchValue: unknown | ((vals: Record<string, unknown>) => boolean);

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

@@ -0,0 +1,16 @@
+import type { EndpointConfig, EndpointParameter } from '../types/FormTypes';
+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>;
+/**
+ * Obtiene la clave del registry desde optionSource (string) o endpointConfig (objeto)
+ * Mantiene compatibilidad hacia atrás
+ */
+export declare function getEndpointKey(optionSource: string | undefined, endpointConfig: EndpointConfig | undefined): string | undefined;
+/**
+ * Determina si un campo tiene configuración de endpoint (nueva o legacy)
+ */
+export declare function hasEndpointConfig(field: any): boolean;

package/package.json

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