@moontra/moonui-pro 2.25.4 → 2.25.6

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterv
 import { motion, AnimatePresence, useAnimation, useMotionValue, animate, useSpring, useTransform, Reorder, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ReactDOM2 from 'react-dom';
-import ReactDOM2__default from 'react-dom';
+import ReactDOM2__default, { createPortal } from 'react-dom';
 import { createSlot, createSlottable } from '@radix-ui/react-slot';
 import { Command } from 'cmdk';
 import Fuse from 'fuse.js';
@@ -73063,7 +73063,10 @@ function DataTableFilterDrawer({
     }
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -73183,6 +73186,7 @@ function DataTableFilterDrawer({
       }
     ) })
   ] });
+  return createPortal(content, document.body);
 }
 function FilterConditionRow({
   filter,
@@ -73337,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,
@@ -73346,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,
@@ -73548,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.4",
+    "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",