@airoom/nextmin-react 1.2.0 → 1.4.0

package/dist/components/viewer/DynamicViewer.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { formatCell } from '../../views/list/formatters';
 import { summarizeObject } from '../../views/list/jsonSummary';
 // Hide technical keys in the viewer
-const HIDDEN_KEYS = new Set(['id', '_id', 'v', '__v', 'baseId', 'exId', '__childId']);
+const HIDDEN_KEYS = new Set(['id', '_id', 'v', '__v', 'baseId', 'exId', '__childId', 'createdAt', 'updatedAt', 'deletedAt']);
 // Detect password-like keys generically (no value should be visible)
 function normKey(k) {
     return k.toLowerCase().replace(/[^a-z]/g, '');
@@ -75,6 +75,49 @@ function humanizeLabel(key) {
     const spaced = key.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/_/g, ' ');
     return spaced.slice(0, 1).toUpperCase() + spaced.slice(1);
 }
+/** ---------- Date/time helpers (local timezone formatting) ---------- */
+// Check if a field name is a date field
+function isDateField(key) {
+    if (!key)
+        return false;
+    const k = key.toLowerCase().replace(/[^a-z]/g, '');
+    return k === 'createdat' || k === 'updatedat' || k === 'deletedat';
+}
+function tryParseDate(val) {
+    if (val == null)
+        return null;
+    // Already a Date
+    if (val instanceof Date)
+        return isNaN(val.getTime()) ? null : val;
+    // ONLY parse ISO-like strings, NOT numbers (to avoid phone numbers, experience years, etc.)
+    if (typeof val === 'string') {
+        const s = val.trim();
+        // Must look like an ISO date: YYYY-MM-DD or contain 'T' or end with 'Z'
+        const looksIso = /^\d{4}-\d{2}-\d{2}/.test(s) || s.includes('T') || s.endsWith('Z');
+        if (!looksIso)
+            return null;
+        const d = new Date(s);
+        return isNaN(d.getTime()) ? null : d;
+    }
+    return null;
+}
+function formatDateTimeLocal(d) {
+    // Use the runtime locale and include seconds for precision
+    try {
+        return d.toLocaleString(undefined, {
+            year: 'numeric',
+            month: 'short',
+            day: '2-digit',
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+            hour12: true,
+        });
+    }
+    catch {
+        return d.toString();
+    }
+}
 function isPrivate(attr) {
     const a = (Array.isArray(attr) ? attr[0] : attr);
     return !!a?.private;
@@ -171,6 +214,14 @@ function renderValue(input, key) {
     const val = maybeParseJson(input);
     if (val == null)
         return _jsx("span", { className: "text-foreground/50", children: "\u2014" });
+    // Only parse dates for known date fields (createdAt, updatedAt, deletedAt)
+    if (isDateField(key)) {
+        const d = tryParseDate(val);
+        if (d) {
+            const iso = d.toISOString();
+            return (_jsx("time", { dateTime: iso, title: iso, className: "whitespace-pre-wrap", children: formatDateTimeLocal(d) }));
+        }
+    }
     // Detect images
     const urls = extractAllImageUrls(val);
     if (urls.length)