@asteby/metacore-runtime-react 18.3.0 → 18.4.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @asteby/metacore-runtime-react
 
+## 18.4.0
+
+### Minor Changes
+
+- c7fb1ad: Org-currency-aware money formatting in dynamic tables + the record dialog.
+
+  `<DynamicTable>` and `<DynamicRecordDialog>` now accept an optional `currency`
+  prop (the org's ISO-4217 code, e.g. `MXN`, threaded from org config like
+  `timeZone`). Money columns (`type:'number'` + `cellStyle:'currency'`) without an
+  explicit per-column currency now fall back to the org currency instead of
+  hardcoded `USD` — `resolveCurrency(col, orgCurrency)`. The record dialog, which
+  previously showed raw numbers, now formats money fields as a currency string in
+  the view renderer: a field is treated as money when the backend stamps
+  `cellStyle:'currency'`, or — as a robustness fallback mirroring the backend's
+  `inferDisplayCellStyle` — when it's numeric and its key matches the money
+  heuristic (`price`/`amount`/`total`/`cost`/`subtotal`/`balance`/`paid`, as the
+  whole key or a `_<m>`/`<m>_` affix). Editable inputs stay numeric.
+
 ## 18.3.0
 
 ### Minor Changes

package/dist/dialogs/dynamic-record.d.ts

