@moontra/moonui-pro 2.26.45 → 2.26.47

package/dist/index.mjs

@@ -73990,6 +73990,13 @@ function DataTable({
       }
     };
   };
+  const handleRowSelectionChange = t__default.useCallback((newSelection) => {
+    setRowSelection(newSelection);
+    if (onRowSelect) {
+      const selectedRows = Object.keys(newSelection).filter((key) => newSelection[key]).map((index2) => stableData[parseInt(index2)]).filter(Boolean);
+      onRowSelect(selectedRows);
+    }
+  }, [stableData, onRowSelect]);
   const processedColumns = t__default.useMemo(() => {
     let cols = columns.map((col) => {
       if (!col.id && col.accessorKey) {
@@ -74001,50 +74008,23 @@ 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: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
-              onCheckedChange: (value) => {
-                const newSelection = {};
-                if (value) {
-                  allRows.forEach((row, index2) => {
-                    newSelection[index2.toString()] = true;
-                  });
-                }
-                setRowSelection(newSelection);
-                if (onRowSelect) {
-                  const selectedRows = value ? allRows.map((row) => row.original) : [];
-                  setTimeout(() => onRowSelect(selectedRows), 0);
-                }
-              },
+              checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+              onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value),
               "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: isChecked,
-              onCheckedChange: (value) => {
-                const newSelection = {
-                  ...rowSelection,
-                  [rowIndex]: !!value
-                };
-                setRowSelection(newSelection);
-                if (onRowSelect) {
-                  const selectedRows = Object.keys(newSelection).filter((key) => newSelection[key]).map((index2) => stableData[parseInt(index2)]).filter(Boolean);
-                  setTimeout(() => onRowSelect(selectedRows), 0);
-                }
-              },
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              disabled: !row.getCanSelect(),
               "aria-label": "Select row",
               className: "h-4 w-4"
             }
@@ -74058,7 +74038,7 @@ function DataTable({
       cols = [checkboxColumn, ...cols];
     }
     return cols;
-  }, [columns, selectable, enableRowSelection, rowSelection, setRowSelection, stableData, onRowSelect]);
+  }, [columns, selectable, enableRowSelection]);
   const table = useReactTable({
     data: stableData,
     columns: processedColumns,
@@ -74077,7 +74057,10 @@ function DataTable({
     sortDescFirst: false,
     // First click should be ascending
     onColumnVisibilityChange: setColumnVisibility,
-    onRowSelectionChange: setRowSelection,
+    onRowSelectionChange: (updater) => {
+      const newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
+      handleRowSelectionChange(newSelection);
+    },
     onGlobalFilterChange: setGlobalFilter,
     globalFilterFn: "includesString",
     enableRowSelection: selectable || enableRowSelection || false,
@@ -74168,16 +74151,19 @@ function DataTable({
     autoResetExpanded: false,
     getRowId: (row, index2) => {
       const rowData = row;
-      return rowData.id || rowData.orderId || rowData.orderNumber || `row-${index2}`;
+      if (rowData.id)
+        return String(rowData.id);
+      if (rowData.orderId)
+        return String(rowData.orderId);
+      if (rowData.orderNumber)
+        return String(rowData.orderNumber);
+      if (rowData.email)
+        return `email-${rowData.email}`;
+      if (rowData.name)
+        return `name-${rowData.name}-${index2}`;
+      return String(index2);
     }
   });
-  t__default.useEffect(() => {
-    if (onRowSelect && selectable) {
-      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, 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.45",
+    "version": "2.26.47",
     "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",
@@ -81,7 +81,7 @@
         "react-dom": ">=18.0.0 || ^19.0.0"
     },
     "dependencies": {
-        "@moontra/moonui-pro": "^2.26.44",
+        "@moontra/moonui-pro": "^2.26.46",
         "@radix-ui/react-accordion": "^1.2.11",
         "@radix-ui/react-avatar": "^1.1.10",
         "@radix-ui/react-checkbox": "^1.3.2",