@asteby/metacore-runtime-react 46.2.0 → 46.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @asteby/metacore-runtime-react
 
+## 46.2.2
+
+### Patch Changes
+
+- 97f77eb: Una relación muchos-a-muchos distingue «sin permiso» y un error de carga de una lista vacía, igual que la subtabla de uno-a-muchos.
+
+## 46.2.1
+
+### Patch Changes
+
+- 712f605: fix(runtime-react): una columna con `display: date` que guarda un INSTANTE (timestamptz, p. ej. `invoice_date`) se pinta en la zona horaria de la organización y no en UTC (PIT-025). Con zona de la org, `formatDateCell` fijaba a UTC toda celda de día, así que una factura de la tarde del 29-sep en México (30-sep 00:41Z) aparecía como «30 de septiembre». Solo `YYYY-MM-DD` o medianoche UTC exacta (`isCalendarDayValue`) se siguen tratando como día de calendario.
+
 ## 46.2.0
 
 ### Minor Changes

package/dist/calendar-date.d.ts

@@ -1,4 +1,12 @@
 /** Parse a calendar day ("YYYY-MM-DD…" or any Date-parseable value) into a
  *  local Date at noon, or undefined when empty/invalid. */
 export declare function parseCalendarDate(v: unknown): Date | undefined;
+/**
+ * True when a serialized value is a pure CALENDAR DAY: `YYYY-MM-DD`, or that day at
+ * exactly UTC midnight (how the backend serves a `date` column). Anything with a
+ * real time of day is an INSTANT: a `timestamptz` shown with a day-only renderer
+ * must be read in the organization's zone, or an evening invoice (29 Sep 19:41 in
+ * Mexico City = 30 Sep 00:41Z) shows as the 30th (PIT-025).
+ */
+export declare function isCalendarDayValue(v: unknown): boolean;
 //# sourceMappingURL=calendar-date.d.ts.map

package/dist/calendar-date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-date.d.ts","sourceRoot":"","sources":["../src/calendar-date.ts"],"names":[],"mappings":"AAKA;2DAC2D;AAC3D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAQ9D"}
+{"version":3,"file":"calendar-date.d.ts","sourceRoot":"","sources":["../src/calendar-date.ts"],"names":[],"mappings":"AAKA;2DAC2D;AAC3D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAQ9D;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAGtD"}

package/dist/calendar-date.js

@@ -16,3 +16,15 @@ export function parseCalendarDate(v) {
     const d = new Date(s);
     return isNaN(d.getTime()) ? undefined : d;
 }
+/**
+ * True when a serialized value is a pure CALENDAR DAY: `YYYY-MM-DD`, or that day at
+ * exactly UTC midnight (how the backend serves a `date` column). Anything with a
+ * real time of day is an INSTANT: a `timestamptz` shown with a day-only renderer
+ * must be read in the organization's zone, or an evening invoice (29 Sep 19:41 in
+ * Mexico City = 30 Sep 00:41Z) shows as the 30th (PIT-025).
+ */
+export function isCalendarDayValue(v) {
+    if (typeof v !== 'string')
+        return false;
+    return /^\d{4}-\d{2}-\d{2}(?:[T ]00:00:00(?:\.0+)?(?:Z|\+00:00)?)?$/.test(v.trim());
+}

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

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

package/dist/dynamic-columns.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // argument so the SDK stays free of environment-bound code.
 import * as React from 'react';
 import { format } from 'date-fns';
-import { parseCalendarDate } from './calendar-date';
+import { isCalendarDayValue, parseCalendarDate } from './calendar-date';
 import { es, enUS } from 'date-fns/locale';
 import { Calendar, Check, Copy, Mail, Minus, MoreHorizontal } from 'lucide-react';
 import { Avatar, AvatarFallback, AvatarImage, Badge, Button, Checkbox, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, InitialsAvatar, } from '@asteby/metacore-ui';
@@ -373,10 +373,13 @@ export function formatDateCell(value, renderAs, locale, timeZone) {
                 }).format(date),
             };
         }
-        // Pure calendar date: pin to UTC so it never shifts across zones.
+        // Pure calendar date: pin to UTC so it never shifts across zones. A value
+        // with a real time of day is an instant even under a day-only renderer
+        // (timestamptz columns like invoice_date): show ITS day in the org zone.
+        const calendarDay = typeof value !== 'string' || isCalendarDayValue(value);
         return {
             display: new Intl.DateTimeFormat(localeTag, {
-                timeZone: 'UTC',
+                timeZone: calendarDay ? 'UTC' : timeZone,
                 dateStyle: 'long',
             }).format(date),
         };

package/dist/dynamic-relation.js

@@ -341,6 +341,9 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
     const [pivotRows, setPivotRows] = useState([]);
     const [loading, setLoading] = useState(true);
     const [syncing, setSyncing] = useState(false);
