@moontra/moonui-pro 2.26.42 → 2.26.44

package/dist/index.mjs

@@ -73975,9 +73975,7 @@ function DataTable({
   t__default.useEffect(() => {
     if (onRowSelect) {
       const selectedRows = Object.keys(rowSelection).filter((key) => rowSelection[key]).map((index2) => stableData[parseInt(index2)]).filter(Boolean);
-      setTimeout(() => {
-        onRowSelect(selectedRows);
-      }, 0);
+      onRowSelect(selectedRows);
     }
   }, [rowSelection, stableData, onRowSelect]);
   const createSortingHandler = (columnId) => {
@@ -74009,23 +74007,41 @@ function DataTable({
       const checkboxColumn = {
         id: "select",
         header: ({ table: table2 }) => {
+          const allRows = table2.getFilteredRowModel().rows;
+          const selectedCount = Object.keys(rowSelection).filter((key) => rowSelection[key]).length;
+          const isAllSelected = allRows.length > 0 && selectedCount === allRows.length;
+          const isSomeSelected = selectedCount > 0 && selectedCount < allRows.length;
           return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
             MoonUICheckboxPro,
             {
-              checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
-              onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value),
+              checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
+              onCheckedChange: (value) => {
+                const newSelection = {};
+                if (value) {
+                  allRows.forEach((row, index2) => {
+                    newSelection[index2.toString()] = true;
+                  });
+                }
+                setRowSelection(newSelection);
+              },
               "aria-label": "Select all",
               className: "h-4 w-4"
             }
           ) });
         },
         cell: ({ row }) => {
+          const rowIndex = row.index.toString();
+          const isChecked = !!rowSelection[rowIndex];
           return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
             MoonUICheckboxPro,
             {
-              checked: row.getIsSelected(),
-              onCheckedChange: (value) => row.toggleSelected(!!value),
-              disabled: !row.getCanSelect(),
+              checked: isChecked,
+              onCheckedChange: (value) => {
+                setRowSelection((prev) => ({
+                  ...prev,
+                  [rowIndex]: !!value
+                }));
+              },
               "aria-label": "Select row",
               className: "h-4 w-4"
             }
@@ -74039,7 +74055,7 @@ function DataTable({
       cols = [checkboxColumn, ...cols];
     }
     return cols;
-  }, [columns, selectable, enableRowSelection]);
+  }, [columns, selectable, enableRowSelection, rowSelection, setRowSelection]);
   const table = useReactTable({
     data: stableData,
     columns: processedColumns,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.42",
+    "version": "2.26.44",
     "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",