@box/metadata-view 0.51.0 → 0.52.1

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

@@ -1,52 +1,56 @@
-import { Button as v } from "@box/blueprint-web";
-import { Grid as B } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as p } from "react-intl";
+import { Button as p } from "@box/blueprint-web";
+import { Grid as b } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as u } from "react-intl";
 import { V as r } from "../../../../chunks/types.js";
-import { ZoomButton as b } from "./zoom-button.js";
+import { ZoomButton as R } from "./zoom-button.js";
 import s from "./messages.js";
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { FilterRow as u } from "../filter-row/filter-row.js";
-import { SortDropdown as R } from "../sort-dropdown/sort-dropdown.js";
-import '../../../../styles/action-bar.css';const x = "_actionBar_bbxsv_1", h = "_filterRow_bbxsv_8", A = "_additionalActions_bbxsv_13", C = "_viewModeButtonContainer_bbxsv_24", t = {
-  actionBar: x,
-  filterRow: h,
-  additionalActions: A,
-  viewModeButtonContainer: C
-}, T = ({
+import { FilterRow as x } from "../filter-row/filter-row.js";
+import { SortDropdown as h } from "../sort-dropdown/sort-dropdown.js";
+import '../../../../styles/action-bar.css';const A = "_actionBar_bbxsv_1", C = "_filterRow_bbxsv_8", G = "_additionalActions_bbxsv_13", I = "_viewModeButtonContainer_bbxsv_24", t = {
+  actionBar: A,
+  filterRow: C,
+  additionalActions: G,
+  viewModeButtonContainer: I
+}, F = ({
   isIconColumnEnabled: c,
   isViewModeButtonDisabled: m,
-  onViewModeClick: l,
-  onZoomLevelChange: d,
-  sortableColumns: f,
+  onSortDescriptorChange: l,
+  onViewModeClick: d,
+  onZoomLevelChange: f,
+  sortableColumns: w,
+  sortDescriptor: _,
   sortDropdownProps: n,
   viewMode: i,
-  zoomLevel: w,
-  ..._
+  zoomLevel: v,
+  ...B
 }) => {
   const {
     formatMessage: a
-  } = p();
+  } = u();
   return /* @__PURE__ */ e("div", {
     className: t.actionBar,
     children: [/* @__PURE__ */ o("div", {
       className: t.filterRow,
-      children: /* @__PURE__ */ o(u, {
-        ..._
+      children: /* @__PURE__ */ o(x, {
+        ...B
       })
     }), /* @__PURE__ */ e("div", {
       className: t.additionalActions,
-      children: [n && /* @__PURE__ */ o(R, {
+      children: [n && /* @__PURE__ */ o(h, {
         ...n,
-        sortableColumns: f
-      }), (c || i === r.GRID) && /* @__PURE__ */ o(b, {
-        onZoomLevelChange: d,
-        zoomLevel: w
+        onSortDescriptorChange: l,
+        sortableColumns: w,
+        sortDescriptor: _
+      }), (c || i === r.GRID) && /* @__PURE__ */ o(R, {
+        onZoomLevelChange: f,
+        zoomLevel: v
       }), !m && /* @__PURE__ */ o("div", {
         className: t.viewModeButtonContainer,
-        children: /* @__PURE__ */ o(v, {
+        children: /* @__PURE__ */ o(p, {
           "aria-label": i === r.GRID ? a(s.switchToListView) : a(s.switchToGridView),
-          icon: B,
-          onClick: l,
+          icon: b,
+          onClick: d,
           variant: i === r.GRID ? "primary" : "tertiary"
         })
       })]
@@ -54,5 +58,5 @@ import '../../../../styles/action-bar.css';const x = "_actionBar_bbxsv_1", h = "
   });
 };
 export {
-  T as ActionBar
+  F as ActionBar
 };

package/dist/esm/lib/components/metadata-table/metadata-table.js

@@ -1,17 +1,17 @@
-import { useRef as E } from "react";
-import { useIntl as k } from "react-intl";
-import { Text as B, ListCheckbox as O, TableHeader as P, Column as U } from "@box/blueprint-web";
-import { useInfiniteScrollTableItems as j } from "./hooks/useInfiniteScrollTableItems.js";
-import { TableRenderer as T } from "./table-renderer.js";
-import { I as F } from "../../../../chunks/types.js";
-import { THUMBNAIL_WIDTHS as G } from "../constants.js";
+import { useRef as M } from "react";
+import { useIntl as E } from "react-intl";
+import { Text as k, ListCheckbox as B, TableHeader as O, Column as P } from "@box/blueprint-web";
+import { useInfiniteScrollTableItems as U } from "./hooks/useInfiniteScrollTableItems.js";
+import { TableRenderer as I } from "./table-renderer.js";
+import { I as j } from "../../../../chunks/types.js";
+import { THUMBNAIL_WIDTHS as F } from "../constants.js";
 import { s } from "../../../../chunks/index.js";
-import L from "./messages.js";
+import G from "./messages.js";
 import { jsx as e } from "react/jsx-runtime";
 import "./table-body/inline-editing-cell/inline-editing-cell.js";
-const V = 40, ae = ({
+const L = 40, te = ({
   columns: o,
-  isLoading: i = !1,
+  isLoading: l = !1,
   iconColumnVariant: n,
   isSelectAllEnabled: m,
   items: d,
@@ -27,20 +27,20 @@ const V = 40, ae = ({
   var u;
   const {
     formatMessage: c
-  } = k(), f = E(null), {
+  } = E(), f = M(null), {
     virtualItemsToDisplay: p,
     getTableHeight: A
-  } = j({
+  } = U({
     items: d,
     hasNextPage: w,
-    isLoading: i,
+    isLoading: l,
     parentRef: f,
     onGetNextPage: y,
     placeholderRowsCount: C
   }), a = [], N = 0;
-  if (n === F.COLUMN) {
+  if (n === j.COLUMN) {
     r = r || N;
-    const t = parseInt(G[r], 10) + 24;
+    const t = parseInt(F[r], 10) + 24;
     a.push({
       id: "item-type-icon",
       isRowHeader: !1,
@@ -52,23 +52,22 @@ const V = 40, ae = ({
   const D = o.map((t) => {
     const {
       id: H,
-      isItemMetadata: S,
       isRowHeader: _,
       headerRenderer: b,
-      textValue: l,
-      type: I,
+      textValue: i,
+      type: T,
       ...v
     } = t;
     return {
       ...v,
-      children: b ? b(l, t) : /* @__PURE__ */ e(B, {
+      children: b ? b(i, t) : /* @__PURE__ */ e(k, {
         as: "span",
-        children: l
+        children: i
       }),
       isRowHeader: H === "name" || _,
-      id: S ? "item.{id}" : H,
-      textValue: l,
-      allowsSorting: I !== "multiSelect" && I !== "enum"
+      id: H,
+      textValue: i,
+      allowsSorting: T !== "multiSelect" && T !== "enum"
     };
   });
   a.push(...D), m && a.push({
@@ -76,19 +75,19 @@ const V = 40, ae = ({
     className: s.tableHeaderActions,
     children: /* @__PURE__ */ e("div", {
       className: s.tableHeaderActionsWrapper,
-      children: /* @__PURE__ */ e(O, {
-        "aria-label": c(L.selectAll),
+      children: /* @__PURE__ */ e(B, {
+        "aria-label": c(G.selectAll),
         className: s.selectAllCheckbox,
-        isDisabled: i
+        isDisabled: l
       })
     }),
     isRowHeader: !1,
     hideHeader: !1,
     allowsSorting: !1
   });
-  const M = /* @__PURE__ */ e(P, {
+  const S = /* @__PURE__ */ e(O, {
     columns: a,
-    children: (t) => /* @__PURE__ */ e(U, {
+    children: (t) => /* @__PURE__ */ e(P, {
       ...t
     })
   }), h = {
@@ -96,12 +95,12 @@ const V = 40, ae = ({
     columns: o,
     formatMessage: c,
     iconColumnVariant: n,
-    isLoading: i,
+    isLoading: l,
     isSelectAllEnabled: m,
     itemActionMenuProps: R,
     items: d,
     onInlineEditChange: g,
-    tableHeader: M,
+    tableHeader: S,
     tableProps: W,
     zoomLevel: r
   };
@@ -112,9 +111,9 @@ const V = 40, ae = ({
       style: {
         position: "relative",
         width: "100%",
-        height: A() + V
+        height: A() + L
       },
-      children: /* @__PURE__ */ e(T, {
+      children: /* @__PURE__ */ e(I, {
         ...h,
         style: {
           position: "absolute",
@@ -127,10 +126,10 @@ const V = 40, ae = ({
         virtualItems: p
       })
     })
-  }) : /* @__PURE__ */ e(T, {
+  }) : /* @__PURE__ */ e(I, {
     ...h
   });
 };
 export {
-  ae as MetadataTable
+  te as MetadataTable
 };

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

@@ -1,49 +1,57 @@
-import { DropdownMenu as e, TriggerButton as w } from "@box/blueprint-web";
-import { ArrowUp as h, ArrowDown as D } from "@box/blueprint-web-assets/icons/Fill";
-import { useState as s } from "react";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-const S = ({
+import { DropdownMenu as e, TriggerButton as M } from "@box/blueprint-web";
+import { ArrowUp as R, ArrowDown as S } from "@box/blueprint-web-assets/icons/Fill";
+import { useState as r } from "react";
+import { jsxs as j, jsx as a } from "react/jsx-runtime";
+const B = ({
+  onSortDescriptorChange: u,
   sortableColumns: o,
-  initialSortByColumnId: p = o[0].id,
-  initialSortDirection: m = "ascending",
-  onSortChange: a
+  sortDescriptor: i,
+  initialSortByColumnId: l = o[0].id,
+  initialSortDirection: w = "ascending",
+  onSortChange: g
 }) => {
-  const d = new Map(o.map((n) => [n.id, n.textValue])), [t, g] = s(m), [c, u] = s(p), l = (n) => {
-    if (n === c) {
-      const i = t === "ascending" ? "descending" : "ascending";
-      g(i), a({
+  const h = new Map(o.map((n) => [n.id, n.textValue])), [f, x] = r(l), [p, m] = r(w), d = (i == null ? void 0 : i.column) != null ? String(i.column) : f, t = (i == null ? void 0 : i.direction) ?? p, v = (n) => {
+    if (n === d) {
+      const c = t === "ascending" ? "descending" : "ascending";
+      m(c), u({
         column: n,
-        direction: i
+        direction: c
+      }), g({
+        column: n,
+        direction: c
       });
     } else
-      u(n), g("ascending"), a({
+      x(n), m("ascending"), u({
+        column: n,
+        direction: "ascending"
+      }), g({
         column: n,
         direction: "ascending"
       });
   };
-  return /* @__PURE__ */ f(e.Root, {
-    children: [/* @__PURE__ */ r(e.Trigger, {
-      children: /* @__PURE__ */ r(w, {
+  return /* @__PURE__ */ j(e.Root, {
+    children: [/* @__PURE__ */ a(e.Trigger, {
+      children: /* @__PURE__ */ a(M, {
         caretDirection: t === "ascending" ? "up" : "down",
-        label: d.get(c),
-        startIcon: t === "ascending" ? h : D,
+        label: h.get(d),
+        startIcon: t === "ascending" ? R : S,
         variant: "tertiary"
       })
-    }), /* @__PURE__ */ r(e.Content, {
-      children: /* @__PURE__ */ r(e.RadioGroup, {
-        onValueChange: l,
-        value: d.get(c),
+    }), /* @__PURE__ */ a(e.Content, {
+      children: /* @__PURE__ */ a(e.RadioGroup, {
+        onValueChange: v,
+        value: d,
         children: o.map(({
           id: n,
-          textValue: i
-        }) => /* @__PURE__ */ r(e.RadioSelectItem, {
+          textValue: c
+        }) => /* @__PURE__ */ a(e.RadioSelectItem, {
           value: n,
-          children: i
+          children: c
         }, n))
       })
     })]
   });
 };
 export {
-  S as SortDropdown
+  B as SortDropdown
 };

package/dist/esm/lib/metadata-view.js

@@ -1,5 +1,5 @@
-import { I as R, V as t } from "../../chunks/types.js";
-import { ActionBar as g } from "./components/action-bar/action-bar.js";
+import { I as N, V as t } from "../../chunks/types.js";
+import { ActionBar as j } from "./components/action-bar/action-bar.js";
 import "./components/filter-row/filter-row.js";
 import "./components/filter-row/form-filter-chip.js";
 import "./components/filter-row/metadata-filter-chip.js";
@@ -8,8 +8,8 @@ import "./components/filter-row/predefinedFilters/index.js";
 import "./components/filter-sidepanel/filter.js";
 import "./components/filter-sidepanel/filter-side-panel.js";
 import "./components/item-action-menu/item-action-menu.js";
-import { MetadataGrid as k } from "./components/metadata-grid/metadata-grid.js";
-import { MetadataTable as x } from "./components/metadata-table/metadata-table.js";
+import { MetadataGrid as x } from "./components/metadata-grid/metadata-grid.js";
+import { MetadataTable as A } from "./components/metadata-table/metadata-table.js";
 import "./components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js";
 import "./components/metadata-table/table-renderer.js";
 import "./components/metadata-value/metadata-file-chip.js";
@@ -17,88 +17,105 @@ import "./components/metadata-value/metadata-file-field.js";
 import "./components/metadata-value/metadata-location-field.js";
 import "./components/metadata-value/metadata-radio-field.js";
 import "./components/metadata-value/metadata-search-field.js";
-import { Pagination as D } from "./components/pagination/pagination.js";
+import { Pagination as Z } from "./components/pagination/pagination.js";
 import "./components/pagination/marker-based-pagination.js";
 import "./components/pagination/offset-based-pagination.js";
 import "./components/pagination/pagination-controls.js";
 import "./components/sort-dropdown/sort-dropdown.js";
-import { SwitchCase as E, Case as a } from "./components/switch-case/switch-case.js";
-import { TooltipProvider as G } from "@box/blueprint-web";
-import { useState as u, useRef as N } from "react";
-import { jsx as o, jsxs as M, Fragment as b } from "react/jsx-runtime";
-import { ErrorState as j } from "./components/error-state/error-state.js";
-import A from "./components/empty-state/empty-state.js";
-import '../../styles/metadata-view.css';const Z = "_container_nykl3_5", z = "_contentContainer_nykl3_14", I = {
-  container: Z,
-  contentContainer: z
+import { SwitchCase as z, Case as s } from "./components/switch-case/switch-case.js";
+import { TooltipProvider as F } from "@box/blueprint-web";
+import { useState as l, useRef as U, useCallback as q } from "react";
+import { jsx as o, jsxs as w, Fragment as H } from "react/jsx-runtime";
+import { ErrorState as J } from "./components/error-state/error-state.js";
+import K from "./components/empty-state/empty-state.js";
+import '../../styles/metadata-view.css';const O = "_container_nykl3_5", Q = "_contentContainer_nykl3_14", T = {
+  container: O,
+  contentContainer: Q
 };
-function Mo({
-  actionBarProps: n,
-  columns: c,
-  tableProps: l,
-  hasError: w,
-  onRefresh: S,
-  initialViewMode: V = t.LIST,
-  paginationProps: p,
-  isLoading: s,
-  isSelectionEnabled: i,
-  ...r
+function go({
+  actionBarProps: m,
+  columns: d,
+  tableProps: e,
+  hasError: V,
+  onRefresh: g,
+  initialViewMode: y = t.LIST,
+  paginationProps: C,
+  isLoading: f,
+  isSelectionEnabled: c,
+  ...a
 }) {
-  const [e, d] = u(V), [m, v] = u(0), f = N(null), y = () => {
-    e === t.LIST ? d(t.GRID) : d(t.LIST);
-  }, L = !s && r.items.length === 0, T = n && n.sortDropdownProps && c.filter((h) => h.type !== "multiSelect" && h.type !== "enum"), {
-    iconColumnVariant: C
-  } = l || {}, _ = C && C === R.COLUMN;
-  return /* @__PURE__ */ o(G, {
+  const [i, h] = l(y), [u, M] = l(void 0), [p, L] = l(0), S = U(null), D = () => {
+    i === t.LIST ? h(t.GRID) : h(t.LIST);
+  }, _ = !f && a.items.length === 0, k = m && m.sortDropdownProps && d.filter((n) => n.type !== "multiSelect" && n.type !== "enum"), {
+    iconColumnVariant: I
+  } = e || {}, R = I && I === N.COLUMN, r = e == null ? void 0 : e.onSortChange, E = q(({
+    column: n,
+    direction: v
+  }) => {
+    M({
+      column: n,
+      direction: v
+    }), r == null || r({
+      column: n,
+      direction: v
+    });
+  }, [r]), G = {
+    ...e,
+    sortDescriptor: u,
+    onSortChange: E
+  };
+  return /* @__PURE__ */ o(F, {
     children: /* @__PURE__ */ o("div", {
-      ref: f,
-      className: I.container,
-      children: w ? /* @__PURE__ */ o(j, {
-        onRefresh: S
-      }) : /* @__PURE__ */ M(b, {
-        children: [/* @__PURE__ */ o(g, {
-          ...n,
-          containerRef: f,
-          isIconColumnEnabled: _,
-          onViewModeClick: y,
-          onZoomLevelChange: v,
-          sortableColumns: T,
-          viewMode: e,
-          zoomLevel: m
+      ref: S,
+      className: T.container,
+      children: V ? /* @__PURE__ */ o(J, {
+        onRefresh: g
+      }) : /* @__PURE__ */ w(H, {
+        children: [/* @__PURE__ */ o(j, {
+          ...m,
+          containerRef: S,
+          isIconColumnEnabled: R,
+          onSortDescriptorChange: M,
+          onViewModeClick: D,
+          onZoomLevelChange: L,
+          sortableColumns: k,
+          sortDescriptor: u,
+          viewMode: i,
+          zoomLevel: p
         }), /* @__PURE__ */ o("div", {
-          className: I.contentContainer,
-          children: /* @__PURE__ */ M(E, {
-            children: [/* @__PURE__ */ o(a, {
-              condition: L,
-              children: /* @__PURE__ */ o(A, {})
-            }), /* @__PURE__ */ o(a, {
-              condition: e === t.LIST,
-              children: /* @__PURE__ */ o(x, {
-                columns: c,
-                isLoading: s,
-                isSelectAllEnabled: i,
-                selectionMode: i ? "multiple" : "none",
-                zoomLevel: m,
-                ...r,
-                ...l
+          className: T.contentContainer,
+          children: /* @__PURE__ */ w(z, {
+            children: [/* @__PURE__ */ o(s, {
+              condition: _,
+              children: /* @__PURE__ */ o(K, {})
+            }), /* @__PURE__ */ o(s, {
+              condition: i === t.LIST,
+              children: /* @__PURE__ */ o(A, {
+                columns: d,
+                isLoading: f,
+                isSelectAllEnabled: c,
+                selectionMode: c ? "multiple" : "none",
+                zoomLevel: p,
+                ...a,
+                ...G
               })
-            }), /* @__PURE__ */ o(a, {
-              condition: e === t.GRID,
-              children: /* @__PURE__ */ o(k, {
-                selectionMode: i ? "multiple" : "none",
-                zoomLevel: m,
-                ...r
+            }), /* @__PURE__ */ o(s, {
+              condition: i === t.GRID,
+              children: /* @__PURE__ */ o(x, {
+                selectionMode: c ? "multiple" : "none",
+                zoomLevel: p,
+                ...a
               })
             })]
           })
-        }), p && /* @__PURE__ */ o(D, {
-          ...p
+        }), C && /* @__PURE__ */ o(Z, {
+          ...C
         })]
       })
     })
   });
 }
 export {
-  Mo as MetadataView,
-  Mo as default
+  go as MetadataView,
+  go as default
 };

package/dist/i18n/en-x-pseudo.js

@@ -1,35 +1,35 @@
 export default {
-  "groupSharedFeatures.emptyState.body": "⟦萬萬萬萬萬萬萬萬萬萬萬 Τŕγ ąďĵũŝŧĩʼnġ Уóμŗ ƒїľťëřѕ σŕ κέŷшōяďś. 國國國國國國國國國國國⟧",
-  "groupSharedFeatures.emptyState.heading": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ѕοягý, ẁέ çóŭļďŋ'τ ƒїŋď шнαţ ўòù'ѓє ľőσĸįлĝ ƒοґ. 國國國國國國國國國國國國國國⟧",
-  "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "⟦萬萬 Ðεćѓëåśę 國國⟧",
-  "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "⟦萬萬 İπćŕέäśè 國國⟧",
-  "groupSharedFeatures.metadataView.actionBar.sliderLabel": "⟦萬 Ŝĺіďèѓ 國⟧",
-  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "⟦萬萬萬萬萬 Ŝẁіť¢н τŏ Ġѓíď Vіêẃ 國國國國國⟧",
-  "groupSharedFeatures.metadataView.actionBar.switchToListView": "⟦萬萬萬萬萬 Śщíťĉħ ŧо Ļìşŧ Vįēω 國國國國國⟧",
-  "groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬 Ăļľ ₣ϊĺťëяş 國國國⟧",
-  "groupSharedFeatures.metadataView.filterRow.applyButton": "⟦萬 ÀΡΡĺў 國⟧",
+  "groupSharedFeatures.emptyState.body": "⟦萬萬萬萬萬萬萬萬萬萬萬 Ŧŗў âďĵüśťìήĝ ýōùґ ƒіļţęŕŝ όŗ κέỳώóřďŝ. 國國國國國國國國國國國⟧",
+  "groupSharedFeatures.emptyState.heading": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ѕŏѓřÿ, шę çōúļďй'ť ƒįπď щħąť γōū'ґè ľŏóķĩήĝ ƒоŕ. 國國國國國國國國國國國國國國⟧",
+  "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "⟦萬萬 Ďèćŕèαŝė 國國⟧",
+  "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "⟦萬萬 Īņсґēâşé 國國⟧",
+  "groupSharedFeatures.metadataView.actionBar.sliderLabel": "⟦萬 Şļίďεŕ 國⟧",
+  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "⟦萬萬萬萬萬 Śщįťćħ ťò Ğŗіď Vίèŵ 國國國國國⟧",
+  "groupSharedFeatures.metadataView.actionBar.switchToListView": "⟦萬萬萬萬萬 Ѕẁíŧčĥ ťò Ŀĩśτ Vĩèẃ 國國國國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬 Ăĺļ ₣ιĺţèŕś 國國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "⟦萬 ĀΡΡĺŷ 國⟧",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "⟦萬萬萬 {name} ({count}) 國國國⟧",
-  "groupSharedFeatures.metadataView.filterRow.clearButton": "⟦萬 Čĺёăѓ 國⟧",
-  "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "⟦萬萬 ₣ιļé ŦўΡё 國國⟧",
-  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "⟦萬萬萬萬 Ĕлťеř ķěỳшøяďś 國國國國⟧",
-  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "⟦萬萬 Ĺôсăţιôŋ 國國⟧",
-  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "⟦萬萬 Śєţ Vąļůе 國國⟧",
-  "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "⟦萬萬 Ĉļĕàя Ăĺĺ 國國⟧",
-  "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "⟦萬 Çļοѕе 國⟧",
-  "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "⟦萬萬 ₣îļŧеřş 國國⟧",
-  "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "⟦萬 Śêäřĉħ 國⟧",
-  "groupSharedFeatures.metadataView.gridList.gridView": "⟦萬萬 Ĝґîď Vîεω 國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "⟦萬 Ĉļėάг 國⟧",
+  "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "⟦萬萬 ₣ϊĺέ ΤўΡê 國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "⟦萬萬萬萬 Ēиťėя κêỳωöŕďѕ 國國國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "⟦萬萬 Ļõċãŧĭøй 國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "⟦萬萬 Ѕеτ Våļůè 國國⟧",
+  "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "⟦萬萬 Ćľеάŗ Áľľ 國國⟧",
+  "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "⟦萬 Çļøşè 國⟧",
+  "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "⟦萬萬 ₣íĺťěřŝ 國國⟧",
+  "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "⟦萬 Ѕеàŗçн 國⟧",
+  "groupSharedFeatures.metadataView.gridList.gridView": "⟦萬萬 Ġřîď Vіêш 國國⟧",
   "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel": "⟦ -- ⟧",
-  "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "⟦萬萬萬 Á¢ţïоη męʼnù 國國國⟧",
-  "groupSharedFeatures.metadataView.itemList.errorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Şòmёťнîʼnĝ шέņť щгοйġ. Pļёąŝė řèƒяēşн ŧнїś Ράĝε. 國國國國國國國國國國國國國國⟧",
-  "groupSharedFeatures.metadataView.itemList.listView": "⟦萬萬 Ĺĭѕŧ νīëώ 國國⟧",
-  "groupSharedFeatures.metadataView.itemList.refreshButton": "⟦萬萬 Ŕєƒřëşн 國國⟧",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "⟦萬萬 Şëĺèċŧ ąļĺ 國國⟧",
-  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "⟦萬萬萬萬 Ŝéľέćţ α ƒοĺďēř 國國國國⟧",
-  "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "⟦萬 Ѕėąŗçħ 國⟧",
-  "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "⟦萬 Çĺеàя 國⟧",
-  "groupSharedFeatures.metadataView.pagination.nextPageButton": "⟦萬 Ñē×τ 國⟧",
-  "groupSharedFeatures.metadataView.pagination.pageEntryStatus": "⟦萬萬萬萬萬萬萬萬萬萬萬 Ѕнοŵїήğ {startEntryIndex} ŧо {endEntryIndex} őƒ {totalCount} èлťѓіéѕ 國國國國國國國國國國國⟧",
-  "groupSharedFeatures.metadataView.pagination.paginationLabel": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Pǻġϊиãťíσŋ пâνìġãťϊόň ĉòлťŕõļş ãпď çцŗřėʼnŧ Ρǻğê ĩπƒόгmατîóй 國國國國國國國國國國國國國國國國國⟧",
-  "groupSharedFeatures.metadataView.pagination.previousPageButton": "⟦萬萬 Pяēνїσųş 國國⟧"
+  "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "⟦萬萬萬 Ąсťϊσл měʼnũ 國國國⟧",
+  "groupSharedFeatures.metadataView.itemList.errorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ŝŏmεťħιлĝ ωĕйť шґôйġ. Pĺêãśе яеƒŕёѕĥ ŧĥιѕ Ρàğè. 國國國國國國國國國國國國國國⟧",
+  "groupSharedFeatures.metadataView.itemList.listView": "⟦萬萬 Ľïŝť νīēŵ 國國⟧",
+  "groupSharedFeatures.metadataView.itemList.refreshButton": "⟦萬萬 Ŕĕƒґеśн 國國⟧",
+  "groupSharedFeatures.metadataView.itemList.selectAll": "⟦萬萬 Ѕεĺëçť άļľ 國國⟧",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "⟦萬萬萬萬 Ŝеĺéčť ą ƒőļďĕг 國國國國⟧",
+  "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "⟦萬 Ѕёάѓċħ 國⟧",
+  "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "⟦萬 Čļéąř 國⟧",
+  "groupSharedFeatures.metadataView.pagination.nextPageButton": "⟦萬 Ńє×ţ 國⟧",
+  "groupSharedFeatures.metadataView.pagination.pageEntryStatus": "⟦萬萬萬萬萬萬萬萬萬萬萬 Şħöшĩŋğ {startEntryIndex} ťσ {endEntryIndex} øƒ {totalCount} ěŋŧŕĩęŝ 國國國國國國國國國國國⟧",
+  "groupSharedFeatures.metadataView.pagination.paginationLabel": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Pāğĩиàŧιòň ήàνîġáŧìőπ сοήτяóľŝ âлď ćūґŕěŋτ Ράġε íйƒσřmάťĩóń 國國國國國國國國國國國國國國國國國⟧",
+  "groupSharedFeatures.metadataView.pagination.previousPageButton": "⟦萬萬 Pѓєνįöũŝ 國國⟧"
 }

package/dist/i18n/en-x-pseudo.properties

@@ -1,66 +1,66 @@
 # Body text for the empty state when no items are found
-groupSharedFeatures.emptyState.body = ⟦萬萬萬萬萬萬萬萬萬萬萬 Τŕγ ąďĵũŝŧĩʼnġ Уóμŗ ƒїľťëřѕ σŕ κέŷшōяďś. 國國國國國國國國國國國⟧
+groupSharedFeatures.emptyState.body = ⟦萬萬萬萬萬萬萬萬萬萬萬 Ŧŗў âďĵüśťìήĝ ýōùґ ƒіļţęŕŝ όŗ κέỳώóřďŝ. 國國國國國國國國國國國⟧
 # Heading for the empty state when no items are found
-groupSharedFeatures.emptyState.heading = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ѕοягý, ẁέ çóŭļďŋ'τ ƒїŋď шнαţ ўòù'ѓє ľőσĸįлĝ ƒοґ. 國國國國國國國國國國國國國國⟧
+groupSharedFeatures.emptyState.heading = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ѕŏѓřÿ, шę çōúļďй'ť ƒįπď щħąť γōū'ґè ľŏóķĩήĝ ƒоŕ. 國國國國國國國國國國國國國國⟧
 # Label for decreasing the size of column.
-groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize = ⟦萬萬 Ðεćѓëåśę 國國⟧
+groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize = ⟦萬萬 Ďèćŕèαŝė 國國⟧
 # Label for increasing the size of column.
-groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize = ⟦萬萬 İπćŕέäśè 國國⟧
+groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize = ⟦萬萬 Īņсґēâşé 國國⟧
 # Label for the slider that controls the size of column.
-groupSharedFeatures.metadataView.actionBar.sliderLabel = ⟦萬 Ŝĺіďèѓ 國⟧
+groupSharedFeatures.metadataView.actionBar.sliderLabel = ⟦萬 Şļίďεŕ 國⟧
 # Label to switch to grid view
-groupSharedFeatures.metadataView.actionBar.switchToGridView = ⟦萬萬萬萬萬 Ŝẁіť¢н τŏ Ġѓíď Vіêẃ 國國國國國⟧
+groupSharedFeatures.metadataView.actionBar.switchToGridView = ⟦萬萬萬萬萬 Śщįťćħ ťò Ğŗіď Vίèŵ 國國國國國⟧
 # Label to switch to list view
-groupSharedFeatures.metadataView.actionBar.switchToListView = ⟦萬萬萬萬萬 Śщíťĉħ ŧо Ļìşŧ Vįēω 國國國國國⟧
+groupSharedFeatures.metadataView.actionBar.switchToListView = ⟦萬萬萬萬萬 Ѕẁíŧčĥ ťò Ŀĩśτ Vĩèẃ 國國國國國⟧
 # Button label to open the sidepanel with all filters
-groupSharedFeatures.metadataView.filterRow.AllFilters = ⟦萬萬萬 Ăļľ ₣ϊĺťëяş 國國國⟧
+groupSharedFeatures.metadataView.filterRow.AllFilters = ⟦萬萬萬 Ăĺļ ₣ιĺţèŕś 國國國⟧
 # Button label to apply the current input as a filter to the metadata table
-groupSharedFeatures.metadataView.filterRow.applyButton = ⟦萬 ÀΡΡĺў 國⟧
+groupSharedFeatures.metadataView.filterRow.applyButton = ⟦萬 ĀΡΡĺŷ 國⟧
 # Label for a filter chip that includes the name and count of selected options
 groupSharedFeatures.metadataView.filterRow.chipNameWithCount = ⟦萬萬萬 {name} ({count}) 國國國⟧
 # Button label to clear the current input in a textarea
-groupSharedFeatures.metadataView.filterRow.clearButton = ⟦萬 Čĺёăѓ 國⟧
+groupSharedFeatures.metadataView.filterRow.clearButton = ⟦萬 Ĉļėάг 國⟧
 # Title for the file type filter group
-groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle = ⟦萬萬 ₣ιļé ŦўΡё 國國⟧
+groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle = ⟦萬萬 ₣ϊĺέ ΤўΡê 國國⟧
 # Placeholder text for the keyword search filter
-groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder = ⟦萬萬萬萬 Ĕлťеř ķěỳшøяďś 國國國國⟧
+groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder = ⟦萬萬萬萬 Ēиťėя κêỳωöŕďѕ 國國國國⟧
 # Title for the location filter group
-groupSharedFeatures.metadataView.filterRow.locationFilterTitle = ⟦萬萬 Ĺôсăţιôŋ 國國⟧
+groupSharedFeatures.metadataView.filterRow.locationFilterTitle = ⟦萬萬 Ļõċãŧĭøй 國國⟧
 # Placeholder text for the input field in the filter row
-groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = ⟦萬萬 Śєţ Vąļůе 國國⟧
+groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = ⟦萬萬 Ѕеτ Våļůè 國國⟧
 # Button label to clear all filters in the sidepanel
-groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = ⟦萬萬 Ĉļĕàя Ăĺĺ 國國⟧
+groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = ⟦萬萬 Ćľеάŗ Áľľ 國國⟧
 # Aria label for the close button in the filter sidepanel
-groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = ⟦萬 Çļοѕе 國⟧
+groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = ⟦萬 Çļøşè 國⟧
 # Header for the filter sidepanel
-groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = ⟦萬萬 ₣îļŧеřş 國國⟧
+groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = ⟦萬萬 ₣íĺťěřŝ 國國⟧
 # Button label to apply filters and show results
-groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = ⟦萬 Śêäřĉħ 國⟧
+groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = ⟦萬 Ѕеàŗçн 國⟧
 # Label for the grid view of files and folders
-groupSharedFeatures.metadataView.gridList.gridView = ⟦萬萬 Ĝґîď Vîεω 國國⟧
+groupSharedFeatures.metadataView.gridList.gridView = ⟦萬萬 Ġřîď Vіêш 國國⟧
 # Label for the default unselected option in inline editing dropdowns
 groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel = ⟦ -- ⟧
 # Label for the action menu for an item in the metadata view list
-groupSharedFeatures.metadataView.itemActionMenu.actionMenu = ⟦萬萬萬 Á¢ţïоη męʼnù 國國國⟧
+groupSharedFeatures.metadataView.itemActionMenu.actionMenu = ⟦萬萬萬 Ąсťϊσл měʼnũ 國國國⟧
 # Error message displayed when metadata fails to load
-groupSharedFeatures.metadataView.itemList.errorMessage = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Şòmёťнîʼnĝ шέņť щгοйġ. Pļёąŝė řèƒяēşн ŧнїś Ράĝε. 國國國國國國國國國國國國國國⟧
+groupSharedFeatures.metadataView.itemList.errorMessage = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ŝŏmεťħιлĝ ωĕйť шґôйġ. Pĺêãśе яеƒŕёѕĥ ŧĥιѕ Ρàğè. 國國國國國國國國國國國國國國⟧
 # Label for the list of files and folders displayed in a list view
-groupSharedFeatures.metadataView.itemList.listView = ⟦萬萬 Ĺĭѕŧ νīëώ 國國⟧
+groupSharedFeatures.metadataView.itemList.listView = ⟦萬萬 Ľïŝť νīēŵ 國國⟧
 # Label for the refresh button in error state
-groupSharedFeatures.metadataView.itemList.refreshButton = ⟦萬萬 Ŕєƒřëşн 國國⟧
+groupSharedFeatures.metadataView.itemList.refreshButton = ⟦萬萬 Ŕĕƒґеśн 國國⟧
 # Label for the select all checkbox in the metadata table
-groupSharedFeatures.metadataView.itemList.selectAll = ⟦萬萬 Şëĺèċŧ ąļĺ 國國⟧
+groupSharedFeatures.metadataView.itemList.selectAll = ⟦萬萬 Ѕεĺëçť άļľ 國國⟧
 # Placeholder for select folder trigger
-groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint = ⟦萬萬萬萬 Ŝéľέćţ α ƒοĺďēř 國國國國⟧
+groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint = ⟦萬萬萬萬 Ŝеĺéčť ą ƒőļďĕг 國國國國⟧
 # Aria label for the search input
-groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel = ⟦萬 Ѕėąŗçħ 國⟧
+groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel = ⟦萬 Ѕёάѓċħ 國⟧
 # Aria label for the clear button in the search input
-groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel = ⟦萬 Çĺеàя 國⟧
+groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel = ⟦萬 Čļéąř 國⟧
 # Label for the next page button
-groupSharedFeatures.metadataView.pagination.nextPageButton = ⟦萬 Ñē×τ 國⟧
+groupSharedFeatures.metadataView.pagination.nextPageButton = ⟦萬 Ńє×ţ 國⟧
 # Pagination menu status with the range of entries shown
-groupSharedFeatures.metadataView.pagination.pageEntryStatus = ⟦萬萬萬萬萬萬萬萬萬萬萬 Ѕнοŵїήğ {startEntryIndex} ŧо {endEntryIndex} őƒ {totalCount} èлťѓіéѕ 國國國國國國國國國國國⟧
+groupSharedFeatures.metadataView.pagination.pageEntryStatus = ⟦萬萬萬萬萬萬萬萬萬萬萬 Şħöшĩŋğ {startEntryIndex} ťσ {endEntryIndex} øƒ {totalCount} ěŋŧŕĩęŝ 國國國國國國國國國國國⟧
 # Aria label for the pagination component, which includes entry status and previous/next page controls
-groupSharedFeatures.metadataView.pagination.paginationLabel = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Pǻġϊиãťíσŋ пâνìġãťϊόň ĉòлťŕõļş ãпď çцŗřėʼnŧ Ρǻğê ĩπƒόгmατîóй 國國國國國國國國國國國國國國國國國⟧
+groupSharedFeatures.metadataView.pagination.paginationLabel = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Pāğĩиàŧιòň ήàνîġáŧìőπ сοήτяóľŝ âлď ćūґŕěŋτ Ράġε íйƒσřmάťĩóń 國國國國國國國國國國國國國國國國國⟧
 # Label for the previous page button
-groupSharedFeatures.metadataView.pagination.previousPageButton = ⟦萬萬 Pяēνїσųş 國國⟧
+groupSharedFeatures.metadataView.pagination.previousPageButton = ⟦萬萬 Pѓєνįöũŝ 國國⟧

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

@@ -1,3 +1,4 @@
+import { SortDescriptor } from 'react-aria-components';
 import { Column, ViewMode } from '../../types';
 import { FilterRowProps } from '../filter-row';
 import { SortDropdownProps } from '../sort-dropdown';
@@ -13,7 +14,9 @@ export interface ActionBarProps extends Omit<FilterRowProps, 'filterGroups'> {
     zoomLevel?: number;
 }
 interface ActionBarInternalProps extends ActionBarProps {
+    onSortDescriptorChange: (sortDescriptor: SortDescriptor) => void;
     sortableColumns: Column[];
+    sortDescriptor: SortDescriptor;
 }
-export declare const ActionBar: ({ isIconColumnEnabled, isViewModeButtonDisabled, onViewModeClick, onZoomLevelChange, sortableColumns, sortDropdownProps, viewMode, zoomLevel, ...rest }: ActionBarInternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionBar: ({ isIconColumnEnabled, isViewModeButtonDisabled, onSortDescriptorChange, onViewModeClick, onZoomLevelChange, sortableColumns, sortDescriptor, sortDropdownProps, viewMode, zoomLevel, ...rest }: ActionBarInternalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,7 +6,9 @@ export interface SortDropdownProps {
     onSortChange: (sortDescriptor: SortDescriptor) => void;
 }
 interface SortDropdownInternalProps extends SortDropdownProps {
+    onSortDescriptorChange: (sortDescriptor: SortDescriptor) => void;
     sortableColumns: Column[];
+    sortDescriptor: SortDescriptor;
 }
-export declare const SortDropdown: ({ sortableColumns, initialSortByColumnId, initialSortDirection, onSortChange, }: SortDropdownInternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortDropdown: ({ onSortDescriptorChange, sortableColumns, sortDescriptor, initialSortByColumnId, initialSortDirection, onSortChange, }: SortDropdownInternalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.51.0",
+    "version": "0.52.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.66.0",
@@ -18,12 +18,12 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.76.0",
+        "@box/blueprint-web": "^12.76.1",
         "@box/blueprint-web-assets": "^4.68.0",
-        "@box/box-item-type-selector": "^0.71.0",
+        "@box/box-item-type-selector": "^0.72.1",
         "@box/eslint-plugin-blueprint": "1.0.4",
-        "@box/item-icon": "^0.25.0",
-        "@box/metadata-filter": "^1.28.0",
+        "@box/item-icon": "^0.26.1",
+        "@box/metadata-filter": "^1.29.1",
         "@box/storybook-utils": "0.14.4",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",