@asteby/metacore-runtime-react 4.0.0

package/dist/dialogs/export.js

@@ -0,0 +1,146 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// ExportDialog — lets users pick format (csv/json) + columns and kicks off
+// either a sync download or an async export job (polled via /exports/:id/status).
+// Ported from the ops starter. Axios-like client is provided by <ApiProvider>.
+import { useState, useEffect, useCallback } from 'react';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Button, Label, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@asteby/metacore-ui/primitives';
+import { Progress, RadioGroup, RadioGroupItem } from './_primitives';
+import { toast } from 'sonner';
+import { Download, ChevronDown, Loader2 } from 'lucide-react';
+import { useApi } from '../api-context';
+export function ExportDialog({ open, onOpenChange, model, metadata, currentFilters, hasActiveFilters, }) {
+    const api = useApi();
+    const [format, setFormat] = useState('csv');
+    const [exportAll, setExportAll] = useState(false);
+    const [selectedColumns, setSelectedColumns] = useState([]);
+    const [columnsOpen, setColumnsOpen] = useState(false);
+    const [exporting, setExporting] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const [asyncJobId, setAsyncJobId] = useState(null);
+    useEffect(() => {
+        if (open && metadata?.columns) {
+            setSelectedColumns(metadata.columns
+                .filter(col => !col.hidden)
+                .map(col => col.key));
+            setFormat('csv');
+            setExportAll(false);
+            setColumnsOpen(false);
+            setExporting(false);
+            setProgress(0);
+            setAsyncJobId(null);
+        }
+    }, [open, metadata]);
+    const toggleColumn = useCallback((key) => {
+        setSelectedColumns((prev) => prev.includes(key)
+            ? prev.filter((k) => k !== key)
+            : [...prev, key]);
+    }, []);
+    const toggleAllColumns = useCallback(() => {
+        const visibleKeys = metadata.columns
+            .filter(col => !col.hidden)
+            .map(col => col.key);
+        if (selectedColumns.length === visibleKeys.length) {
+            setSelectedColumns([]);
+        }
+        else {
+            setSelectedColumns(visibleKeys);
+        }
+    }, [metadata, selectedColumns]);
+    useEffect(() => {
+        if (!asyncJobId)
+            return;
+        const interval = setInterval(async () => {
+            try {
+                const res = await api.get(`/exports/${asyncJobId}/status`);
+                const status = res.data?.data ?? res.data;
+                if (status.progress !== undefined) {
+                    setProgress(status.progress);
+                }
+                if (status.status === 'completed') {
+                    clearInterval(interval);
+                    const downloadRes = await api.get(`/exports/${asyncJobId}/download`, { responseType: 'blob' });
+                    triggerDownload(downloadRes.data, format);
+                    setExporting(false);
+                    setAsyncJobId(null);
+                    toast.success('Exportación completada');
+                    onOpenChange(false);
+                }
+                else if (status.status === 'failed') {
+                    clearInterval(interval);
+                    setExporting(false);
+                    setAsyncJobId(null);
+                    toast.error(status.error_message || 'Error al exportar');
+                }
+            }
+            catch {
+                clearInterval(interval);
+                setExporting(false);
+                setAsyncJobId(null);
+                toast.error('Error al verificar el estado de la exportación');
+            }
+        }, 2000);
+        return () => clearInterval(interval);
+    }, [asyncJobId, format, onOpenChange, api]);
+    const triggerDownload = (blob, fmt) => {
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = `${model}-export.${fmt === 'json' ? 'json' : 'csv'}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+    };
+    const handleExport = async () => {
+        if (selectedColumns.length === 0) {
+            toast.error('Selecciona al menos una columna para exportar');
+            return;
+        }
+        setExporting(true);
+        setProgress(0);
+        try {
+            const params = {
+                format,
+                columns: selectedColumns.join(','),
+            };
+            if (!exportAll && currentFilters) {
+                Object.entries(currentFilters).forEach(([key, value]) => {
+                    if (value !== undefined && value !== '') {
+                        params[key] = value;
+                    }
+                });
+            }
+            const response = await api.get(`/data/${model}/export`, {
+                params,
+                responseType: 'blob',
+                validateStatus: () => true,
+            });
+            const contentType = response.headers?.['content-type'] || '';
+            if (contentType.includes('application/json')) {
+                const text = await response.data.text();
+                const json = JSON.parse(text);
+                if (json.async && json.job_id) {
+                    setAsyncJobId(json.job_id);
+                    setProgress(10);
+                    toast.info(`Exportando ${json.total} registros...`);
+                }
+                else if (!json.success) {
+                    setExporting(false);
+                    toast.error(json.message || 'Error al exportar');
+                }
+            }
+            else {
+                triggerDownload(response.data, format);
+                setExporting(false);
+                toast.success('Exportación completada');
+                onOpenChange(false);
+            }
+        }
+        catch {
+            setExporting(false);
+            toast.error('Error al exportar los datos');
+        }
+    };
+    const visibleColumns = metadata?.columns?.filter(col => !col.hidden) ?? [];
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md max-h-[90vh] flex flex-col p-0 gap-0 overflow-hidden", children: [_jsxs(DialogHeader, { className: "p-6 pb-4 border-b shrink-0", children: [_jsxs(DialogTitle, { children: ["Exportar ", metadata.title] }), _jsx(DialogDescription, { children: "Selecciona el formato y las columnas a exportar." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-6 space-y-6", children: exporting ? (_jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground text-center", children: "Exportando datos..." }), _jsx(Progress, { value: progress }), _jsx("p", { className: "text-xs text-muted-foreground text-center", children: progress > 0 ? `${Math.round(progress)}%` : 'Preparando...' })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-3", children: [_jsx(Label, { className: "text-sm font-medium", children: "Formato" }), _jsxs(RadioGroup, { value: format, onValueChange: (val) => setFormat(val), className: "flex gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "csv", id: "format-csv" }), _jsx(Label, { htmlFor: "format-csv", className: "font-normal cursor-pointer", children: "CSV" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "json", id: "format-json" }), _jsx(Label, { htmlFor: "format-json", className: "font-normal cursor-pointer", children: "JSON" })] })] })] }), hasActiveFilters && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "export-all", checked: exportAll, onCheckedChange: (checked) => setExportAll(checked === true) }), _jsx(Label, { htmlFor: "export-all", className: "font-normal cursor-pointer text-sm", children: "Exportar todos los registros (ignorar filtros)" })] })), _jsxs(Collapsible, { open: columnsOpen, onOpenChange: setColumnsOpen, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "w-full justify-between px-0 hover:bg-transparent", children: [_jsxs("span", { className: "text-sm font-medium", children: ["Columnas (", selectedColumns.length, "/", visibleColumns.length, ")"] }), _jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${columnsOpen ? 'rotate-180' : ''}` })] }) }), _jsxs(CollapsibleContent, { className: "space-y-2 pt-2", children: [_jsxs("div", { className: "flex items-center gap-2 pb-2 border-b", children: [_jsx(Checkbox, { id: "select-all-columns", checked: selectedColumns.length === visibleColumns.length, onCheckedChange: toggleAllColumns }), _jsx(Label, { htmlFor: "select-all-columns", className: "font-normal cursor-pointer text-sm", children: "Seleccionar todas" })] }), _jsx("div", { className: "grid grid-cols-2 gap-2 max-h-48 overflow-y-auto", children: visibleColumns.map(col => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: `col-${col.key}`, checked: selectedColumns.includes(col.key), onCheckedChange: () => toggleColumn(col.key) }), _jsx(Label, { htmlFor: `col-${col.key}`, className: "font-normal cursor-pointer text-sm truncate", children: col.label })] }, col.key))) })] })] })] })) }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: exporting, children: "Cancelar" }), !exporting && (_jsxs(Button, { onClick: handleExport, disabled: selectedColumns.length === 0, children: [_jsx(Download, { className: "h-4 w-4 mr-1" }), "Exportar"] })), exporting && (_jsxs(Button, { disabled: true, children: [_jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" }), "Exportando..."] }))] })] }) }));
+}

package/dist/dialogs/import.d.ts

@@ -0,0 +1,11 @@
+import type { TableMetadata } from '../types';
+interface ImportDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    model: string;
+    metadata: TableMetadata;
+    onImported?: () => void;
+}
+export declare function ImportDialog({ open, onOpenChange, model, metadata, onImported, }: ImportDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=import.d.ts.map

package/dist/dialogs/import.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import.d.ts","sourceRoot":"","sources":["../../src/dialogs/import.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7C,UAAU,iBAAiB;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAoBD,wBAAgB,YAAY,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,GACb,EAAE,iBAAiB,2CAwVnB"}

package/dist/dialogs/import.js

@@ -0,0 +1,128 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// ImportDialog — three-step CSV/JSON import flow (upload → validate → import
+// with per-row error report). Ported from the ops starter. Axios-like client
+// is provided by <ApiProvider>.
+import { useState, useEffect, useRef } from 'react';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Button, Input, Label, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@asteby/metacore-ui/primitives';
+import { Progress } from './_primitives';
+import { toast } from 'sonner';
+import { FileDown, Loader2, Check, AlertCircle } from 'lucide-react';
+import { useApi } from '../api-context';
+export function ImportDialog({ open, onOpenChange, model, metadata, onImported, }) {
+    const api = useApi();
+    const [step, setStep] = useState('upload');
+    const [file, setFile] = useState(null);
+    const [validating, setValidating] = useState(false);
+    const [importing, setImporting] = useState(false);
+    const [validationResult, setValidationResult] = useState(null);
+    const [importResult, setImportResult] = useState(null);
+    const [progress, setProgress] = useState(0);
+    const fileInputRef = useRef(null);
+    useEffect(() => {
+        if (open) {
+            setStep('upload');
+            setFile(null);
+            setValidating(false);
+            setImporting(false);
+            setValidationResult(null);
+            setImportResult(null);
+            setProgress(0);
+            if (fileInputRef.current)
+                fileInputRef.current.value = '';
+        }
+    }, [open]);
+    const handleFileChange = (e) => {
+        const selectedFile = e.target.files?.[0] ?? null;
+        setFile(selectedFile);
+    };
+    const handleDownloadTemplate = async () => {
+        try {
+            const response = await api.get(`/data/${model}/export/template`, {
+                responseType: 'blob',
+            });
+            const url = window.URL.createObjectURL(response.data);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `${model}-plantilla.csv`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            window.URL.revokeObjectURL(url);
+        }
+        catch {
+            toast.error('Error al descargar la plantilla');
+        }
+    };
+    const handleValidate = async () => {
+        if (!file) {
+            toast.error('Selecciona un archivo para validar');
+            return;
+        }
+        setValidating(true);
+        try {
+            const formData = new FormData();
+            formData.append('file', file);
+            const res = await api.post(`/data/${model}/import/validate`, formData, {
+                headers: { 'Content-Type': 'multipart/form-data' },
+            });
+            const data = res.data?.data ?? res.data;
+            setValidationResult({
+                valid: data.valid ?? 0,
+                errors: data.errors ?? [],
+            });
+            setStep('validation');
+        }
+        catch (err) {
+            const message = err?.response?.data?.message || 'Error al validar el archivo';
+            toast.error(message);
+        }
+        finally {
+            setValidating(false);
+        }
+    };
+    const handleImport = async () => {
+        if (!file)
+            return;
+        setImporting(true);
+        setProgress(0);
+        try {
+            const formData = new FormData();
+            formData.append('file', file);
+            const res = await api.post(`/data/${model}/import`, formData, {
+                headers: { 'Content-Type': 'multipart/form-data' },
+                onUploadProgress: (progressEvent) => {
+                    if (progressEvent.total) {
+                        setProgress(Math.round((progressEvent.loaded / progressEvent.total) * 100));
+                    }
+                },
+            });
+            const data = res.data?.data ?? res.data;
+            setImportResult({
+                created: data.created ?? 0,
+                errors: data.errors ?? [],
+            });
+            setStep('results');
+            if ((data.created ?? 0) > 0) {
+                onImported?.();
+            }
+        }
+        catch (err) {
+            const message = err?.response?.data?.message || 'Error al importar los datos';
+            toast.error(message);
+        }
+        finally {
+            setImporting(false);
+            setProgress(0);
+        }
+    };
+    const handleClose = () => {
+        onOpenChange(false);
+    };
+    const stepTitle = {
+        upload: 'Subir archivo',
+        validation: 'Validacion',
+        results: 'Resultados',
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg max-h-[90vh] flex flex-col p-0 gap-0 overflow-hidden", children: [_jsxs(DialogHeader, { className: "p-6 pb-4 border-b shrink-0", children: [_jsxs(DialogTitle, { children: ["Importar ", metadata.title] }), _jsx(DialogDescription, { children: stepTitle[step] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto p-6", children: [step === 'upload' && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsxs(Button, { variant: "link", className: "px-0 h-auto text-sm", onClick: handleDownloadTemplate, children: [_jsx(FileDown, { className: "h-4 w-4 mr-1" }), "Descargar plantilla CSV"] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Descarga la plantilla para asegurar el formato correcto." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "import-file", className: "text-sm font-medium", children: "Archivo" }), _jsx(Input, { ref: fileInputRef, id: "import-file", type: "file", accept: ".csv,.json", onChange: handleFileChange, className: "cursor-pointer" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Formatos aceptados: CSV, JSON" })] })] })), step === 'validation' && validationResult && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Check, { className: "h-4 w-4 text-green-600" }), _jsxs("span", { children: [_jsx("strong", { children: validationResult.valid }), " valido(s)"] })] }), validationResult.errors.length > 0 && (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }), _jsxs("span", { children: [_jsx("strong", { children: validationResult.errors.length }), " error(es)"] })] }))] }), validationResult.errors.length > 0 && (_jsx("div", { className: "border rounded-md max-h-60 overflow-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-16", children: "Fila" }), _jsx(TableHead, { children: "Campo" }), _jsx(TableHead, { children: "Error" })] }) }), _jsx(TableBody, { children: validationResult.errors.map((error, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-xs", children: error.row }), _jsx(TableCell, { className: "text-sm", children: error.field }), _jsx(TableCell, { className: "text-sm text-destructive", children: error.message })] }, idx))) })] }) })), importing && (_jsxs("div", { className: "space-y-2", children: [_jsx(Progress, { value: progress }), _jsxs("p", { className: "text-xs text-muted-foreground text-center", children: ["Importando... ", progress > 0 ? `${progress}%` : ''] })] }))] })), step === 'results' && importResult && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [importResult.created > 0 && (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Check, { className: "h-4 w-4 text-green-600" }), _jsxs("span", { children: [_jsx("strong", { children: importResult.created }), " creado(s)"] })] })), importResult.errors.length > 0 && (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }), _jsxs("span", { children: [_jsx("strong", { children: importResult.errors.length }), " error(es)"] })] }))] }), importResult.created > 0 && importResult.errors.length === 0 && (_jsxs("div", { className: "flex items-center gap-2 rounded-md bg-green-50 dark:bg-green-950/20 p-3 text-sm text-green-700 dark:text-green-400", children: [_jsx(Check, { className: "h-4 w-4 shrink-0" }), "Todos los registros fueron importados correctamente."] })), importResult.errors.length > 0 && (_jsx("div", { className: "border rounded-md max-h-60 overflow-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-16", children: "Fila" }), _jsx(TableHead, { children: "Campo" }), _jsx(TableHead, { children: "Error" })] }) }), _jsx(TableBody, { children: importResult.errors.map((error, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-xs", children: error.row }), _jsx(TableCell, { className: "text-sm", children: error.field }), _jsx(TableCell, { className: "text-sm text-destructive", children: error.message })] }, idx))) })] }) }))] }))] }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0", children: [step === 'upload' && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: handleClose, children: "Cancelar" }), _jsxs(Button, { onClick: handleValidate, disabled: !file || validating, children: [validating && (_jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" })), validating ? 'Validando...' : 'Validar'] })] })), step === 'validation' && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => setStep('upload'), disabled: importing, children: "Atras" }), _jsxs(Button, { onClick: handleImport, disabled: importing ||
+                                        (validationResult !== null && validationResult.valid === 0), children: [importing && (_jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" })), importing ? 'Importando...' : 'Importar'] })] })), step === 'results' && (_jsx(Button, { onClick: handleClose, children: "Cerrar" }))] })] }) }));
+}

package/dist/dynamic-columns-shim.d.ts

@@ -0,0 +1,25 @@
+import type { ColumnDef } from '@tanstack/react-table';
+import type { TableMetadata } from './types';
+export interface FilterOption {
+    label: string;
+    value: string;
+    icon?: string;
+    color?: string;
+}
+export interface ColumnFilterConfig {
+    filterType: 'select' | 'boolean' | 'date_range' | 'number_range' | 'text' | string;
+    filterKey: string;
+    options: FilterOption[];
+    selectedValues: string[];
+    onFilterChange: (filterKey: string, values: string[]) => void;
+    loading?: boolean;
+    searchEndpoint?: string;
+}
+/** Signature for the host-provided `getDynamicColumns` factory. */
+export type GetDynamicColumns = (metadata: TableMetadata, handleAction: (action: string, row: any) => void, t: (key: string, options?: any) => string, language: string, columnFilterConfigs: Map<string, ColumnFilterConfig>) => ColumnDef<any>[];
+/** Signature for the host-provided `DynamicIcon` renderer. */
+export type DynamicIconComponent = React.ComponentType<{
+    name: string;
+    className?: string;
+}>;
+//# sourceMappingURL=dynamic-columns-shim.d.ts.map

package/dist/dynamic-columns-shim.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-columns-shim.d.ts","sourceRoot":"","sources":["../src/dynamic-columns-shim.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;IAClF,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG,CAC5B,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAChD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,EACzC,QAAQ,EAAE,MAAM,EAChB,mBAAmB,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,KACnD,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;AAErB,8DAA8D;AAC9D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}

package/dist/dynamic-columns-shim.js

@@ -0,0 +1 @@
+export {};

package/dist/dynamic-form.d.ts

@@ -0,0 +1,12 @@
+import type { ActionFieldDef } from './types';
+export interface DynamicFormProps {
+    fields: ActionFieldDef[];
+    initialValues?: Record<string, any>;
+    onSubmit: (values: Record<string, any>) => void | Promise<void>;
+    onCancel?: () => void;
+    submitLabel?: string;
+    cancelLabel?: string;
+    disabled?: boolean;
+}
+export declare function DynamicForm({ fields, initialValues, onSubmit, onCancel, submitLabel, cancelLabel, disabled, }: DynamicFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dynamic-form.d.ts.map

package/dist/dynamic-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../src/dynamic-form.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAuB,EACvB,WAAwB,EACxB,QAAgB,GACnB,EAAE,gBAAgB,2CA+ClB"}

package/dist/dynamic-form.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Minimal standalone DynamicForm. Factored from the dynamic-record-dialog
+// pattern + ActionFieldDef renderer so callers can reuse the form layout
+// outside the full record-edit modal.
+import { useEffect, useState } from 'react';
+import { Input, Textarea, Label, Switch, Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@asteby/metacore-ui/primitives';
+export function DynamicForm({ fields, initialValues, onSubmit, onCancel, submitLabel = 'Guardar', cancelLabel = 'Cancelar', disabled = false, }) {
+    const [values, setValues] = useState({});
+    const [submitting, setSubmitting] = useState(false);
+    useEffect(() => {
+        const defaults = {};
+        for (const f of fields) {
+            defaults[f.key] = initialValues?.[f.key] ?? f.defaultValue ?? (f.type === 'boolean' ? false : '');
+        }
+        setValues(defaults);
+    }, [fields, initialValues]);
+    const update = (k, v) => setValues((prev) => ({ ...prev, [k]: v }));
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        for (const f of fields) {
+            if (f.required && !values[f.key] && values[f.key] !== false) {
+                alert(`${f.label} es requerido`);
+                return;
+            }
+        }
+        setSubmitting(true);
+        try {
+            await onSubmit(values);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "grid gap-4", children: [fields.map((field) => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: field.key, children: [field.label, field.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] }), renderField(field, values[field.key], (v) => update(field.key, v))] }, field.key))), _jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [onCancel && (_jsx(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: submitting || disabled, children: cancelLabel })), _jsx(Button, { type: "submit", disabled: submitting || disabled, children: submitLabel })] })] }));
+}
+function renderField(field, value, onChange) {
+    switch (field.type) {
+        case 'textarea':
+            return _jsx(Textarea, { id: field.key, value: value || '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder });
+        case 'select':
+            return (_jsxs(Select, { value: value || '', onValueChange: onChange, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: field.placeholder || 'Seleccionar...' }) }), _jsx(SelectContent, { children: field.options?.map((opt) => _jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })] }));
+        case 'boolean':
+            return _jsx(Switch, { id: field.key, checked: !!value, onCheckedChange: onChange });
+        case 'number':
+            return _jsx(Input, { id: field.key, type: "number", value: value ?? '', onChange: (e) => onChange(e.target.valueAsNumber || ''), placeholder: field.placeholder });
+        case 'date':
+            return _jsx(Input, { id: field.key, type: "date", value: value || '', onChange: (e) => onChange(e.target.value) });
+        default:
+            return _jsx(Input, { id: field.key, type: field.type === 'email' ? 'email' : field.type === 'url' ? 'url' : 'text', value: value || '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder });
+    }
+}

