@moontra/moonui-pro 2.25.5 → 2.25.7

package/dist/index.mjs

@@ -73208,7 +73208,7 @@ function FilterConditionRow({
           onValueChange: (value) => onUpdate({ column: value }),
           children: [
             /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { className: "flex-1", children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
-            /* @__PURE__ */ jsx(MoonUISelectContentPro, { children: columns.map((column) => {
+            /* @__PURE__ */ jsx(MoonUISelectContentPro, { style: { zIndex: 1e4 }, children: columns.map((column) => {
               const header = column.columnDef.header;
               const label = typeof header === "function" ? column.id : header || column.id;
               return /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: column.id, children: label }, column.id);
@@ -73234,7 +73234,7 @@ function FilterConditionRow({
         onValueChange: (value) => onUpdate({ operator: value }),
         children: [
           /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
-          /* @__PURE__ */ jsx(MoonUISelectContentPro, { children: availableOperators.map((operator2) => /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: operator2, children: operatorLabels[operator2] }, operator2)) })
+          /* @__PURE__ */ jsx(MoonUISelectContentPro, { style: { zIndex: 1e4 }, children: availableOperators.map((operator2) => /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: operator2, children: operatorLabels[operator2] }, operator2)) })
         ]
       }
     ),
@@ -73245,7 +73245,7 @@ function FilterConditionRow({
         onValueChange: (value) => onUpdate({ value: value === "true" }),
         children: [
           /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
-          /* @__PURE__ */ jsxs(MoonUISelectContentPro, { children: [
+          /* @__PURE__ */ jsxs(MoonUISelectContentPro, { style: { zIndex: 1e4 }, children: [
             /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "true", children: "True" }),
             /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "false", children: "False" })
           ] })
@@ -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.7",
     "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",