@ai-matrx/design-system 0.20.1 → 0.20.5

package/dist/data-table/data-row-inspector.cjs

@@ -1196,9 +1196,14 @@ function PaletteGlyph({ format, ai = false, file = false, kind }) {
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M6 3h8l4 4v14H6z" }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M14 3v5h5M9 13h6M9 17h6" })
   ] });
-  const path = format === "json" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+  const path = format === "json" || format === "table-data" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M9 4C7 4 7 7 5 7v3c2 0 2 1 2 2s0 2-2 2v3c2 0 2 3 4 3" }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M15 4c2 0 2 3 4 3v3c-2 0-2 1-2 2s0 2 2 2v3c-2 0-2 3-4 3" })
+  ] }) : format === "table-schema" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "8", y: "3", width: "8", height: "5", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "2", y: "16", width: "8", height: "5", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "14", y: "16", width: "8", height: "5", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M12 8v4M6 16v-4h12v4" })
   ] }) : format === "compact-json" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "m14 10 7-7" }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M20 10h-6V4" }),
@@ -1657,7 +1662,7 @@ function ContentTransferMenuSession({ references = [], referenceActions = [], so
       closePalette();
       onClick();
     }, children: [
-      Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon2, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PaletteGlyph, { ...!options.custom ? { format: id } : {}, ...options.ai ? { ai: true } : {}, ...options.file ? { file: true } : {} }),
+      Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon2, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PaletteGlyph, { format: id, ai: Boolean(options.ai), file: options.file || Boolean(options.custom && id !== "table-data" && id !== "table-schema") }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
         label2,
         presentation?.hint ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("small", { className: "matrx-alchemy-menu-hint", children: presentation.hint }) : null
@@ -3150,6 +3155,32 @@ function isUuidValue(value) {
   return typeof value === "string" && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value);
 }
 
+// src/data-table/filter-engine.ts
+function stringifyCellValue(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  if (value instanceof Date) return value.toISOString();
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+
+// src/data-table/display-value.ts
+function formatTableDisplayValue(value) {
+  if (typeof value === "number") return value.toLocaleString(void 0, { maximumFractionDigits: 12 });
+  if (value instanceof Date) return value.toLocaleString();
+  if (typeof value === "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(value) && !Number.isNaN(Date.parse(value))) {
+    return new Date(value).toLocaleString();
+  }
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  return stringifyCellValue(value) || "\u2014";
+}
+
 // src/data-table/DataRowInspector.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var noFieldToken = () => null;
@@ -3222,7 +3253,7 @@ function DataRowInspector({
               key
             );
           }
-          const formatted = formatValue(value);
+          const formatted = value !== null && typeof value === "object" && !(value instanceof Date) ? formatValue(value) : formatTableDisplayValue(value);
           const multiline = formatted.includes("\n") || formatted.length > 80;
           return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "div",