@box/metadata-view 0.31.0 → 0.32.1

package/dist/esm/lib/components/action-bar/sort-dropdown.js

@@ -1,33 +1,40 @@
-import { DropdownMenu as r, TriggerButton as p } from "@box/blueprint-web";
-import { ArrowUp as c, ArrowDown as l } from "@box/blueprint-web-assets/icons/Fill";
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-const w = ({
-  onSortChange: i,
-  sortableColumnNames: a,
-  sortByColumn: e,
-  sortDirection: d
+import { DropdownMenu as r, TriggerButton as w } from "@box/blueprint-web";
+import { ArrowUp as u, ArrowDown as D } from "@box/blueprint-web-assets/icons/Fill";
+import { useState as d } from "react";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+const S = ({
+  initialSortByColumn: s,
+  initialSortDirection: g,
+  onSortChange: t,
+  sortableColumnNames: p
 }) => {
-  const n = d === "ascending" ? "up" : "down";
-  return /* @__PURE__ */ s(r.Root, {
+  const [i, c] = d(g), [e, h] = d(s), l = (n) => {
+    if (n === e) {
+      const a = i === "ascending" ? "descending" : "ascending";
+      c(a), t(n, a);
+    } else
+      h(n), c("ascending"), t(n, "ascending");
+  };
+  return /* @__PURE__ */ f(r.Root, {
     children: [/* @__PURE__ */ o(r.Trigger, {
-      children: /* @__PURE__ */ o(p, {
-        caretDirection: n,
+      children: /* @__PURE__ */ o(w, {
+        caretDirection: i === "ascending" ? "up" : "down",
         label: e,
-        startIcon: n === "up" ? c : l,
+        startIcon: i === "ascending" ? u : D,
         variant: "tertiary"
       })
     }), /* @__PURE__ */ o(r.Content, {
       children: /* @__PURE__ */ o(r.RadioGroup, {
-        onValueChange: i,
+        onValueChange: l,
         value: e,
-        children: a.map((t) => /* @__PURE__ */ o(r.RadioSelectItem, {
-          value: t,
-          children: t
-        }, t))
+        children: p.map((n) => /* @__PURE__ */ o(r.RadioSelectItem, {
+          value: n,
+          children: n
+        }, n))
       })
     })]
   });
 };
 export {
-  w as SortDropdown
+  S as SortDropdown
 };

package/dist/types/lib/components/action-bar/sort-dropdown.d.ts

@@ -1,8 +1,8 @@
 import { SortDirection } from 'react-aria-components';
 export interface SortDropdownProps {
-    onSortChange: (sortByColumn: string) => void;
+    initialSortByColumn: string;
+    initialSortDirection: SortDirection;
+    onSortChange: (sortByColumn: string, sortDirection: SortDirection) => void;
     sortableColumnNames: string[];
-    sortByColumn: string;
-    sortDirection: SortDirection;
 }
-export declare const SortDropdown: ({ onSortChange, sortableColumnNames, sortByColumn, sortDirection }: SortDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortDropdown: ({ initialSortByColumn, initialSortDirection, onSortChange, sortableColumnNames, }: SortDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.31.0",
+    "version": "0.32.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -20,10 +20,10 @@
     "devDependencies": {
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.62.0",
-        "@box/box-item-type-selector": "^0.62.0",
+        "@box/box-item-type-selector": "^0.62.1",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.17.0",
-        "@box/metadata-filter": "^1.17.0",
+        "@box/item-icon": "^0.17.1",
+        "@box/metadata-filter": "^1.17.1",
         "@box/storybook-utils": "0.13.17",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",