@@ -45,6 +45,19 @@ export interface FieldDef {
      * its SQL type. Unknown values fall through to the `type`-based default.
      */
     widget?: string;
+    /**
+     * Declarative display hint the backend stamps on the column/modal field
+     * (mirrors the table column's `cellStyle`). `'currency'` makes the view
+     * renderer format the numeric value in the org currency. Optional —
+     * absent, a money-key heuristic still detects obvious money fields.
+     */
+    cellStyle?: string;
+    /**
+     * Per-field style overrides served alongside `cellStyle` (e.g.
+     * `{ currency: 'MXN' }`). When it carries an explicit `currency` it wins
+     * over the org fallback.
+     */
+    styleConfig?: Record<string, any>;
 }
 export interface DynamicRecordDialogProps {
     open: boolean;
@@ -118,9 +131,16 @@ export interface DynamicRecordDialogProps {
      * regardless of the viewer's browser timezone. Pure `date` values pin to UTC.
      */
     timeZone?: string;
+    /**
+     * Org ISO-4217 currency code (e.g. `MXN`) used as the fallback for money
+     * fields (`cellStyle:'currency'` or the money-key heuristic) that lack an
+     * explicit per-field currency. Optional — defaults to 'USD'.
+     */
+    currency?: string;
 }
-export declare function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl, timeZone, }: DynamicRecordDialogProps): import("react").JSX.Element;
-export declare function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, }: {
+export declare function isMoneyField(field: FieldDef, value: any): boolean;
+export declare function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl, timeZone, currency, }: DynamicRecordDialogProps): import("react").JSX.Element;
+export declare function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, currency: currencyProp, }: {
     field: FieldDef;
     value: any;
     record: any;
@@ -128,5 +148,7 @@ export declare function ViewValue({ field, value: rawValue, record, getImageUrl:
     getImageUrl?: GetImageUrl;
     /** Optional override; when omitted falls back to the nearest provider. */
     timeZone?: string;
+    /** Optional override; when omitted falls back to the nearest provider. */
+    currency?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=dynamic-record.d.ts.map

package/dist/dialogs/dynamic-record.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-record.d.ts","sourceRoot":"","sources":["../../src/dialogs/dynamic-record.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dynamic-record.d.ts","sourceRoot":"","sources":["../../src/dialogs/dynamic-record.tsx"],"names":[],"mappings":"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"}

package/dist/dialogs/dynamic-record.js

@@ -158,7 +158,31 @@ const MODE_CONFIG = {
 // image leads, tz-aware dates) without prop-drilling through every renderer.
 const ModelContext = createContext('');
 const TimeZoneContext = createContext(undefined);
-export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl = identityImageUrl, timeZone, }) {
+// Org ISO-4217 currency (org config, like the timezone) used as the fallback
+// for money fields that don't carry an explicit per-field currency.
+const CurrencyContext = createContext(undefined);
+// Money-key heuristic mirroring the backend's `inferDisplayCellStyle`: lets the
+// dialog format obvious money fields as currency even when the backend hasn't
+// stamped `cellStyle:'currency'` yet. Case-insensitive; matches a key that
+// equals one of these, or ends with `_<m>`, or starts with `<m>_`.
+const MONEY_KEY_HEURISTIC = ['price', 'amount', 'total', 'cost', 'subtotal', 'balance', 'paid'];
+// isMoneyField decides whether a field should render as currency. The explicit
+// `cellStyle:'currency'` stamp always wins; otherwise a numeric value whose key
+// matches the money heuristic qualifies (robustness fallback).
+export function isMoneyField(field, value) {
+    if (field.cellStyle === 'currency')
+        return true;
+    if (value === null || value === undefined || value === '')
+        return false;
+    const num = typeof value === 'number' ? value : Number(value);
+    if (isNaN(num))
+        return false;
+    const key = String(field.key || '').toLowerCase();
+    if (!key)
+        return false;
+    return MONEY_KEY_HEURISTIC.some(m => key === m || key.endsWith(`_${m}`) || key.startsWith(`${m}_`));
+}
+export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl = identityImageUrl, timeZone, currency, }) {
     const api = useApi();
     const { t } = useTranslation();
     const [modalMeta, setModalMeta] = useState(schema ? schema : null);
@@ -387,10 +411,10 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
             return false;
         return true;
     }) ?? [];
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-2xl 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: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: config.description })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-6", children: loading ? (_jsx(LoadingSkeleton, {})) : modalMeta ? (_jsx(ModelContext.Provider, { value: model, children: _jsx(ImageUrlContext.Provider, { value: getImageUrl, children: _jsxs(TimeZoneContext.Provider, { value: timeZone, children: [_jsxs("form", { id: "dynamic-record-form", onSubmit: handleSubmit, className: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4", children: [visibleFields.map(field => {
-                                                const isFullWidth = field.type === 'textarea';
-                                                return (_jsx("div", { className: isFullWidth ? 'sm:col-span-2' : '', children: _jsx(FieldRow, { field: field, record: record, value: formValues[field.key] ?? '', mode: mode, onChange: val => setFormValues((prev) => ({ ...prev, [field.key]: val })) }) }, field.key));
-                                            }), record?.external_url && (_jsx("div", { className: "sm:col-span-2", children: _jsxs("a", { href: record.external_url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline mt-1", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), "Ver en ", record.external_provider ?? 'proveedor externo'] }) }))] }), !isCreate && record && relations.length > 0 && (_jsx("div", { className: "mt-6", children: _jsx(DynamicRelations, { record: record, relations: relations, canCreate: mode === 'edit', canEdit: mode === 'edit', canDelete: mode === 'edit' }) }))] }) }) })) : null }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0 sm:justify-between", children: [isView && onOpenFullPage ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "text-muted-foreground", onClick: () => { onOpenChange(false); onOpenFullPage(); }, children: [_jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }), "Ver p\u00E1gina completa"] })) : _jsx("span", {}), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: saving || deleting, children: config.cancelLabel }), isView && onDelete && (_jsxs(Button, { variant: "destructive", onClick: handleDelete, disabled: deleting || loading, children: [deleting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), deleting ? 'Eliminando...' : 'Eliminar'] })), isView && onEdit && (_jsx(Button, { onClick: onEdit, disabled: deleting || loading, children: "Editar" })), isEditable && (_jsxs(Button, { type: "submit", form: "dynamic-record-form", disabled: saving || loading, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), saving ? config.submittingLabel : config.submitLabel] }))] })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-2xl 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: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: config.description })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-6", children: loading ? (_jsx(LoadingSkeleton, {})) : modalMeta ? (_jsx(ModelContext.Provider, { value: model, children: _jsx(ImageUrlContext.Provider, { value: getImageUrl, children: _jsx(TimeZoneContext.Provider, { value: timeZone, children: _jsxs(CurrencyContext.Provider, { value: currency, children: [_jsxs("form", { id: "dynamic-record-form", onSubmit: handleSubmit, className: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4", children: [visibleFields.map(field => {
+                                                    const isFullWidth = field.type === 'textarea';
+                                                    return (_jsx("div", { className: isFullWidth ? 'sm:col-span-2' : '', children: _jsx(FieldRow, { field: field, record: record, value: formValues[field.key] ?? '', mode: mode, onChange: val => setFormValues((prev) => ({ ...prev, [field.key]: val })) }) }, field.key));
+                                                }), record?.external_url && (_jsx("div", { className: "sm:col-span-2", children: _jsxs("a", { href: record.external_url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline mt-1", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), "Ver en ", record.external_provider ?? 'proveedor externo'] }) }))] }), !isCreate && record && relations.length > 0 && (_jsx("div", { className: "mt-6", children: _jsx(DynamicRelations, { record: record, relations: relations, canCreate: mode === 'edit', canEdit: mode === 'edit', canDelete: mode === 'edit' }) }))] }) }) }) })) : null }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0 sm:justify-between", children: [isView && onOpenFullPage ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "text-muted-foreground", onClick: () => { onOpenChange(false); onOpenFullPage(); }, children: [_jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }), "Ver p\u00E1gina completa"] })) : _jsx("span", {}), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: saving || deleting, children: config.cancelLabel }), isView && onDelete && (_jsxs(Button, { variant: "destructive", onClick: handleDelete, disabled: deleting || loading, children: [deleting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), deleting ? 'Eliminando...' : 'Eliminar'] })), isView && onEdit && (_jsx(Button, { onClick: onEdit, disabled: deleting || loading, children: "Editar" })), isEditable && (_jsxs(Button, { type: "submit", form: "dynamic-record-form", disabled: saving || loading, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), saving ? config.submittingLabel : config.submitLabel] }))] })] })] }) }));
 }
 function LoadingSkeleton() {
     return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-9 w-full" })] }, i))) }));
@@ -439,11 +463,14 @@ function RelationViewValue({ field, value, record }) {
     };
     return (_jsxs("div", { className: "flex items-center gap-2 py-1", children: [_jsx(OptionLead, { option: lead, size: 24 }), _jsx("span", { className: "text-sm", children: label ?? '—' })] }));
 }
