@moontra/moonui-pro 2.26.40 → 2.26.42

package/dist/index.mjs

@@ -73972,6 +73972,14 @@ function DataTable({
   const expandedRows = controlledExpandedRows || internalExpandedRows;
   const actualPageSize = defaultPageSize || pageSize;
   const stableData = t__default.useMemo(() => data, [data]);
+  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);
+    }
+  }, [rowSelection, stableData, onRowSelect]);
   const createSortingHandler = (columnId) => {
     return () => {
       const currentSorting = externalState?.sorting ?? sorting;
@@ -74001,40 +74009,23 @@ function DataTable({
       const checkboxColumn = {
         id: "select",
         header: ({ table: table2 }) => {
-          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(
             MoonUICheckboxPro,
             {
-              checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
-              onCheckedChange: (value) => {
-                const newSelection = {};
-                if (value) {
-                  allRowIds.forEach((id) => {
-                    newSelection[id] = true;
-                  });
-                }
-                setRowSelection(newSelection);
-              },
+              checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+              onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value),
               "aria-label": "Select all",
               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(
             MoonUICheckboxPro,
             {
-              checked: isSelected,
-              onCheckedChange: (value) => {
-                setRowSelection((prev) => ({
-                  ...prev,
-                  [rowId]: !!value
-                }));
-              },
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              disabled: !row.getCanSelect(),
               "aria-label": "Select row",
               className: "h-4 w-4"
             }
@@ -74140,12 +74131,10 @@ function DataTable({
     manualPagination,
     pageCount,
     state: {
-      ...externalState || {},
       sorting: externalState?.sorting ?? sorting,
       columnFilters: externalState?.columnFilters ?? columnFilters,
       columnVisibility: externalState?.columnVisibility ?? columnVisibility,
-      rowSelection,
-      // Always use internal rowSelection state
+      rowSelection: externalState?.rowSelection ?? rowSelection,
       globalFilter: externalState?.globalFilter ?? globalFilter,
       pagination: externalState?.pagination ?? paginationState
     },

package/package.json

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