@open-mercato/ui 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

package/dist/backend/DataTable.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useRouter } from "next/navigation";
 import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from "@tanstack/react-table";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { RefreshCw, Loader2, SlidersHorizontal, MoreHorizontal, Circle, Filter, ChevronDown, Check } from "lucide-react";
+import { RefreshCw, Loader2, SlidersHorizontal, MoreHorizontal, Circle, Filter, ChevronUp, ChevronDown, ChevronsUpDown, Check } from "lucide-react";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../primitives/table.js";
 import { Button } from "../primitives/button.js";
 import { Checkbox } from "../primitives/checkbox.js";
@@ -391,7 +391,6 @@ function ExportMenu({ config, sections }) {
       {
         ref: buttonRef,
         variant: "outline",
-        size: "sm",
         type: "button",
         onClick: () => {
           if (disabled) return;
@@ -408,7 +407,7 @@ function ExportMenu({ config, sections }) {
       {
         ref: menuRef,
         role: "menu",
-        className: "absolute right-0 mt-2 w-60 rounded-md border bg-background py-2 shadow z-20",
+        className: "absolute right-0 mt-2 w-60 rounded-md border bg-background py-2 shadow z-dropdown",
         children: sections.map((section, idx) => /* @__PURE__ */ jsxs("div", { className: idx > 0 ? "mt-2 border-t pt-3" : "", children: [
           /* @__PURE__ */ jsxs("div", { className: "px-3", children: [
             /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground", children: section.title }),
@@ -1735,7 +1734,6 @@ function DataTable({
           Button,
           {
             type: "button",
-            size: "sm",
             variant: "outline",
             title: label,
             "aria-label": label,
@@ -1756,7 +1754,6 @@ function DataTable({
           Button,
           {
             type: "button",
-            size: "sm",
             variant: action.destructive ? "destructive" : "outline",
             onClick: () => void runPropBulkAction(action),
             children: [
@@ -1889,7 +1886,7 @@ function DataTable({
               title: t("ui.advancedFilter.toggle", "Advanced filters"),
               children: [
                 /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
-                advancedFilter.value.conditions.length > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] text-primary-foreground", children: advancedFilter.value.conditions.length }) : null
+                advancedFilter.value.conditions.length > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-overline text-primary-foreground", children: advancedFilter.value.conditions.length }) : null
               ]
             }
           ) : null,
@@ -1971,10 +1968,12 @@ function DataTable({
                   onClick: () => sortable && header.column.toggleSorting?.(header.column.getIsSorted() === "asc"),
                   children: [
                     flexRender(header.column.columnDef.header, header.getContext()),
-                    sortable && header.column.getCanSort?.() ? /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex flex-col text-[10px] leading-none gap-px", children: [
-                      /* @__PURE__ */ jsx("span", { className: header.column.getIsSorted() === "asc" ? "text-foreground" : "text-muted-foreground/40", children: "\u25B2" }),
-                      /* @__PURE__ */ jsx("span", { className: header.column.getIsSorted() === "desc" ? "text-foreground" : "text-muted-foreground/40", children: "\u25BC" })
-                    ] }) : null
+                    sortable && header.column.getCanSort?.() ? (() => {
+                      const sortState = header.column.getIsSorted();
+                      if (sortState === "asc") return /* @__PURE__ */ jsx(ChevronUp, { className: "ml-1 size-3.5 shrink-0 text-foreground", "aria-hidden": "true" });
+                      if (sortState === "desc") return /* @__PURE__ */ jsx(ChevronDown, { className: "ml-1 size-3.5 shrink-0 text-foreground", "aria-hidden": "true" });
+                      return /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-1 size-3.5 shrink-0 text-muted-foreground/50", "aria-hidden": "true" });
+                    })() : null
                   ]
                 }
               );