@flamingo-stack/openframe-frontend-core 0.0.521-1672.4346.1 → 0.0.521

package/dist/components/ui/json-detail-list.d.ts

@@ -1,5 +0,0 @@
-export declare function JsonDetailList({ data, depth }: {
-    data: unknown;
-    depth?: number;
-}): import("react").JSX.Element;
-//# sourceMappingURL=json-detail-list.d.ts.map

package/dist/components/ui/json-detail-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"json-detail-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/json-detail-list.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAS,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAmCpF"}

package/src/components/ui/json-detail-list.tsx

@@ -1,98 +0,0 @@
-'use client';
-
-import { formatRelativeTime } from '../../utils/date-utils';
-
-/**
- * THE generic JSON detail renderer — readable key/value prose for machine
- * payloads whose field names are NOT guaranteed (evidence blobs, audit
- * payloads, webhook bodies). No schema knowledge: keys are humanised,
- * ISO-dates become relative times, nested objects indent, and anything
- * unparseable falls back to raw. Use this instead of `<pre>{JSON.stringify}`
- * or a per-shape bespoke renderer.
- */
-
-const ISO_DATE = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/;
-
-function humanizeKey(key: string): string {
-  const spaced = key
-    .replace(/[_-]+/g, ' ')
-    .replace(/([a-z])([A-Z])/g, '$1 $2')
-    .trim();
-  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
-}
-
-function Value({ value, depth }: { value: unknown; depth: number }) {
-  if (value === null || value === undefined) {
-    return <span className="text-ods-text-secondary">—</span>;
-  }
-  if (typeof value === 'string') {
-    if (ISO_DATE.test(value)) {
-      return (
-        <span title={value} className="text-ods-text-secondary">
-          {formatRelativeTime(value)}
-        </span>
-      );
-    }
-    return <span className="whitespace-pre-wrap text-ods-text-primary">{value}</span>;
-  }
-  if (typeof value === 'number' || typeof value === 'boolean') {
-    return <span className="text-code text-ods-text-primary">{String(value)}</span>;
-  }
-  if (Array.isArray(value)) {
-    if (value.every(v => typeof v === 'string' || typeof v === 'number')) {
-      return <span className="text-ods-text-primary">{value.join(', ')}</span>;
-    }
-    return (
-      <div className="space-y-[var(--spacing-system-xxs)]">
-        {value.map((v, i) => (
-          <Value key={i} value={v} depth={depth + 1} />
-        ))}
-      </div>
-    );
-  }
-  if (typeof value === 'object' && depth < 3) {
-    return <JsonDetailList data={value} depth={depth + 1} />;
-  }
-  return (
-    <pre className="whitespace-pre-wrap text-code text-ods-text-secondary">
-      {JSON.stringify(value, null, 2)}
-    </pre>
-  );
-}
-
-export function JsonDetailList({ data, depth = 0 }: { data: unknown; depth?: number }) {
-  const obj =
-    typeof data === 'string'
-      ? (() => {
-          try {
-            return JSON.parse(data) as unknown;
-          } catch {
-            return null;
-          }
-        })()
-      : data;
-
-  if (!obj || typeof obj !== 'object' || Array.isArray(obj)) {
-    // Not an object — render whatever it is faithfully.
-    return typeof data === 'string' ? (
-      <p className="whitespace-pre-wrap text-h6 text-ods-text-primary">{data}</p>
-    ) : (
-      <pre className="whitespace-pre-wrap text-code text-ods-text-secondary">
-        {JSON.stringify(data, null, 2)}
-      </pre>
-    );
-  }
-
-  return (
-    <dl className={`space-y-[var(--spacing-system-xsf)]${depth > 0 ? ' pl-[var(--spacing-system-sf)] border-l border-ods-border' : ''}`}>
-      {Object.entries(obj as Record<string, unknown>).map(([key, value]) => (
-        <div key={key}>
-          <dt className="text-h6 text-ods-text-secondary">{humanizeKey(key)}</dt>
-          <dd className="text-h6">
-            <Value value={value} depth={depth} />
-          </dd>
-        </div>
-      ))}
-    </dl>
-  );
-}