@moontra/moonui-pro 2.26.38 → 2.26.40

package/dist/index.mjs

@@ -74001,44 +74001,42 @@ function DataTable({
       const checkboxColumn = {
         id: "select",
         header: ({ table: table2 }) => {
-          const isAllSelected = table2.getIsAllPageRowsSelected();
-          const isSomeSelected = table2.getIsSomePageRowsSelected();
+          const allRowIds = table2.getRowModel().rows.map((row) => row.id);
+          const isAllSelected = allRowIds.length > 0 && allRowIds.every((id) => rowSelection[id]);
+          const isSomeSelected = allRowIds.some((id) => rowSelection[id]);
           return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-            "input",
+            MoonUICheckboxPro,
             {
-              type: "checkbox",
-              checked: isAllSelected,
-              ref: (el) => {
-                if (el) {
-                  el.indeterminate = !isAllSelected && isSomeSelected;
+              checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
+              onCheckedChange: (value) => {
+                const newSelection = {};
+                if (value) {
+                  allRowIds.forEach((id) => {
+                    newSelection[id] = true;
+                  });
                 }
-              },
-              onChange: (e) => {
-                table2.toggleAllPageRowsSelected(e.target.checked);
-              },
-              onClick: (e) => {
-                e.stopPropagation();
+                setRowSelection(newSelection);
               },
               "aria-label": "Select all",
-              className: "h-4 w-4 rounded border-input bg-background text-primary focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 accent-primary",
-              style: { accentColor: "hsl(var(--primary))" }
+              className: "h-4 w-4"
             }
           ) });
         },
         cell: ({ row }) => {
+          const rowId = row.id;
+          const isSelected = !!rowSelection[rowId];
           return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-            "input",
+            MoonUICheckboxPro,
             {
-              type: "checkbox",
-              checked: row.getIsSelected(),
-              disabled: !row.getCanSelect(),
-              onChange: row.getToggleSelectedHandler(),
-              onClick: (e) => {
-                e.stopPropagation();
+              checked: isSelected,
+              onCheckedChange: (value) => {
+                setRowSelection((prev) => ({
+                  ...prev,
+                  [rowId]: !!value
+                }));
               },
               "aria-label": "Select row",
-              className: "h-4 w-4 rounded border-input bg-background text-primary focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 accent-primary",
-              style: { accentColor: "hsl(var(--primary))" }
+              className: "h-4 w-4"
             }
           ) });
         },
@@ -74167,10 +74165,11 @@ function DataTable({
   });
   t__default.useEffect(() => {
     if (onRowSelect && selectable) {
-      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
+      const selectedRowIds = Object.keys(rowSelection).filter((id) => rowSelection[id]);
+      const selectedRows = table.getRowModel().rows.filter((row) => selectedRowIds.includes(row.id)).map((row) => row.original);
       onRowSelect(selectedRows);
     }
-  }, [rowSelection]);
+  }, [rowSelection, onRowSelect, selectable]);
   table.getState();
   const rowModel = table.getRowModel();
   const rowsRef = t__default.useRef(rowModel.rows);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.38",
+    "version": "2.26.40",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",