-export function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, }) {
+export function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, currency: currencyProp, }) {
+    const { i18n } = useTranslation();
     const ctxImageUrl = useContext(ImageUrlContext);
     const ctxTimeZone = useContext(TimeZoneContext);
+    const ctxCurrency = useContext(CurrencyContext);
     const getImageUrl = getImageUrlProp ?? ctxImageUrl;
     const timeZone = timeZoneProp ?? ctxTimeZone;
+    const currency = currencyProp ?? ctxCurrency;
     // created_by / avatar resolver sibling → name (+ avatar) instead of "—".
     if (field.type === 'avatar' || field.key === 'created_by' || field.key === 'created_by_id') {
         const user = createdBySibling(rawValue, record);
@@ -481,6 +508,23 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
     if (field.type === 'url' && value) {
         return (_jsx("a", { href: value, target: "_blank", rel: "noreferrer", className: "text-sm text-primary hover:underline truncate", children: value }));
     }
+    // Money → org-currency string. Detected by the backend `cellStyle:'currency'`
+    // stamp or a numeric value whose key matches the money heuristic (fallback
+    // mirroring the table cell + backend `inferDisplayCellStyle`).
+    if (isMoneyField(field, value)) {
+        const num = typeof value === 'number' ? value : Number(value);
+        if (!isNaN(num)) {
+            const resolvedCurrency = field.styleConfig?.currency || currency || 'USD';
+            const localeTag = i18n.language || 'es';
+            const formatted = new Intl.NumberFormat(localeTag, {
+                style: 'currency',
+                currency: resolvedCurrency,
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            }).format(num);
+            return _jsx("p", { className: "text-sm py-1 tabular-nums", children: formatted });
+        }
+    }
     // Date/datetime/timestamp → tz-aware format. `date` pins to UTC (calendar
     // day); instants render in the org timezone with a full-precision tooltip.
     if (field.type === 'date' || field.type === 'datetime' || field.type === 'timestamp') {

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

@@ -16,7 +16,7 @@ export interface ColumnFilterConfig {
     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>, timeZone?: string) => ColumnDef<any>[];
+export type GetDynamicColumns = (metadata: TableMetadata, handleAction: (action: string, row: any) => void, t: (key: string, options?: any) => string, language: string, columnFilterConfigs: Map<string, ColumnFilterConfig>, timeZone?: string, currency?: string) => ColumnDef<any>[];
 /** Signature for the host-provided `DynamicIcon` renderer. */
 export type DynamicIconComponent = React.ComponentType<{
     name: string;

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

@@ -1 +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,EACpD,QAAQ,CAAC,EAAE,MAAM,KAChB,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"}
+{"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,EACpD,QAAQ,CAAC,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,MAAM,KAChB,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.d.ts

@@ -16,6 +16,12 @@ export interface DynamicColumnsHelpers {
      */
     apiBaseUrl?: string;
 }
+/**
+ * Resolves the active currency for a column: the column's explicit currency
+ * style wins, then the org-level fallback (org config, like `timeZone`), then
+ * 'USD' as a last resort.
+ */
+export declare const resolveCurrency: (col: ColumnDefinition, orgCurrency?: string) => string;
 /**
  * State-machine gate for per-row actions.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-columns.d.ts","sourceRoot":"","sources":["../src/dynamic-columns.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAgC9C,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,EAER,iBAAiB,EACpB,MAAM,wBAAwB,CAAA;AAE/B,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;AAgGD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OAMlE,CAAA;AAqKD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAG,MAGnE,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,eAAe,2DAA4D,CAAA;AAExF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE,MAAM,GAClB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CA6C5C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAWtE,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAOtE,CAAA;AA0ED;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CAumBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}
+{"version":3,"file":"dynamic-columns.d.ts","sourceRoot":"","sources":["../src/dynamic-columns.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAgC9C,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,EAER,iBAAiB,EACpB,MAAM,wBAAwB,CAAA;AAE/B,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;AA0BD;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,gBAAgB,EAAE,cAAc,MAAM,KAAG,MACzB,CAAA;AAoErD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OAMlE,CAAA;AAqKD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAG,MAGnE,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,eAAe,2DAA4D,CAAA;AAExF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE,MAAM,GAClB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CA6C5C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAWtE,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAOtE,CAAA;AA0ED;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CAwmBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}

package/dist/dynamic-columns.js

@@ -44,8 +44,12 @@ const styleCfg = (col, ...keys) => {
     return undefined;
 };
 const EmptyCell = () => _jsx("span", { className: "text-muted-foreground", children: "-" });
-/** Resolves the active org currency, defaulting to USD when no override. */
-const resolveCurrency = (col) => styleCfg(col, 'currency') || 'USD';
+/**
+ * Resolves the active currency for a column: the column's explicit currency
+ * style wins, then the org-level fallback (org config, like `timeZone`), then
+ * 'USD' as a last resort.
+ */
+export const resolveCurrency = (col, orgCurrency) => styleCfg(col, 'currency') || orgCurrency || 'USD';
 const formatNumber = (value, opts, locale) => new Intl.NumberFormat(locale || undefined, opts).format(value);
 /**
  * Semantic status → badge color. Used by the `status` cell when no explicit
@@ -351,7 +355,7 @@ const AvatarCell = ({ name, desc, avatarSrc, getImageUrl }) => (_jsxs("div", { c
 export function makeDefaultGetDynamicColumns(helpers = {}) {
     const getImageUrl = helpers.getImageUrl ?? defaultGetImageUrl;
     const apiBaseUrl = helpers.apiBaseUrl ?? '';
-    return function defaultGetDynamicColumns(metadata, onAction, t, currentLanguage, filterConfigs, timeZone) {
+    return function defaultGetDynamicColumns(metadata, onAction, t, currentLanguage, filterConfigs, timeZone, currency) {
         const dateLocale = currentLanguage === 'en' ? enUS : es;
         const columns = [
             {
@@ -552,7 +556,7 @@ export function makeDefaultGetDynamicColumns(helpers = {}) {
                             const decimals = styleCfg(col, 'decimals') ?? 2;
                             return (_jsx("span", { className: "block text-right font-medium tabular-nums", children: formatNumber(num, {
                                     style: 'currency',
-                                    currency: resolveCurrency(col),
+                                    currency: resolveCurrency(col, currency),
                                     minimumFractionDigits: decimals,
                                     maximumFractionDigits: decimals,
                                 }, currentLanguage) }));

package/dist/dynamic-table.d.ts

@@ -23,7 +23,13 @@ interface DynamicTableProps {
      * Optional — omitting it preserves the legacy browser-local formatting.
      */
     timeZone?: string;
+    /**
+     * ISO 4217 currency code (e.g. the org's `MXN`) used as the fallback for
+     * money cells (`type:'number'` + `cellStyle:'currency'`) that don't carry
+     * an explicit per-column currency. Optional — defaults to 'USD'.
+     */
+    currency?: string;
 }
-export declare function DynamicTable({ model, endpoint, enableUrlSync, hiddenColumns, onAction, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, timeZone, }: DynamicTableProps): import("react").JSX.Element;
+export declare function DynamicTable({ model, endpoint, enableUrlSync, hiddenColumns, onAction, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, timeZone, currency, }: DynamicTableProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=dynamic-table.d.ts.map

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

@@ -1 +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;AAUnF,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;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,EAC5C,QAAQ,GACX,EAAE,iBAAiB,+BAgyBnB"}
+{"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;AAUnF,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;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,EAC5C,QAAQ,EACR,QAAQ,GACX,EAAE,iBAAiB,+BAgyBnB"}

package/dist/dynamic-table.js

@@ -31,7 +31,7 @@ import { getSearchableColumnKeys } from './column-visibility';
 import { DynamicRecordDialog } from './dialogs/dynamic-record';
 import { ExportDialog } from './dialogs/export';
 import { ImportDialog } from './dialogs/import';
-export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColumns = [], onAction, refreshTrigger, defaultFilters, extraColumns = [], getDynamicColumns = defaultGetDynamicColumns, timeZone, }) {
+export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColumns = [], onAction, refreshTrigger, defaultFilters, extraColumns = [], getDynamicColumns = defaultGetDynamicColumns, timeZone, currency, }) {
     const { t, i18n } = useTranslation();
     const api = useApi();
     const currentBranch = useCurrentBranch();
@@ -555,12 +555,12 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
         const rowMetadata = metadata.actions?.some((a) => a.placement === 'table' || a.placement === 'create')
             ? { ...metadata, actions: metadata.actions.filter((a) => !a.placement || a.placement === 'row') }
             : metadata;
-        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone);
+        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone, currency);
         const filteredBase = baseColumns.filter((col) => !hiddenColumns.includes(col.id));
         const actionsCol = filteredBase.find((c) => c.id === 'actions');
         const otherCols = filteredBase.filter((c) => c.id !== 'actions');
         return [...otherCols, ...extraColumns, ...(actionsCol ? [actionsCol] : [])];
-    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone]);
+    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone, currency]);
     const filters = useMemo(() => [], []);
     const table = useReactTable({
         data,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "18.3.0",
+  "version": "18.4.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/__tests__/org-currency-money.test.ts

@@ -0,0 +1,62 @@
+// Locks the org-currency fallback contract for money rendering: the table cell
+// (`resolveCurrency`) and the record dialog (`isMoneyField`). Pure logic, no DOM.
+import { describe, it, expect } from 'vitest'
+import { resolveCurrency } from '../dynamic-columns'
+import { isMoneyField } from '../dialogs/dynamic-record'
+import type { ColumnDefinition } from '../types'
+import type { FieldDef } from '../dialogs/dynamic-record'
+
+const col = (over: Partial<ColumnDefinition>): ColumnDefinition => ({
+    key: 'total',
+    label: 'Total',
+    type: 'number',
+    sortable: true,
+    filterable: true,
+    ...over,
+})
+
+const field = (over: Partial<FieldDef>): FieldDef => ({
+    key: 'total',
+    label: 'Total',
+    type: 'number',
+    ...over,
+})
+
+describe('resolveCurrency', () => {
+    it("defaults to 'USD' when neither the column nor the org provide one", () => {
+        expect(resolveCurrency(col({}))).toBe('USD')
+    })
+
+    it('falls back to the org currency when the column has no explicit currency', () => {
+        expect(resolveCurrency(col({}), 'MXN')).toBe('MXN')
+    })
+
+    it('prefers the explicit per-column currency over the org fallback', () => {
+        expect(resolveCurrency(col({ styleConfig: { currency: 'EUR' } }), 'MXN')).toBe('EUR')
+    })
+})
+
+describe('isMoneyField', () => {
+    it("recognizes the backend cellStyle:'currency' stamp regardless of key", () => {
+        expect(isMoneyField(field({ key: 'foo', cellStyle: 'currency' }), 100)).toBe(true)
+    })
+
+    it('detects numeric money keys via the heuristic (no stamp needed)', () => {
+        expect(isMoneyField(field({ key: 'total' }), 100)).toBe(true)
+        expect(isMoneyField(field({ key: 'sub_total' }), 100)).toBe(true)
+        expect(isMoneyField(field({ key: 'tax_amount' }), 16)).toBe(true)
+        expect(isMoneyField(field({ key: 'unit_price' }), 5)).toBe(true)
+        expect(isMoneyField(field({ key: 'balance' }), 0)).toBe(true)
+    })
+
+    it('accepts numeric strings the backend serializes', () => {
+        expect(isMoneyField(field({ key: 'total' }), '100')).toBe(true)
+    })
+
+    it('ignores non-money keys and non-numeric values', () => {
+        expect(isMoneyField(field({ key: 'name' }), 'Acme')).toBe(false)
+        expect(isMoneyField(field({ key: 'quantity' }), 3)).toBe(false)
+        expect(isMoneyField(field({ key: 'total' }), 'n/a')).toBe(false)
+        expect(isMoneyField(field({ key: 'total' }), null)).toBe(false)
+    })
+})

package/src/dialogs/dynamic-record.tsx

@@ -107,6 +107,19 @@ export interface FieldDef {
      * its SQL type. Unknown values fall through to the `type`-based default.
      */
     widget?: string
+    /**
+     * Declarative display hint the backend stamps on the column/modal field
+     * (mirrors the table column's `cellStyle`). `'currency'` makes the view
+     * renderer format the numeric value in the org currency. Optional —
+     * absent, a money-key heuristic still detects obvious money fields.
+     */
+    cellStyle?: string
+    /**
+     * Per-field style overrides served alongside `cellStyle` (e.g.
+     * `{ currency: 'MXN' }`). When it carries an explicit `currency` it wins
+     * over the org fallback.
+     */
+    styleConfig?: Record<string, any>
 }
 
 // Permissive shape: the wire payload may omit some fields (e.g. `title` is
@@ -208,6 +221,12 @@ export interface DynamicRecordDialogProps {
      * regardless of the viewer's browser timezone. Pure `date` values pin to UTC.
      */
     timeZone?: string
+    /**
+     * Org ISO-4217 currency code (e.g. `MXN`) used as the fallback for money
+     * fields (`cellStyle:'currency'` or the money-key heuristic) that lack an
+     * explicit per-field currency. Optional — defaults to 'USD'.
+     */
+    currency?: string
 }
 
 function resolvePath(obj: any, path: string): any {
@@ -332,6 +351,30 @@ const MODE_CONFIG = {
 // image leads, tz-aware dates) without prop-drilling through every renderer.
 const ModelContext = createContext('')
 const TimeZoneContext = createContext<string | undefined>(undefined)
+// Org ISO-4217 currency (org config, like the timezone) used as the fallback
+// for money fields that don't carry an explicit per-field currency.
+const CurrencyContext = createContext<string | undefined>(undefined)
+
+// Money-key heuristic mirroring the backend's `inferDisplayCellStyle`: lets the
+// dialog format obvious money fields as currency even when the backend hasn't
+// stamped `cellStyle:'currency'` yet. Case-insensitive; matches a key that
+// equals one of these, or ends with `_<m>`, or starts with `<m>_`.
+const MONEY_KEY_HEURISTIC = ['price', 'amount', 'total', 'cost', 'subtotal', 'balance', 'paid']
+
+// isMoneyField decides whether a field should render as currency. The explicit
+// `cellStyle:'currency'` stamp always wins; otherwise a numeric value whose key
+// matches the money heuristic qualifies (robustness fallback).
+export function isMoneyField(field: FieldDef, value: any): boolean {
+    if (field.cellStyle === 'currency') return true
+    if (value === null || value === undefined || value === '') return false
+    const num = typeof value === 'number' ? value : Number(value)
+    if (isNaN(num)) return false
+    const key = String(field.key || '').toLowerCase()
+    if (!key) return false
+    return MONEY_KEY_HEURISTIC.some(
+        m => key === m || key.endsWith(`_${m}`) || key.startsWith(`${m}_`),
+    )
+}
 
 export function DynamicRecordDialog({
     open,
@@ -351,6 +394,7 @@ export function DynamicRecordDialog({
     initialRecord,
     getImageUrl = identityImageUrl,
     timeZone,
+    currency,
 }: DynamicRecordDialogProps) {
     const api = useApi()
     const { t } = useTranslation()
@@ -603,6 +647,7 @@ export function DynamicRecordDialog({
                         <ModelContext.Provider value={model}>
                         <ImageUrlContext.Provider value={getImageUrl}>
                         <TimeZoneContext.Provider value={timeZone}>
+                        <CurrencyContext.Provider value={currency}>
                             <form
                                 id="dynamic-record-form"
                                 onSubmit={handleSubmit}
@@ -656,6 +701,7 @@ export function DynamicRecordDialog({
                                     />
                                 </div>
                             )}
+                        </CurrencyContext.Provider>
                         </TimeZoneContext.Provider>
                         </ImageUrlContext.Provider>
                         </ModelContext.Provider>
@@ -810,6 +856,7 @@ export function ViewValue({
     record,
     getImageUrl: getImageUrlProp,
     timeZone: timeZoneProp,
+    currency: currencyProp,
 }: {
     field: FieldDef
     value: any
@@ -818,11 +865,16 @@ export function ViewValue({
     getImageUrl?: GetImageUrl
     /** Optional override; when omitted falls back to the nearest provider. */
     timeZone?: string
+    /** Optional override; when omitted falls back to the nearest provider. */
+    currency?: string
 }) {
+    const { i18n } = useTranslation()
     const ctxImageUrl = useContext(ImageUrlContext)
     const ctxTimeZone = useContext(TimeZoneContext)
+    const ctxCurrency = useContext(CurrencyContext)
     const getImageUrl = getImageUrlProp ?? ctxImageUrl
     const timeZone = timeZoneProp ?? ctxTimeZone
+    const currency = currencyProp ?? ctxCurrency
 
     // created_by / avatar resolver sibling → name (+ avatar) instead of "—".
     if (field.type === 'avatar' || field.key === 'created_by' || field.key === 'created_by_id') {
@@ -904,6 +956,24 @@ export function ViewValue({
         )
     }
 
+    // Money → org-currency string. Detected by the backend `cellStyle:'currency'`
+    // stamp or a numeric value whose key matches the money heuristic (fallback
+    // mirroring the table cell + backend `inferDisplayCellStyle`).
+    if (isMoneyField(field, value)) {
+        const num = typeof value === 'number' ? value : Number(value)
+        if (!isNaN(num)) {
+            const resolvedCurrency = field.styleConfig?.currency || currency || 'USD'
+            const localeTag = i18n.language || 'es'
+            const formatted = new Intl.NumberFormat(localeTag, {
+                style: 'currency',
+                currency: resolvedCurrency,
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            }).format(num)
+            return <p className="text-sm py-1 tabular-nums">{formatted}</p>
+        }
+    }
+
     // Date/datetime/timestamp → tz-aware format. `date` pins to UTC (calendar
     // day); instants render in the org timezone with a full-precision tooltip.
     if (field.type === 'date' || field.type === 'datetime' || field.type === 'timestamp') {

package/src/dynamic-columns-shim.ts

@@ -31,6 +31,7 @@ export type GetDynamicColumns = (
     language: string,
     columnFilterConfigs: Map<string, ColumnFilterConfig>,
     timeZone?: string,
+    currency?: string,
 ) => ColumnDef<any>[]
 
 /** Signature for the host-provided `DynamicIcon` renderer. */

package/src/dynamic-columns.tsx

@@ -93,9 +93,13 @@ const styleCfg = (
 
 const EmptyCell = () => <span className="text-muted-foreground">-</span>
 
-/** Resolves the active org currency, defaulting to USD when no override. */
-const resolveCurrency = (col: ColumnDefinition): string =>
-    styleCfg(col, 'currency') || 'USD'
+/**
+ * Resolves the active currency for a column: the column's explicit currency
+ * style wins, then the org-level fallback (org config, like `timeZone`), then
+ * 'USD' as a last resort.
+ */
+export const resolveCurrency = (col: ColumnDefinition, orgCurrency?: string): string =>
+    styleCfg(col, 'currency') || orgCurrency || 'USD'
 
 const formatNumber = (
     value: number,
@@ -559,6 +563,7 @@ export function makeDefaultGetDynamicColumns(
         currentLanguage?: string,
         filterConfigs?: Map<string, ColumnFilterConfig>,
         timeZone?: string,
+        currency?: string,
     ): ColumnDef<any>[] {
         const dateLocale = currentLanguage === 'en' ? enUS : es
         const columns: ColumnDef<any>[] = [
@@ -842,7 +847,7 @@ export function makeDefaultGetDynamicColumns(
                                         num,
                                         {
                                             style: 'currency',
-                                            currency: resolveCurrency(col),
+                                            currency: resolveCurrency(col, currency),
                                             minimumFractionDigits: decimals,
                                             maximumFractionDigits: decimals,
                                         },

package/src/dynamic-table.tsx

@@ -97,6 +97,12 @@ interface DynamicTableProps {
      * Optional — omitting it preserves the legacy browser-local formatting.
      */
     timeZone?: string
+    /**
+     * ISO 4217 currency code (e.g. the org's `MXN`) used as the fallback for
+     * money cells (`type:'number'` + `cellStyle:'currency'`) that don't carry
+     * an explicit per-column currency. Optional — defaults to 'USD'.
+     */
+    currency?: string
 }
 
 export function DynamicTable({
@@ -110,6 +116,7 @@ export function DynamicTable({
     extraColumns = [],
     getDynamicColumns = defaultGetDynamicColumns,
     timeZone,
+    currency,
 }: DynamicTableProps) {
     const { t, i18n } = useTranslation()
     const api = useApi()
@@ -598,12 +605,12 @@ export function DynamicTable({
         const rowMetadata = metadata.actions?.some((a) => a.placement === 'table' || a.placement === 'create')
             ? { ...metadata, actions: metadata.actions.filter((a) => !a.placement || a.placement === 'row') }
             : metadata
-        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone)
+        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone, currency)
         const filteredBase = baseColumns.filter((col: ColumnDef<any>) => !hiddenColumns.includes(col.id as string))
         const actionsCol = filteredBase.find((c: ColumnDef<any>) => c.id === 'actions')
         const otherCols = filteredBase.filter((c: ColumnDef<any>) => c.id !== 'actions')
         return [...otherCols, ...extraColumns, ...(actionsCol ? [actionsCol] : [])]
-    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone])
+    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone, currency])
 
     const filters = useMemo(() => [], [])