@xcelsior/ui-spreadsheets 1.1.6 → 1.1.7

package/dist/index.d.mts

@@ -24,7 +24,7 @@ interface SpreadsheetColumn<T = any> {
     /** Whether the column can be pinned */
     pinnable?: boolean;
     /** Type of data in the column (for filtering/formatting) */
-    type?: 'text' | 'number' | 'date' | 'select' | 'boolean';
+    type?: 'text' | 'number' | 'date' | 'select' | 'boolean' | 'checkbox';
     /** Options for select type columns */
     options?: string[];
     /** Custom render function for cell content */

package/dist/index.d.ts

@@ -24,7 +24,7 @@ interface SpreadsheetColumn<T = any> {
     /** Whether the column can be pinned */
     pinnable?: boolean;
     /** Type of data in the column (for filtering/formatting) */
-    type?: 'text' | 'number' | 'date' | 'select' | 'boolean';
+    type?: 'text' | 'number' | 'date' | 'select' | 'boolean' | 'checkbox';
     /** Options for select type columns */
     options?: string[];
     /** Custom render function for cell content */

package/dist/index.js

@@ -257,10 +257,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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-gray-400", children: "-" });
     }
@@ -273,6 +294,9 @@ var SpreadsheetCell = ({
     return String(value);
   };
   const renderEditInput = () => {
+    if (column.type === "checkbox") {
+      return renderContent();
+    }
     if (column.type === "select" && column.options) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "select",