@moontra/moonui-pro 2.26.22 → 2.26.24

package/dist/index.mjs

@@ -74001,26 +74001,27 @@ function DataTable({
       const checkboxColumn = {
         id: "select",
         header: ({ table: table2 }) => /* @__PURE__ */ jsx(
-          "input",
+          MoonUICheckboxPro,
           {
-            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"
+            checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+            onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value),
+            "aria-label": "Select all",
+            className: "translate-y-[2px]"
           }
         ),
         cell: ({ row }) => /* @__PURE__ */ jsx(
-          "input",
+          MoonUICheckboxPro,
           {
-            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"
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            "aria-label": "Select row",
+            className: "translate-y-[2px]"
           }
         ),
         enableSorting: false,
         enableHiding: false,
-        size: 32
+        size: 40,
+        maxSize: 40
       };
       cols = [checkboxColumn, ...cols];
     }
@@ -74135,12 +74136,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);
@@ -74195,8 +74198,8 @@ function DataTable({
     table.resetRowSelection();
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("moonui-pro-datatable-container flex flex-col gap-4", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "moonui-pro-datatable-toolbar flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "moonui-pro-datatable-toolbar flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         searchable && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }) }),
           /* @__PURE__ */ jsx(
@@ -74205,7 +74208,7 @@ function DataTable({
               placeholder: filterPlaceholder,
               value: globalFilter,
               onChange: (e) => setGlobalFilter(e.target.value),
-              className: "pl-8 w-64"
+              className: "pl-8 w-full sm:w-64"
             }
           )
         ] }),
@@ -74254,7 +74257,7 @@ function DataTable({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         exportable && exportFormats.length > 0 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
           /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
             /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }) }),

package/package.json

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