@asteby/metacore-runtime-react 11.0.0 → 12.0.0

package/dist/dynamic-line-items.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// DynamicLineItems — renders a repeatable line-items group: a table/grid of
+// rows where each column is one of the field's `itemFields` (the v3
+// `item_fields`). Powers declarative multi-line action modals (e.g. the item
+// rows of a "Recibir mercancía" modal, or the debit/credit lines of a journal
+// entry) without needing a custom federated modal.
+//
+// The value is an array of row objects keyed by the item field keys. Add/remove
+// row controls mutate the array; each cell is a widget resolved via
+// `resolveWidget`, matching the flat-field renderer in dynamic-form.tsx.
+import { Input, Textarea, Switch, Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@asteby/metacore-ui/primitives';
+import { Plus, Trash2 } from 'lucide-react';
+import { resolveWidget, getItemFields } from './dynamic-form-schema';
+import { useOptionsResolver } from './use-options-resolver';
+function emptyRow(itemFields) {
+    const row = {};
+    for (const f of itemFields) {
+        row[f.key] = f.defaultValue ?? (f.type === 'boolean' ? false : '');
+    }
+    return row;
+}
+export function DynamicLineItems({ field, value, onChange, disabled = false }) {
+    const itemFields = getItemFields(field);
+    const rows = Array.isArray(value) ? value : [];
+    const addRow = () => onChange([...rows, emptyRow(itemFields)]);
+    const removeRow = (idx) => onChange(rows.filter((_, i) => i !== idx));
+    const updateCell = (idx, key, cellValue) => onChange(rows.map((r, i) => (i === idx ? { ...r, [key]: cellValue } : r)));
+    return (_jsxs("div", { className: "grid gap-2", "data-widget": "line_items", children: [_jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50", children: _jsxs("tr", { children: [itemFields.map((col) => (_jsxs("th", { className: "px-3 py-2 text-left font-medium", children: [col.label, col.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] }, col.key))), _jsx("th", { className: "w-12 px-3 py-2", "aria-label": "acciones" })] }) }), _jsxs("tbody", { children: [rows.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: itemFields.length + 1, className: "px-3 py-4 text-center text-muted-foreground", children: "Sin renglones" }) })), rows.map((row, idx) => (_jsxs("tr", { className: "border-t align-top", children: [itemFields.map((col) => (_jsx("td", { className: "px-2 py-1.5", children: _jsx(CellRenderer, { field: col, value: row?.[col.key], onChange: (v) => updateCell(idx, col.key, v), disabled: disabled }) }, col.key))), _jsx("td", { className: "px-2 py-1.5 text-center", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => removeRow(idx), disabled: disabled, "aria-label": "Eliminar rengl\u00F3n", children: _jsx(Trash2, { className: "h-4 w-4 text-red-500" }) }) })] }, idx)))] })] }) }), _jsx("div", { children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addRow, disabled: disabled, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), "Agregar rengl\u00F3n"] }) })] }));
+}
+// Per-cell widget. Mirrors the flat FieldRenderer in dynamic-form.tsx but
+// without the per-field Label (the column header is the label) and sized for a
+// table cell. Nested line-items inside a row are not supported (a row column is
+// a scalar widget).
+function CellRenderer({ field, value, onChange, disabled }) {
+    const widget = resolveWidget(field);
+    if (widget === 'select' && field.ref) {
+        return _jsx(RefCell, { field: field, value: value, onChange: onChange, disabled: disabled });
+    }
+    switch (widget) {
+        case 'textarea':
+        case 'richtext':
+            return (_jsx(Textarea, { value: value || '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder, disabled: disabled, rows: 2 }));
+        case 'color':
+            return (_jsx(Input, { type: "color", value: value || '#000000', onChange: (e) => onChange(e.target.value), disabled: disabled }));
+        case 'select':
+            return (_jsxs(Select, { value: value || '', onValueChange: onChange, disabled: disabled, 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 'switch':
+            return _jsx(Switch, { checked: !!value, onCheckedChange: onChange, disabled: disabled });
+        case 'number':
+            return (_jsx(Input, { type: "number", value: value ?? '', onChange: (e) => onChange(e.target.valueAsNumber || ''), placeholder: field.placeholder, disabled: disabled }));
+        case 'date':
+            return (_jsx(Input, { type: "date", value: value || '', onChange: (e) => onChange(e.target.value), disabled: disabled }));
+        default:
+            return (_jsx(Input, { type: field.type === 'email' ? 'email' : field.type === 'url' ? 'url' : 'text', value: value || '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder, disabled: disabled }));
+    }
+}
+function RefCell({ field, value, onChange, disabled }) {
+    const { options, loading } = useOptionsResolver({
+        modelKey: '',
+        fieldKey: 'id',
+        ref: field.ref,
+    });
+    return (_jsxs(Select, { value: value || '', onValueChange: onChange, disabled: disabled || loading, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: loading ? 'Cargando…' : field.placeholder || 'Seleccionar...' }) }), _jsx(SelectContent, { children: options.map((opt) => (_jsx(SelectItem, { value: String(opt.id), children: opt.label }, String(opt.id)))) })] }));
+}

package/dist/index.d.ts

@@ -17,6 +17,9 @@ export * from './dynamic-icon';
 export type { ColumnFilterConfig, FilterOption as DynamicColumnFilterOption, GetDynamicColumns, DynamicIconComponent, } from './dynamic-columns-shim';
 export { defaultGetDynamicColumns, makeDefaultGetDynamicColumns, type DynamicColumnsHelpers, } from './dynamic-columns';
 export { DynamicRecordDialog } from './dialogs/dynamic-record';
+export { CreateRecordDialog } from './dialogs/create-record-dialog';
+export { ViewRecordDialog } from './dialogs/view-record-dialog';
+export type { ModelKey, ModelSchema, CreateResult, RecordDialogProps, CreateRecordDialogProps, ViewRecordDialogProps, } from './dialogs/types';
 export { ExportDialog } from './dialogs/export';
 export { ImportDialog } from './dialogs/import';
 export { DynamicCRUDPage, type DynamicCRUDPageProps, type DynamicCRUDPageStrings, type DynamicCRUDPageClasses, } from './dynamic-crud-page';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EACH,qBAAqB,EACrB,KAAK,gBAAgB,GACxB,MAAM,2BAA2B,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,KAAK,WAAW,EAChB,KAAK,wBAAwB,GAChC,MAAM,wBAAwB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,OAAO,EACH,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,EAC5B,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,EAC1B,KAAK,8BAA8B,GACtC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACH,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,wBAAwB,EACxB,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,GAC9B,MAAM,yBAAyB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,YAAY,EACR,kBAAkB,EAClB,YAAY,IAAI,yBAAyB,EACzC,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACH,wBAAwB,EACxB,4BAA4B,EAC5B,KAAK,qBAAqB,GAC7B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,GAC9B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,yBAAyB,EACzB,kBAAkB,EAClB,wBAAwB,EACxB,cAAc,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACH,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,cAAc,EACnB,KAAK,mBAAmB,GAC3B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACH,sBAAsB,EACtB,uBAAuB,GAC1B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACH,kBAAkB,EAClB,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAChC,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,eAAe,GACvB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EACH,qBAAqB,EACrB,KAAK,gBAAgB,GACxB,MAAM,2BAA2B,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,KAAK,WAAW,EAChB,KAAK,wBAAwB,GAChC,MAAM,wBAAwB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,OAAO,EACH,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,EAC5B,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,EAC1B,KAAK,8BAA8B,GACtC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACH,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,wBAAwB,EACxB,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,GAC9B,MAAM,yBAAyB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,YAAY,EACR,kBAAkB,EAClB,YAAY,IAAI,yBAAyB,EACzC,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACH,wBAAwB,EACxB,4BAA4B,EAC5B,KAAK,qBAAqB,GAC7B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,YAAY,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,GACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,GAC9B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,yBAAyB,EACzB,kBAAkB,EAClB,wBAAwB,EACxB,cAAc,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACH,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,cAAc,EACnB,KAAK,mBAAmB,GAC3B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACH,sBAAsB,EACtB,uBAAuB,GAC1B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACH,kBAAkB,EAClB,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAChC,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,eAAe,GACvB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/index.js

@@ -21,6 +21,8 @@ export { useHotSwapReload, applyHotSwapReload, withVersionParam, clearFederation
 export * from './dynamic-icon';
 export { defaultGetDynamicColumns, makeDefaultGetDynamicColumns, } from './dynamic-columns';
 export { DynamicRecordDialog } from './dialogs/dynamic-record';
+export { CreateRecordDialog } from './dialogs/create-record-dialog';
+export { ViewRecordDialog } from './dialogs/view-record-dialog';
 export { ExportDialog } from './dialogs/export';
 export { ImportDialog } from './dialogs/import';
 export { DynamicCRUDPage, } from './dynamic-crud-page';

package/dist/types.d.ts

@@ -121,6 +121,16 @@ export interface ActionFieldDef {
      * `useOptionsResolver` against `/api/options/<ref>?field=id`.
      */
     ref?: string;
+    /**
+     * Columns of a repeatable line-items group. Mirrors the kernel v3
+     * `ActionField.item_fields` (json `item_fields`). Present on a field
+     * with `type: "array"` — the multi-row container (e.g. the item rows
+     * of a "Recibir mercancía" modal, or the debit/credit lines of a
+     * journal entry). Each entry is itself an ActionFieldDef describing
+     * one column's cell widget. The field value is an array of objects
+     * keyed by these item field keys. Rendered by `DynamicLineItems`.
+     */
+    itemFields?: ActionFieldDef[];
 }
 export interface ActionDefinition {
     key: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,CAAA;IACnE,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACrF,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjF,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,eAAe,GAAG,OAAO,CAAA;IAC3I,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3E;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;CAC/B;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,QAAQ,CAAA;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC3B;AASD,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAID,MAAM,MAAM,WAAW,GACjB,MAAM,GACN,UAAU,GACV,UAAU,GACV,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,CAAA;AAEd,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC5C,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC7B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,CAAC,CAAA;IACP,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CAChB;AAKD,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "11.0.0",
+  "version": "12.0.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",
@@ -32,8 +32,8 @@
     "lucide-react": ">=0.460",
     "date-fns": ">=3",
     "react-day-picker": ">=8",
-    "@asteby/metacore-sdk": "^2.6.0",
-    "@asteby/metacore-ui": "^2.0.0"
+    "@asteby/metacore-sdk": "^3.0.0",
+    "@asteby/metacore-ui": "^2.0.1"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-router": {
@@ -52,7 +52,7 @@
     "i18next": "^26.0.0",
     "lucide-react": "^1.0.0",
     "react": "^19.2.4",
-    "react-day-picker": "^9.0.0",
+    "react-day-picker": "^10.0.0",
     "react-dom": "^19.2.4",
     "react-i18next": "^17.0.0",
     "sonner": "^2.0.0",
@@ -60,8 +60,8 @@
     "typescript": "^6.0.0",
     "vitest": "^4.0.0",
     "zustand": "^5.0.0",
-    "@asteby/metacore-sdk": "2.6.0",
-    "@asteby/metacore-ui": "2.0.0"
+    "@asteby/metacore-sdk": "3.0.0",
+    "@asteby/metacore-ui": "2.0.1"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/src/__tests__/dynamic-form.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest'
-import { buildZodSchema, resolveWidget } from '../dynamic-form-schema'
+import { buildZodSchema, resolveWidget, isLineItemsField, getItemFields } from '../dynamic-form-schema'
 import type { ActionFieldDef } from '../types'
 
 describe('buildZodSchema', () => {
@@ -102,3 +102,58 @@ describe('resolveWidget', () => {
         expect(resolveWidget({ key: 'k', label: 'L', type: 'email' })).toBe('text')
     })
 })
+
+describe('line-items (repeatable group)', () => {
+    const lineItemsField: ActionFieldDef = {
+        key: 'lines',
+        label: 'Renglones',
+        type: 'array',
+        itemFields: [
+            { key: 'product_id', label: 'Producto', type: 'select', ref: 'product' },
+            { key: 'quantity', label: 'Cantidad', type: 'number', required: true },
+        ],
+    }
+
+    it('detecta un campo line-items por sus itemFields', () => {
+        expect(isLineItemsField(lineItemsField)).toBe(true)
+        expect(isLineItemsField({ key: 'name', label: 'Nombre', type: 'string' })).toBe(false)
+        expect(getItemFields(lineItemsField)).toHaveLength(2)
+    })
+
+    it('tolera item_fields snake_case crudo del kernel', () => {
+        const raw = {
+            key: 'lines',
+            label: 'Renglones',
+            type: 'array',
+            item_fields: [{ key: 'sku', label: 'SKU', type: 'string' }],
+        } as unknown as ActionFieldDef
+        expect(isLineItemsField(raw)).toBe(true)
+        expect(getItemFields(raw)).toHaveLength(1)
+    })
+
+    it('valida como array de objetos por renglón', () => {
+        const schema = buildZodSchema([lineItemsField])
+        const ok = schema.safeParse({ lines: [{ product_id: 'p1', quantity: 3 }] })
+        expect(ok.success).toBe(true)
+        // No es un array → inválido (el valor del grupo debe ser una lista de renglones)
+        expect(schema.safeParse({ lines: 'nope' }).success).toBe(false)
+    })
+
+    it('aplica reglas por columna dentro de cada renglón', () => {
+        const withBound: ActionFieldDef = {
+            key: 'lines',
+            label: 'Renglones',
+            type: 'array',
+            itemFields: [{ key: 'qty', label: 'Cantidad', type: 'number', required: true, validation: { min: 1 } }],
+        }
+        const schema = buildZodSchema([withBound])
+        expect(schema.safeParse({ lines: [{ qty: 5 }] }).success).toBe(true)
+        expect(schema.safeParse({ lines: [{ qty: 0 }] }).success).toBe(false)
+    })
+
+    it('un grupo requerido exige al menos un renglón', () => {
+        const schema = buildZodSchema([{ ...lineItemsField, required: true }])
+        expect(schema.safeParse({ lines: [] }).success).toBe(false)
+        expect(schema.safeParse({ lines: [{ product_id: 'p1', quantity: 1 }] }).success).toBe(true)
+    })
+})

package/src/action-modal-dispatcher.tsx

@@ -38,6 +38,9 @@ import { Loader2 } from 'lucide-react'
 import { toast } from 'sonner'
 import { useApi } from './api-context'
 import { DynamicIcon } from './dynamic-icon'
+import { DynamicLineItems } from './dynamic-line-items'
+import { isLineItemsField } from './dynamic-form-schema'
+import type { ActionFieldDef } from './types'
 // Canonical registry lives in @asteby/metacore-sdk
 import {
     type ActionMetadata,
@@ -172,6 +175,10 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
         if (open && action.fields) {
             const defaults: Record<string, any> = {}
             for (const field of action.fields) {
+                if (isLineItemsField(field)) {
+                    defaults[field.key] = field.defaultValue ?? []
+                    continue
+                }
                 defaults[field.key] = field.defaultValue ?? (field.type === 'boolean' ? false : '')
             }
             setFormData(defaults)
@@ -183,7 +190,16 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
     const execute = async () => {
         if (action.fields) {
             for (const field of action.fields) {
-                if (field.required && !formData[field.key] && formData[field.key] !== false) {
+                if (!field.required) continue
+                if (isLineItemsField(field)) {
+                    const rows = formData[field.key]
+                    if (!Array.isArray(rows) || rows.length === 0) {
+                        toast.error(`${field.label} requiere al menos un renglón`)
+                        return
+                    }
+                    continue
+                }
+                if (!formData[field.key] && formData[field.key] !== false) {
                     toast.error(`${field.label} es requerido`)
                     return
                 }
@@ -247,10 +263,14 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
 }
 
 function renderField(
-    field: { key: string; type: string; options?: { value: string; label: string }[]; placeholder?: string },
+    field: ActionFieldDef,
     value: any,
     onChange: (value: any) => void,
 ) {
+    // Repeatable line-items group → row grid (value is an array of row objects).
+    if (isLineItemsField(field)) {
+        return <DynamicLineItems field={field} value={value} onChange={onChange} />
+    }
     switch (field.type) {
         case 'textarea':
             return <Textarea id={field.key} value={value || ''} onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => onChange(e.target.value)} placeholder={field.placeholder} />

package/src/dialogs/create-record-dialog.tsx

@@ -0,0 +1,46 @@
+/**
+ * CreateRecordDialog — generic record create/edit dialog.
+ *
+ * Thin wrapper around the underlying `DynamicRecordDialog` that exposes a
+ * narrower, intent-specific API (`onCreate` / `onUpdate` callbacks, `defaults`)
+ * matching the Wave 2.5 cleanup spec. Callers that need the full mode-switched
+ * dialog (including the read-only `view` mode) should reach for
+ * `DynamicRecordDialog` directly.
+ *
+ * When `recordId` is supplied, the dialog operates in edit mode; otherwise it
+ * starts in create mode. Callbacks (`onCreate`, `onUpdate`) are optional —
+ * when omitted, the dialog falls back to the configured `useApi()` transport
+ * with the default `/dynamic/${modelKey}` endpoint convention.
+ */
+import { DynamicRecordDialog } from './dynamic-record'
+import type { CreateRecordDialogProps } from './types'
+
+export function CreateRecordDialog({
+    modelKey,
+    open,
+    onOpenChange,
+    recordId,
+    endpoint,
+    schema,
+    defaults,
+    onCreate,
+    onUpdate,
+    onSaved,
+}: CreateRecordDialogProps) {
+    const mode = recordId ? 'edit' : 'create'
+    return (
+        <DynamicRecordDialog
+            open={open}
+            onOpenChange={onOpenChange}
+            mode={mode}
+            model={modelKey}
+            recordId={recordId}
+            endpoint={endpoint}
+            schema={schema}
+            defaults={defaults}
+            onCreate={onCreate}
+            onUpdate={onUpdate}
+            onSaved={onSaved}
+        />
+    )
+}

package/src/dialogs/dynamic-record.tsx

@@ -3,6 +3,7 @@
 // starter. Host-owned infra that was referenced by alias (axios client,
 // branch store) now flows through <ApiProvider> from runtime-react.
 import { createContext, useContext, useEffect, useRef, useState } from 'react'
+import type { ModelSchema } from './types'
 import {
     Dialog,
     DialogContent,
@@ -59,11 +60,14 @@ interface FieldDef {
     filterBy?: string
 }
 
+// Permissive shape: the wire payload may omit some fields (e.g. `title` is
+// optional on legacy backends). Keep field types loose so a host-supplied
+// `ModelSchema` (see ./types.ts) is structurally assignable here.
 interface ModalMetadata {
-    title: string
-    createTitle: string
-    editTitle: string
-    fields: FieldDef[]
+    title?: string
+    createTitle?: string
+    editTitle?: string
+    fields?: FieldDef[]
 }
 
 export interface DynamicRecordDialogProps {
@@ -74,6 +78,38 @@ export interface DynamicRecordDialogProps {
     recordId?: string | null
     endpoint?: string
     onSaved?: () => void
+    /**
+     * Optional override invoked instead of the default `POST` when the dialog
+     * is in `create` mode. Hosts may use this to route writes through custom
+     * mutations (optimistic updates, audit hooks, etc.). The dialog still
+     * closes and fires `onSaved` on success.
+     */
+    onCreate?: (data: Record<string, any>) => Promise<{ id?: string | number } | void>
+    /**
+     * Optional override invoked instead of the default `PUT` when the dialog
+     * is in `edit` mode. Receives the record id and the form payload.
+     */
+    onUpdate?: (recordId: string, data: Record<string, any>) => Promise<{ id?: string | number } | void>
+    /**
+     * Optional default values seeded into the form on `create`. Ignored when
+     * `mode` is `'edit'` or `'view'` (those fetch from the record endpoint).
+     */
+    defaults?: Record<string, any>
+    /**
+     * Optional pre-fetched metadata. When provided the dialog skips the
+     * `/metadata/modal/:model` request and uses this shape directly.
+     */
+    schema?: ModelSchema
+    /**
+     * Optional handler shown as a "Delete" action in `view` mode. The dialog
+     * awaits the promise and closes on success. Omit to hide the action.
+     */
+    onDelete?: () => Promise<void>
+    /**
+     * Optional handler shown as an "Edit" action in `view` mode. Omit to hide
+     * the action.
+     */
+    onEdit?: () => void
 }
 
 function resolvePath(obj: any, path: string): any {
@@ -136,15 +172,25 @@ export function DynamicRecordDialog({
     recordId,
     endpoint,
     onSaved,
+    onCreate,
+    onUpdate,
+    defaults,
+    schema,
+    onDelete,
+    onEdit,
 }: DynamicRecordDialogProps) {
     const api = useApi()
-    const [modalMeta, setModalMeta] = useState<ModalMetadata | null>(null)
+    const [modalMeta, setModalMeta] = useState<ModalMetadata | null>(
+        schema ? (schema as ModalMetadata) : null,
+    )
     const [record, setRecord] = useState<any | null>(null)
     const [formValues, setFormValues] = useState<Record<string, any>>({})
     const [loading, setLoading] = useState(false)
     const [saving, setSaving] = useState(false)
+    const [deleting, setDeleting] = useState(false)
 
     const isCreate = mode === 'create'
+    const isView = mode === 'view'
     const isEditable = mode === 'create' || mode === 'edit'
     const config = MODE_CONFIG[mode]
 
@@ -157,16 +203,21 @@ export function DynamicRecordDialog({
         const load = async () => {
             setLoading(true)
             try {
-                const metaRes = await api.get(`/metadata/modal/${model}`)
-                if (cancelled) return
-
-                const meta: ModalMetadata = metaRes.data?.data ?? metaRes.data
+                let meta: ModalMetadata | null = schema ? (schema as ModalMetadata) : null
+                if (!meta) {
+                    const metaRes = await api.get(`/metadata/modal/${model}`)
+                    if (cancelled) return
+                    meta = metaRes.data?.data ?? metaRes.data
+                }
                 setModalMeta(meta)
 
                 if (isCreate) {
                     const initial: Record<string, any> = {}
-                    for (const field of meta.fields ?? []) {
-                        initial[field.key] = field.defaultValue ?? ''
+                    for (const field of meta?.fields ?? []) {
+                        initial[field.key] =
+                            (defaults && Object.prototype.hasOwnProperty.call(defaults, field.key)
+                                ? defaults[field.key]
+                                : field.defaultValue) ?? ''
                     }
                     setFormValues(initial)
                 } else {
@@ -181,7 +232,7 @@ export function DynamicRecordDialog({
                     setRecord(rec)
 
                     const initial: Record<string, any> = {}
-                    for (const field of meta.fields ?? []) {
+                    for (const field of meta?.fields ?? []) {
                         initial[field.key] = resolvePath(rec, field.key) ?? field.defaultValue ?? ''
                     }
                     setFormValues(initial)
@@ -196,7 +247,7 @@ export function DynamicRecordDialog({
 
         load()
         return () => { cancelled = true }
-    }, [open, recordId, model, endpoint, isCreate])
+    }, [open, recordId, model, endpoint, isCreate, schema, defaults])
 
     useEffect(() => {
         if (!open) {
@@ -211,7 +262,7 @@ export function DynamicRecordDialog({
         if (!modalMeta) return
 
         if (isEditable) {
-            for (const field of modalMeta.fields) {
+            for (const field of modalMeta.fields ?? []) {
                 if (field.required && !formValues[field.key] && formValues[field.key] !== 0 && formValues[field.key] !== false) {
                     toast.error(`El campo "${field.label}" es obligatorio`)
                     return
@@ -221,6 +272,22 @@ export function DynamicRecordDialog({
 
         setSaving(true)
         try {
+            if (isCreate && onCreate) {
+                await onCreate(formValues)
+                toast.success('Registro creado correctamente')
+                onSaved?.()
+                onOpenChange(false)
+                return
+            }
+
+            if (!isCreate && recordId && onUpdate) {
+                await onUpdate(String(recordId), formValues)
+                toast.success('Guardado correctamente')
+                onSaved?.()
+                onOpenChange(false)
+                return
+            }
+
             let res
             if (isCreate) {
                 const createEndpoint = endpoint || `/dynamic/${model}`
@@ -246,6 +313,20 @@ export function DynamicRecordDialog({
         }
     }
 
+    const handleDelete = async () => {
+        if (!onDelete) return
+        setDeleting(true)
+        try {
+            await onDelete()
+            onOpenChange(false)
+        } catch (err: any) {
+            console.error('[DynamicRecordDialog] delete error:', err)
+            toast.error(err?.response?.data?.message || err?.message || 'Error al eliminar')
+        } finally {
+            setDeleting(false)
+        }
+    }
+
     const title = modalMeta ? config.getTitle(modalMeta) : ''
 
     const visibleFields = modalMeta?.fields?.filter(f => {
@@ -311,9 +392,24 @@ export function DynamicRecordDialog({
                 </div>
 
                 <DialogFooter className="p-4 border-t shrink-0">
-                    <Button variant="outline" onClick={() => onOpenChange(false)} disabled={saving}>
+                    <Button variant="outline" onClick={() => onOpenChange(false)} disabled={saving || deleting}>
                         {config.cancelLabel}
                     </Button>
+                    {isView && onDelete && (
+                        <Button
+                            variant="destructive"
+                            onClick={handleDelete}
+                            disabled={deleting || loading}
+                        >
+                            {deleting && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+                            {deleting ? 'Eliminando...' : 'Eliminar'}
+                        </Button>
+                    )}
+                    {isView && onEdit && (
+                        <Button onClick={onEdit} disabled={deleting || loading}>
+                            Editar
+                        </Button>
+                    )}
                     {isEditable && (
                         <Button
                             type="submit"