trotl-table 1.0.72 → 1.0.74

package/dist/Table.cjs.js

@@ -9667,6 +9667,7 @@ function TableInner({
   enableDragRow = false,
   enableSearchUrlParam = false,
   enableMultiSelect = false,
+  enableGroupSelection = false,
   initialSelectedRows = [],
   initaialSelectedRows,
   enableExternalRowDrop = false,
@@ -10413,11 +10414,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 +10457,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 +10495,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 +10638,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]);
@@ -10846,7 +10865,7 @@ function TableInner({
             },
             className: "table-row group-row empty-group-drop",
             onClick: () => toggleGroup(gid)
-          }, enableMultiSelect && /*#__PURE__*/React.createElement("div", {
+          }, enableMultiSelect && enableGroupSelection && /*#__PURE__*/React.createElement("div", {
             className: "table-cell checkbox-cell"
           }, /*#__PURE__*/React.createElement("input", {
             type: "checkbox",
@@ -10890,7 +10909,7 @@ function TableInner({
         style: style,
         className: "table-row group-row",
         onClick: () => toggleGroup(gid)
-      }, enableMultiSelect && /*#__PURE__*/React.createElement("div", {
+      }, enableMultiSelect && enableGroupSelection && /*#__PURE__*/React.createElement("div", {
         className: "table-cell checkbox-cell"
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",