+    // Same distinction as the 1:N sub-table (PIT-045): a 403 is not "no rows",
+    // and an empty pivot is not "sin permiso".
+    const [fetchErrorStatus, setFetchErrorStatus] = useState(null);
     // Canonical path: SDK options resolver. Only fires when no legacy
     // override is set. The hook is a no-op when `useResolver` is false.
     const resolved = useOptionsResolver({
@@ -366,6 +369,7 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
                 tasks.push(api.get(legacyTargetPath));
             const results = await Promise.all(tasks);
             const pivotRes = results[0];
+            setFetchErrorStatus(null);
             if (pivotRes.data.success)
                 setPivotRows(pivotRes.data.data || []);
             let cursor = 1;
@@ -384,6 +388,7 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
         }
         catch (err) {
             console.error('DynamicRelation m2m fetch error', err);
+            setFetchErrorStatus(err?.response?.status ?? 0);
         }
         finally {
             setLoading(false);
@@ -449,5 +454,7 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [api, canCreate, canDelete, fetchPivotAndMeta, useResolver, resolved, foreignKey, filtersKey, onChange, parentId, pivotIndex, pivotPath, refKey, selectedIds, syncing]);
-    return (_jsxs("div", { className: className, "data-relation-kind": kind, "data-relation-through": through, "data-relation-references": references, children: [labels.title && (_jsx("div", { className: "pb-3", children: _jsx("h3", { className: "text-sm font-medium", children: labels.title }) })), (loading || (useResolver && resolved.loading)) ? (_jsx(Skeleton, { className: "h-10 w-full" })) : options.length === 0 ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: labels.emptyState })) : (_jsx(MultiSelect, { options: options, selected: selectedIds, onChange: handleChange, placeholder: labels.selectPlaceholder, searchPlaceholder: labels.selectSearchPlaceholder, emptyMessage: labels.selectEmpty }))] }));
+    return (_jsxs("div", { className: className, "data-relation-kind": kind, "data-relation-through": through, "data-relation-references": references, children: [labels.title && (_jsx("div", { className: "pb-3", children: _jsx("h3", { className: "text-sm font-medium", children: labels.title }) })), (loading || (useResolver && resolved.loading)) ? (_jsx(Skeleton, { className: "h-10 w-full" })) : fetchErrorStatus !== null ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: fetchErrorStatus === 403
+                    ? (labels.forbiddenState ?? 'Sin permiso para ver estos registros.')
+                    : (labels.errorState ?? 'No se pudieron cargar los registros relacionados.') })) : options.length === 0 ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: labels.emptyState })) : (_jsx(MultiSelect, { options: options, selected: selectedIds, onChange: handleChange, placeholder: labels.selectPlaceholder, searchPlaceholder: labels.selectSearchPlaceholder, emptyMessage: labels.selectEmpty }))] }));
 }

package/package.json

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

package/src/__tests__/calendar-date.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { es } from 'date-fns/locale'
-import { parseCalendarDate } from '../calendar-date'
+import { isCalendarDayValue, parseCalendarDate } from '../calendar-date'
 import { formatDateCell } from '../dynamic-columns'
 
 describe('parseCalendarDate', () => {
@@ -20,3 +20,16 @@ describe('parseCalendarDate', () => {
         expect(formatDateCell('2026-09-27T00:00:00Z', 'date', es)?.display).toContain('27')
     })
 })
+
+describe('isCalendarDayValue', () => {
+    it('día de calendario: YYYY-MM-DD o medianoche UTC', () => {
+        for (const v of ['2026-09-27', '2026-09-27T00:00:00Z', '2026-09-27T00:00:00.000Z', '2026-09-27 00:00:00', '2026-09-27T00:00:00+00:00']) {
+            expect(isCalendarDayValue(v)).toBe(true)
+        }
+    })
+    it('un instante con hora, vacío o no-string NO lo es', () => {
+        for (const v of ['2026-09-30T00:41:06Z', '2026-09-27T00:00:01Z', '2026-09-27T05:00:00Z', '', null, undefined, 123, new Date()]) {
+            expect(isCalendarDayValue(v)).toBe(false)
+        }
+    })
+})

package/src/__tests__/format-date-cell.test.ts

@@ -75,5 +75,20 @@ describe('formatDateCell', () => {
             expect(out!.display).not.toMatch(/\d{1,2}:\d{2}/)
             expect(out!.title).toBeUndefined()
         })
