@moontra/moonui-pro 2.26.21 → 2.26.23

package/dist/index.mjs

@@ -73991,13 +73991,41 @@ function DataTable({
     };
   };
   const processedColumns = t__default.useMemo(() => {
-    return columns.map((col) => {
+    let cols = columns.map((col) => {
       if (!col.id && col.accessorKey) {
         return { ...col, id: col.accessorKey };
       }
       return col;
     });
-  }, [columns]);
+    if (selectable || enableRowSelection) {
+      const checkboxColumn = {
+        id: "select",
+        header: ({ table: table2 }) => /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: table2.getIsAllPageRowsSelected(),
+            onChange: (e) => table2.toggleAllPageRowsSelected(e.target.checked),
+            className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: row.getIsSelected(),
+            onChange: (e) => row.toggleSelected(e.target.checked),
+            className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
+          }
+        ),
+        enableSorting: false,
+        enableHiding: false,
+        size: 32
+      };
+      cols = [checkboxColumn, ...cols];
+    }
+    return cols;
+  }, [columns, selectable, enableRowSelection]);
   const table = useReactTable({
     data: stableData,
     columns: processedColumns,
@@ -74107,12 +74135,14 @@ function DataTable({
     autoResetExpanded: false,
     getRowId: (row) => row.id || row.orderId || Math.random().toString()
   });
+  const prevRowSelectionRef = t__default.useRef(rowSelection);
   t__default.useEffect(() => {
-    if (onRowSelect && selectable) {
+    if (onRowSelect && selectable && prevRowSelectionRef.current !== rowSelection) {
+      prevRowSelectionRef.current = rowSelection;
       const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
       onRowSelect(selectedRows);
     }
-  }, [rowSelection, onRowSelect, selectable, table]);
+  }, [rowSelection, 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.21",
+    "version": "2.26.23",
     "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",