@moontra/moonui-pro 2.25.5 → 2.25.6

package/dist/index.mjs

@@ -73341,6 +73341,24 @@ function DataTable({
   const expandedRows = controlledExpandedRows || internalExpandedRows;
   const actualPageSize = defaultPageSize || pageSize;
   const stableData = t__default.useMemo(() => data, [data]);
+  const createSortingHandler = (columnId) => {
+    return () => {
+      const currentSorting = externalState?.sorting ?? sorting;
+      const currentSort = currentSorting.find((s) => s.id === columnId);
+      let newSorting = [];
+      if (!currentSort) {
+        newSorting = [{ id: columnId, desc: false }];
+      } else if (!currentSort.desc) {
+        newSorting = [{ id: columnId, desc: true }];
+      } else {
+        newSorting = [];
+      }
+      const sortingHandler = onSortingChange !== void 0 ? onSortingChange : setSorting;
+      if (typeof sortingHandler === "function") {
+        sortingHandler(newSorting);
+      }
+    };
+  };
   const table = useReactTable({
     data: stableData,
     columns,
@@ -73350,6 +73368,13 @@ function DataTable({
     getPaginationRowModel: getPaginationRowModel(),
     getSortedRowModel: getSortedRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
+    // Configure sorting behavior
+    enableSortingRemoval: true,
+    // Allow removing sort (3rd click)
+    enableMultiSort: false,
+    // Disable multi-column sorting
+    sortDescFirst: false,
+    // First click should be ascending
     onColumnVisibilityChange: setColumnVisibility,
     onRowSelectionChange: setRowSelection,
     onGlobalFilterChange: setGlobalFilter,
@@ -73552,7 +73577,7 @@ function DataTable({
                 "flex items-center space-x-2",
                 header.column.getCanSort() && "cursor-pointer select-none"
               ),
-              onClick: header.column.getToggleSortingHandler(),
+              onClick: header.column.getCanSort() ? createSortingHandler(header.column.id) : void 0,
               children: [
                 flexRender(header.column.columnDef.header, header.getContext()),
                 header.column.getCanSort() && /* @__PURE__ */ jsx("div", { className: "ml-2", children: header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" }) }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowUpDown, { className: "h-4 w-4" }) }) })

package/package.json

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