@asteby/metacore-runtime-react 46.2.0 → 46.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @asteby/metacore-runtime-react
 
+## 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":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AA4C9C,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;AAQrD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,gBAAgB,KAAG,MAAM,GAAG,SAG5D,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC7B,KAAK,gBAAgB,EACrB,OAAO,OAAO,EACd,WAAW,MAAM,EACjB,SAAS,MAAM,KAChB,MAyBF,CAAA;AAyCD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,GACX,EAAE;IACC,MAAM,EAAE,GAAG,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC1C,qBAcA;AAeD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OAMlE,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OA0C5D,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OACqB,CAAA;AAkHhF;;;;;;;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,CAiD5C;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;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACpC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,MAAM,GACjE,MAAM,CAcR;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAOxE;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,GACzB,KAAK,gBAAgB,EACrB,KAAK,GAAG,EACR,OAAO,GAAG,EACV,mBAAe,KAChB,MAAM,GAAG,SAcX,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAOzE,CAAA;AAgKD;;;;GAIG;AACH;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAA;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAClB,CAgCA,CAAA;AAED,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CAorBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "46.2.0",
+  "version": "46.2.1",
   "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),
         }