trotl-table 1.0.72 → 1.0.73

package/dist/Table.cjs.js

@@ -10413,11 +10413,12 @@ function TableInner({
     }
   }, [getAccessorKey, getAccessorValue]);
   const renderCell = React.useCallback((v, accessor, row, col) => {
-    const isNoData = v === undefined;
+    const isUndefinedLike = v === undefined || typeof v === "string" && v.trim().toLowerCase() === "undefined";
+    const isNoData = isUndefinedLike;
 
     // Checkbox column type (editable in-table)
     if (col && col.type === 'checkbox') {
-      const checked = !!v;
+      const checked = isUndefinedLike ? false : !!v;
       return /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: checked,
@@ -10455,7 +10456,7 @@ function TableInner({
 
     // Switch column type (uses internal Switch component)
     if (col && col.type === 'switch') {
-      const checked = !!v;
+      const checked = isUndefinedLike ? false : !!v;
       return /*#__PURE__*/React.createElement("div", {
         title: isNoData ? translate("noData") : undefined,
         onClick: e => {
@@ -10493,8 +10494,8 @@ function TableInner({
 
     // Color column type (display color swatch background)
     if (col && col.type === 'color') {
-      const colorVal = v || "transparent";
-      const text = String(colorVal) ;
+      const colorVal = isUndefinedLike ? "transparent" : v || "transparent";
+      const text = isUndefinedLike ? "..." : String(colorVal) ;
       return /*#__PURE__*/React.createElement("div", {
         style: {
           width: '100%',
@@ -10636,6 +10637,23 @@ function TableInner({
         minute: "2-digit"
       }) : "-";
     }
+    if (isUndefinedLike) {
+      return /*#__PURE__*/React.createElement("span", {
+        title: translate("noData")
+      }, "...");
+    }
+    if (typeof v === "boolean") {
+      return /*#__PURE__*/React.createElement("span", {
+        title: String(v),
+        style: {
+          color: v ? "#1a7f37" : "#b42318",
+          fontWeight: 700,
+          display: "inline-block",
+          minWidth: "1ch",
+          textAlign: "center"
+        }
+      }, v ? "✓" : "✗");
+    }
     // existing highlight logic for other fields
     return highlight(String(v));
   }, [highlight, isGrouped, triggerCellCallback, translate, formatArrayValue]);