@nswds/app 1.83.6 → 1.85.0

package/dist/index.cjs

@@ -16595,12 +16595,13 @@ function DataTable({
   search,
   toolbar,
   columns,
-  data
+  data,
+  initialSorting = []
 }) {
   const [rowSelection, setRowSelection] = React5__namespace.useState({});
   const [columnVisibility, setColumnVisibility] = React5__namespace.useState({});
   const [columnFilters, setColumnFilters] = React5__namespace.useState([]);
-  const [sorting, setSorting] = React5__namespace.useState([]);
+  const [sorting, setSorting] = React5__namespace.useState(initialSorting);
   const [globalFilter, setGlobalFilter] = React5__namespace.useState("");
   const table = reactTable.useReactTable({
     data,
@@ -16648,11 +16649,23 @@ function DataTable({
 function DataTableColumnHeader({
   column,
   title,
-  className
+  className,
+  sortType = "string"
 }) {
   if (!column.getCanSort()) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(className), children: title });
   }
+  const getSortLabels = () => {
+    switch (sortType) {
+      case "date":
+        return { asc: "Oldest First", desc: "Newest First" };
+      case "number":
+        return { asc: "Lowest First", desc: "Highest First" };
+      default:
+        return { asc: "Asc", desc: "Desc" };
+    }
+  };
+  const labels = getSortLabels();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center space-x-2", className), children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", size: "sm", className: "-ml-3 data-[state=open]:bg-accent", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
@@ -16660,12 +16673,17 @@ function DataTableColumnHeader({
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "start", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(false), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icons.south, { className: "h-3.5 w-3.5 text-muted-foreground/70" }),
-        "Asc"
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.north, { className: "h-3.5 w-3.5 text-muted-foreground/70" }),
+        labels.asc
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icons.north, { className: "h-3.5 w-3.5 text-muted-foreground/70" }),
-        "Desc"
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.south, { className: "h-3.5 w-3.5 text-muted-foreground/70" }),
+        labels.desc
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.clearSorting(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.unfold_more, { className: "h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Clear Sort"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.toggleVisibility(false), children: [
@@ -17529,7 +17547,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.83.4"};
+  version: "1.83.6"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";