@xcelsior/ui-spreadsheets 1.1.5 → 1.1.7

package/dist/index.mjs

@@ -215,10 +215,31 @@ var SpreadsheetCell = ({
     if (isRowHovered) return "rgb(243 244 246)";
     return "white";
   };
+  const handleCheckboxChange = (e) => {
+    e.stopPropagation();
+    const newValue = e.target.checked;
+    onConfirm?.(newValue);
+  };
   const renderContent = () => {
     if (column.render) {
       return column.render(value, row, rowIndex);
     }
+    if (column.type === "checkbox") {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: Boolean(value),
+          onChange: handleCheckboxChange,
+          onClick: (e) => e.stopPropagation(),
+          disabled: !isEditable,
+          className: cn(
+            "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer",
+            !isEditable && "cursor-not-allowed opacity-60"
+          )
+        }
+      );
+    }
     if (value === null || value === void 0 || value === "") {
       return /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "-" });
     }
@@ -231,6 +252,9 @@ var SpreadsheetCell = ({
     return String(value);
   };
   const renderEditInput = () => {
+    if (column.type === "checkbox") {
+      return renderContent();
+    }
     if (column.type === "select" && column.options) {
       return /* @__PURE__ */ jsx(
         "select",
@@ -2218,7 +2242,10 @@ function RowContextMenu({
         return /* @__PURE__ */ jsxs11(
           ContextMenuItem,
           {
-            onClick: () => item.onClick(row, rowId),
+            onClick: (e) => {
+              e.stopPropagation();
+              item.onClick(row, rowId);
+            },
             disabled: isDisabled,
             className: `${variantClass} ${item.className || ""}`,
             children: [