+
+        // PIT-025: invoice_date is a timestamptz shown with the day-only renderer.
+        // 2026-09-30T00:41:06Z is the 29th (18:41) in Mexico City: an evening
+        // invoice must not roll to the 30th.
+        it('renders a `date` column that holds an INSTANT in the org zone, not UTC', () => {
+            const out = formatDateCell('2026-09-30T00:41:06Z', 'date', enUS, 'America/Mexico_City')
+            expect(out!.display).toMatch(/September 29, 2026/)
+            expect(out!.title).toBeUndefined()
+        })
+
+        it('keeps UTC-midnight and YYYY-MM-DD as calendar days', () => {
+            for (const v of ['2026-09-27T00:00:00Z', '2026-09-27T00:00:00.000Z', '2026-09-27']) {
+                expect(formatDateCell(v, 'date', enUS, 'America/Mexico_City')!.display).toMatch(/September 27, 2026/)
+            }
+        })
     })
 })

package/src/calendar-date.ts

@@ -14,3 +14,15 @@ export function parseCalendarDate(v: unknown): Date | undefined {
     const d = new Date(s)
     return isNaN(d.getTime()) ? undefined : d
 }
+
+/**
+ * True when a serialized value is a pure CALENDAR DAY: `YYYY-MM-DD`, or that day at
+ * exactly UTC midnight (how the backend serves a `date` column). Anything with a
+ * real time of day is an INSTANT: a `timestamptz` shown with a day-only renderer
+ * must be read in the organization's zone, or an evening invoice (29 Sep 19:41 in
+ * Mexico City = 30 Sep 00:41Z) shows as the 30th (PIT-025).
+ */
+export function isCalendarDayValue(v: unknown): boolean {
+    if (typeof v !== 'string') return false
+    return /^\d{4}-\d{2}-\d{2}(?:[T ]00:00:00(?:\.0+)?(?:Z|\+00:00)?)?$/.test(v.trim())
+}

package/src/dynamic-columns.tsx

@@ -15,7 +15,7 @@
 import * as React from 'react'
 import { ColumnDef } from '@tanstack/react-table'
 import { format, type Locale } from 'date-fns'
-import { parseCalendarDate } from './calendar-date'
+import { isCalendarDayValue, parseCalendarDate } from './calendar-date'
 import { es, enUS } from 'date-fns/locale'
 import { Calendar, Check, Copy, Mail, Minus, MoreHorizontal } from 'lucide-react'
 import {
@@ -525,10 +525,13 @@ export function formatDateCell(
                 }).format(date),
             }
         }
-        // Pure calendar date: pin to UTC so it never shifts across zones.
+        // Pure calendar date: pin to UTC so it never shifts across zones. A value
+        // with a real time of day is an instant even under a day-only renderer
+        // (timestamptz columns like invoice_date): show ITS day in the org zone.
+        const calendarDay = typeof value !== 'string' || isCalendarDayValue(value)
         return {
             display: new Intl.DateTimeFormat(localeTag, {
-                timeZone: 'UTC',
+                timeZone: calendarDay ? 'UTC' : timeZone,
                 dateStyle: 'long',
             }).format(date),
         }

package/src/dynamic-relation.tsx

@@ -718,6 +718,9 @@ function ManyToManyRelation({
     const [pivotRows, setPivotRows] = useState<any[]>([])
     const [loading, setLoading] = useState(true)
     const [syncing, setSyncing] = useState(false)
+    // Same distinction as the 1:N sub-table (PIT-045): a 403 is not "no rows",
+    // and an empty pivot is not "sin permiso".
+    const [fetchErrorStatus, setFetchErrorStatus] = useState<number | null>(null)
 
     // Canonical path: SDK options resolver. Only fires when no legacy
     // override is set. The hook is a no-op when `useResolver` is false.
@@ -744,6 +747,7 @@ function ManyToManyRelation({
             if (!useResolver) tasks.push(api.get(legacyTargetPath))
             const results = await Promise.all(tasks)
             const pivotRes = results[0] as { data: ApiResponse<any[]> }
+            setFetchErrorStatus(null)
             if (pivotRes.data.success) setPivotRows(pivotRes.data.data || [])
             let cursor = 1
             if (!targetMeta) {
@@ -759,6 +763,7 @@ function ManyToManyRelation({
             }
         } catch (err) {
             console.error('DynamicRelation m2m fetch error', err)
+            setFetchErrorStatus((err as { response?: { status?: number } })?.response?.status ?? 0)
         } finally {
             setLoading(false)
         }
@@ -840,6 +845,12 @@ function ManyToManyRelation({
 
             {(loading || (useResolver && resolved.loading)) ? (
                 <Skeleton className="h-10 w-full" />
+            ) : fetchErrorStatus !== null ? (
+                <div className="text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30">
+                    {fetchErrorStatus === 403
+                        ? (labels.forbiddenState ?? 'Sin permiso para ver estos registros.')
+                        : (labels.errorState ?? 'No se pudieron cargar los registros relacionados.')}
+                </div>
             ) : options.length === 0 ? (
                 <div className="text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30">
                     {labels.emptyState}