@moontra/moonui-pro 2.26.29 → 2.26.31

package/dist/index.mjs

@@ -74000,31 +74000,50 @@ function DataTable({
     if (selectable || enableRowSelection) {
       const checkboxColumn = {
         id: "select",
-        header: ({ table: table2 }) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: table2.getIsAllPageRowsSelected(),
-            ref: (el) => {
-              if (el) {
-                el.indeterminate = !table2.getIsAllPageRowsSelected() && table2.getIsSomePageRowsSelected();
-              }
-            },
-            onChange: (e) => table2.toggleAllPageRowsSelected(e.target.checked),
-            "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"
-          }
-        ) }),
-        cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: row.getIsSelected(),
-            onChange: (e) => row.toggleSelected(e.target.checked),
-            "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"
-          }
-        ) }),
+        header: ({ table: table2 }) => {
+          const isAllSelected = table2.getIsAllPageRowsSelected();
+          const isSomeSelected = table2.getIsSomePageRowsSelected();
+          return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: isAllSelected,
+              ref: (el) => {
+                if (el) {
+                  el.indeterminate = !isAllSelected && isSomeSelected;
+                }
+              },
+              onChange: (e) => {
+                table2.toggleAllPageRowsSelected(e.target.checked);
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "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))" }
+            }
+          ) });
+        },
+        cell: ({ row }) => {
+          const isSelected = row.getIsSelected();
+          return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: isSelected,
+              onChange: (e) => {
+                row.toggleSelected(e.target.checked);
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "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))" }
+            }
+          ) });
+        },
         enableSorting: false,
         enableHiding: false,
         size: 40,
@@ -74055,6 +74074,12 @@ function DataTable({
     onRowSelectionChange: (updater) => {
       const newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
       setRowSelection(newSelection);
+      if (onRowSelect && selectable) {
+        setTimeout(() => {
+          const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
+          onRowSelect(selectedRows);
+        }, 0);
+      }
     },
     onGlobalFilterChange: setGlobalFilter,
     globalFilterFn: "includesString",
@@ -74150,12 +74175,6 @@ function DataTable({
       return rowData.id || rowData.orderId || rowData.orderNumber || `row-${index2}`;
     }
   });
-  t__default.useEffect(() => {
-    if (!onRowSelect || !selectable)
-      return;
-    const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
-    onRowSelect(selectedRows);
-  }, [rowSelection]);
   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.29",
+    "version": "2.26.31",
     "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",