@asteby/metacore-runtime-react 18.25.0 → 18.26.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @asteby/metacore-runtime-react
 
+## 18.26.0
+
+### Minor Changes
+
+- d0056f1: Activity log (record history) renders jsonb line items as a table and localizes
+  relation field labels.
+  - **Line-items render as the shared `CollectionCell` mini-table** instead of raw
+    `JSON.stringify`. A jsonb array-of-objects value (e.g. a transfer's `items`,
+    directly or JSON-string-encoded) now shows a localized mini-table with
+    resolved relation chips (when the backend injects the `{value,label,image}`
+    siblings into the snapshot) — matching the detail view. Uses the column's
+    declared `item_fields` when present.
+  - **Relation field labels localize.** `resolveColumn` now matches the `*_id`
+    twin of a resolved relation key (`destination_warehouse` →
+    `destination_warehouse_id`), so the diff "Campo" uses the localized column
+    label ("Almacén destino") instead of humanizing the key in English
+    ("Destination Warehouse").
+
 ## 18.25.0
 
 ### Minor Changes

package/dist/activity-diff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-diff.d.ts","sourceRoot":"","sources":["../src/activity-diff.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO/C;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,EAAE,EAAE,OAAO,CAAA;KAAE,CAAC,GAAG,IAAI,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAC9B,oCAAoC;IACpC,KAAK,EAAE,aAAa,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAuGD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4KpD,CAAA"}
+{"version":3,"file":"activity-diff.d.ts","sourceRoot":"","sources":["../src/activity-diff.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO/C;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,EAAE,EAAE,OAAO,CAAA;KAAE,CAAC,GAAG,IAAI,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAC9B,oCAAoC;IACpC,KAAK,EAAE,aAAa,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AA8GD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4KpD,CAAA"}

package/dist/activity-diff.js

@@ -81,6 +81,14 @@ function resolveColumn(key, columns) {
     const exact = columns.find((c) => c.key === key);
     if (exact)
         return exact;
+    // A resolved relation key is the FK column minus `_id` (the backend injects a
+    // `destination_warehouse` sibling next to `destination_warehouse_id`). The
+    // served metadata carries the LOCALIZED label on the `*_id` column, so match
+    // it — else the label falls back to humanizing the key in English
+    // ("Destination Warehouse" instead of "Almacén destino").
+    const fk = columns.find((c) => c.key === `${key}_id`);
+    if (fk)
+        return fk;
     // A diff key is the physical column (created_by); the served metadata may
     // only carry the dotted display column for it (created_by.avatar). Match on
     // the base segment so the diff cell inherits its label and rich renderer.

package/dist/activity-value-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-value-renderer.d.ts","sourceRoot":"","sources":["../src/activity-value-renderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA0E/C,MAAM,WAAW,0BAA0B;IACvC,4DAA4D;IAC5D,KAAK,EAAE,OAAO,CAAA;IACd,+EAA+E;IAC/E,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAiRtE,CAAA"}
+{"version":3,"file":"activity-value-renderer.d.ts","sourceRoot":"","sources":["../src/activity-value-renderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqG/C,MAAM,WAAW,0BAA0B;IACvC,4DAA4D;IAC5D,KAAK,EAAE,OAAO,CAAA;IACd,+EAA+E;IAC/E,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqStE,CAAA"}

package/dist/activity-value-renderer.js

@@ -17,6 +17,32 @@ import { Badge, Avatar, AvatarImage, AvatarFallback, } from '@asteby/metacore-ui
 import { generateBadgeStyles, getInitials, optionColor, relationChipStyles } from '@asteby/metacore-ui/lib';
 import { formatDateCell } from './dynamic-columns';
 import { humanizeToken } from './dynamic-columns-helpers';
+import { CollectionCell } from './collection-cell';
+/**
+ * Parses a value into a jsonb line-items array (array of plain objects) when it
+ * is one — directly, or from a JSON-encoded string. Returns null otherwise, so
+ * scalars / resolved-entity objects keep their existing renderers.
+ */
+function asLineItemsArray(value) {
+    let arr = value;
+    if (typeof value === 'string') {
+        const t = value.trim();
+        if (!t.startsWith('['))
+            return null;
+        try {
+            arr = JSON.parse(t);
+        }
+        catch {
+            return null;
+        }
+    }
+    if (Array.isArray(arr) &&
+        arr.length > 0 &&
+        arr.every((v) => v !== null && typeof v === 'object' && !Array.isArray(v))) {
+        return arr;
+    }
+    return null;
+}
 // ---------------------------------------------------------------------------
 // Internal helpers (mirror dynamic-columns.tsx private helpers)
 // ---------------------------------------------------------------------------
@@ -81,6 +107,16 @@ export const ActivityValueRenderer = ({ value, col, timeZone, currency, locale =
     if (value === null || value === undefined || value === '') {
         return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
     }
+    // jsonb line-items (array of objects, e.g. a transfer's `items`) → the shared
+    // CollectionCell mini-table (localized headers + resolved ref chips) instead
+    // of raw JSON. Uses the column's declared item_fields when present.
+    const lineItems = asLineItemsArray(value);
+    if (lineItems) {
+        return (_jsx(CollectionCell, { value: lineItems, variant: "inline", itemFields: col
+                ?.itemFields ??
+                col
+                    ?.item_fields, locale: locale }));
+    }
     // No column metadata → entity chip when the value is a resolved object,
     // plain string otherwise.
     if (!col) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "18.25.0",
+  "version": "18.26.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",
@@ -34,8 +34,8 @@
     "react-i18next": ">=13",
     "sonner": ">=1.7",
     "zustand": ">=5",
-    "@asteby/metacore-ui": "^2.5.2",
-    "@asteby/metacore-sdk": "^3.2.0"
+    "@asteby/metacore-sdk": "^3.2.0",
+    "@asteby/metacore-ui": "^2.5.2"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-router": {

package/src/activity-diff.tsx

@@ -132,6 +132,13 @@ function resolveColumn(key: string, columns?: ColumnDefinition[]): ColumnDefinit
     if (!columns?.length) return undefined
     const exact = columns.find((c) => c.key === key)
     if (exact) return exact
+    // A resolved relation key is the FK column minus `_id` (the backend injects a
+    // `destination_warehouse` sibling next to `destination_warehouse_id`). The
+    // served metadata carries the LOCALIZED label on the `*_id` column, so match
+    // it — else the label falls back to humanizing the key in English
+    // ("Destination Warehouse" instead of "Almacén destino").
+    const fk = columns.find((c) => c.key === `${key}_id`)
+    if (fk) return fk
     // A diff key is the physical column (created_by); the served metadata may
     // only carry the dotted display column for it (created_by.avatar). Match on
     // the base segment so the diff cell inherits its label and rich renderer.

package/src/activity-value-renderer.tsx

@@ -23,6 +23,33 @@ import { generateBadgeStyles, getInitials, optionColor, relationChipStyles } fro
 import type { ColumnDefinition } from './types'
 import { formatDateCell } from './dynamic-columns'
 import { humanizeToken } from './dynamic-columns-helpers'
+import { CollectionCell, type ItemField } from './collection-cell'
+
+/**
+ * Parses a value into a jsonb line-items array (array of plain objects) when it
+ * is one — directly, or from a JSON-encoded string. Returns null otherwise, so
+ * scalars / resolved-entity objects keep their existing renderers.
+ */
+function asLineItemsArray(value: unknown): Record<string, unknown>[] | null {
+    let arr: unknown = value
+    if (typeof value === 'string') {
+        const t = value.trim()
+        if (!t.startsWith('[')) return null
+        try {
+            arr = JSON.parse(t)
+        } catch {
+            return null
+        }
+    }
+    if (
+        Array.isArray(arr) &&
+        arr.length > 0 &&
+        arr.every((v) => v !== null && typeof v === 'object' && !Array.isArray(v))
+    ) {
+        return arr as Record<string, unknown>[]
+    }
+    return null
+}
 
 // ---------------------------------------------------------------------------
 // Internal helpers (mirror dynamic-columns.tsx private helpers)
@@ -128,6 +155,26 @@ export const ActivityValueRenderer: React.FC<ActivityValueRendererProps> = ({
         return <span className="text-muted-foreground">—</span>
     }
 
+    // jsonb line-items (array of objects, e.g. a transfer's `items`) → the shared
+    // CollectionCell mini-table (localized headers + resolved ref chips) instead
+    // of raw JSON. Uses the column's declared item_fields when present.
+    const lineItems = asLineItemsArray(value)
+    if (lineItems) {
+        return (
+            <CollectionCell
+                value={lineItems}
+                variant="inline"
+                itemFields={
+                    (col as { itemFields?: ItemField[]; item_fields?: ItemField[] })
+                        ?.itemFields ??
+                    (col as { itemFields?: ItemField[]; item_fields?: ItemField[] })
+                        ?.item_fields
+                }
+                locale={locale}
+            />
+        )
+    }
+
     // No column metadata → entity chip when the value is a resolved object,
     // plain string otherwise.
     if (!col) {