package/dist/dynamic-icon.d.ts

@@ -0,0 +1,6 @@
+export interface DynamicIconProps {
+    name: string;
+    className?: string;
+}
+export declare function DynamicIcon({ name, className }: DynamicIconProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=dynamic-icon.d.ts.map

package/dist/dynamic-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../src/dynamic-icon.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,kDAIhE"}

package/dist/dynamic-icon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Minimal DynamicIcon — resolves a lucide-react icon by name. Used across
+// action modals and the default row-action menus. Hosts that need custom
+// icon sets can override by shadowing this component via their own prop.
+import * as icons from 'lucide-react';
+export function DynamicIcon({ name, className }) {
+    const Icon = icons[name];
+    if (!Icon)
+        return null;
+    return _jsx(Icon, { className: className });
+}

package/dist/dynamic-table.d.ts

@@ -0,0 +1,22 @@
+import { type ColumnDef } from '@tanstack/react-table';
+import type { GetDynamicColumns } from './dynamic-columns-shim';
+interface DynamicTableProps {
+    model: string;
+    endpoint?: string;
+    enableUrlSync?: boolean;
+    hiddenColumns?: string[];
+    onAction?: (action: string, row: any) => void;
+    refreshTrigger?: any;
+    defaultFilters?: Record<string, any>;
+    extraColumns?: ColumnDef<any>[];
+    /**
+     * Host-provided factory that turns metadata into TanStack column defs.
+     * Lives in the host because the rendered cells depend on the host's
+     * design system (Badge, Avatar, MediaGallery, phone flags, etc.).
+     * Optional — a sensible default maps each column to { accessorKey, header }.
+     */
+    getDynamicColumns?: GetDynamicColumns;
+}
+export declare function DynamicTable({ model, endpoint, enableUrlSync, hiddenColumns, onAction, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, }: DynamicTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dynamic-table.d.ts.map

package/dist/dynamic-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../src/dynamic-table.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAKH,KAAK,SAAS,EAajB,MAAM,uBAAuB,CAAA;AA+B9B,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAQnF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACxC;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,GAC/C,EAAE,iBAAiB,2CA+oBnB"}