pxengine 0.1.101 → 0.1.102

package/dist/index.cjs

@@ -37842,31 +37842,41 @@ FeedbackRatingCard.displayName = "FeedbackRatingCard";
 var import_react71 = __toESM(require("react"), 1);
 var import_jsx_runtime128 = require("react/jsx-runtime");
 var DataTableCard = import_react71.default.memo(
-  ({ title, caption, columns, rows, highlight_column, theme, className, onAction: _onAction }) => {
+  ({ title, caption, columns, rows, highlight_column, highlightColumn, theme, className, onAction: _onAction }) => {
     const s = th(theme);
+    const cols = (Array.isArray(columns) ? columns : []).map((c, i) => {
+      if (typeof c === "string") return { key: c, label: c };
+      return {
+        key: c?.key ?? c?.label ?? String(i),
+        label: c?.label ?? c?.key ?? String(i)
+      };
+    });
+    const safeRows = Array.isArray(rows) ? rows : [];
+    const highlight = highlight_column ?? highlightColumn;
     return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: cn("w-full rounded-[16px] border border-gray400 bg-cardSurface overflow-hidden", className), style: s.root, children: [
       (title || caption) && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "border-b border-gray400 px-4 py-3", style: { borderBottomColor: theme?.border }, children: [
         title && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h3", { className: "text-sm font-semibold text-cardText", style: s.text, children: title }),
         caption && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "mt-0.5 text-[10px] text-cardText/40", style: s.muted, children: caption })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("table", { className: "w-full min-w-full border-collapse text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { className: "border-b border-gray400 bg-black/20", style: { borderBottomColor: theme?.border, ...s.surface }, children: columns.map((col, idx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { className: "border-b border-gray400 bg-black/20", style: { borderBottomColor: theme?.border, ...s.surface }, children: cols.map((col, idx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "th",
           {
             className: "px-4 py-2.5 text-left font-semibold uppercase tracking-widest text-[10px] text-cardText/40",
             style: s.muted,
-            children: col
+            children: col.label
           },
           idx
         )) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tbody", { children: safeRows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "tr",
           {
-            className: cn("border-b border-gray400/40 transition-colors hover:bg-white/[0.02]", rowIdx === rows.length - 1 && "border-b-0"),
+            className: cn("border-b border-gray400/40 transition-colors hover:bg-white/[0.02]", rowIdx === safeRows.length - 1 && "border-b-0"),
             style: { borderBottomColor: theme?.border },
-            children: columns.map((col, colIdx) => {
-              const cell = row[col] ?? "\u2014";
-              const isHighlight = col === highlight_column;
+            children: cols.map((col, colIdx) => {
+              const raw = row?.[col.key] ?? row?.[col.label];
+              const cell = raw ?? "\u2014";
+              const isHighlight = highlight != null && (col.key === highlight || col.label === highlight);
               return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 "td",
                 {
@@ -37875,7 +37885,7 @@ var DataTableCard = import_react71.default.memo(
                     isHighlight ? "font-semibold text-gold" : colIdx === 0 ? "font-medium text-cardText" : "text-cardText/60"
                   ),
                   style: isHighlight ? s.accent : colIdx === 0 ? s.text : s.muted,
-                  children: String(cell)
+                  children: typeof cell === "object" ? JSON.stringify(cell) : String(cell)
                 },
                 colIdx
               );
@@ -37884,7 +37894,7 @@ var DataTableCard = import_react71.default.memo(
           rowIdx
         )) })
       ] }) }),
-      rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center justify-center py-10 text-xs text-cardText/30", style: s.muted, children: "No data available" })
+      safeRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center justify-center py-10 text-xs text-cardText/30", style: s.muted, children: "No data available" })
     ] });
   }
 );