@box/metadata-view 0.35.3 → 0.36.1

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

@@ -2,11 +2,11 @@ import { Button as B } from "@box/blueprint-web";
 import { Grid as p } from "@box/blueprint-web-assets/icons/Fill";
 import { useIntl as u } from "react-intl";
 import { V as r } from "../../../../chunks/types.js";
-import { SortDropdown as R } from "./sort-dropdown.js";
-import { ZoomButton as v } 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 h } from "../filter-row/filter-row.js";
+import { FilterRow as v } from "../filter-row/filter-row.js";
+import { SortDropdown as h } from "../sort-dropdown/sort-dropdown.js";
 import '../../../../styles/action-bar.css';const b = "_actionBar_dsa2b_1", A = "_filterRow_dsa2b_8", C = "_additionalActions_dsa2b_13", G = "_viewModeButtonContainer_dsa2b_24", t = {
   actionBar: b,
   filterRow: A,
@@ -30,15 +30,15 @@ import '../../../../styles/action-bar.css';const b = "_actionBar_dsa2b_1", A = "
     className: t.actionBar,
     children: [/* @__PURE__ */ o("div", {
       className: t.filterRow,
-      children: /* @__PURE__ */ o(h, {
+      children: /* @__PURE__ */ o(v, {
         ..._
       })
     }), /* @__PURE__ */ e("div", {
       className: t.additionalActions,
-      children: [a && /* @__PURE__ */ o(R, {
+      children: [a && /* @__PURE__ */ o(h, {
         ...a,
         sortableColumnNames: f
-      }), (c || i === r.GRID) && /* @__PURE__ */ o(v, {
+      }), (c || i === r.GRID) && /* @__PURE__ */ o(R, {
         onZoomLevelChange: l,
         zoomLevel: w
       }), !d && /* @__PURE__ */ o("div", {

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

@@ -0,0 +1,4 @@
+import { SortDropdown as p } from "./sort-dropdown.js";
+export {
+  p as SortDropdown
+};

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

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

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

@@ -1,6 +1,6 @@
 import { ViewMode } from '../../types';
 import { FilterRowProps } from '../filter-row';
-import { SortDropdownProps } from './sort-dropdown';
+import { SortDropdownProps } from '../sort-dropdown';
 import { FilterGroup } from '../filter-row/types';
 export interface ActionBarProps extends Omit<FilterRowProps, 'filterGroups'> {
     filterGroups?: FilterGroup[];
@@ -8,10 +8,12 @@ export interface ActionBarProps extends Omit<FilterRowProps, 'filterGroups'> {
     isViewModeButtonDisabled?: boolean;
     onViewModeClick?: () => void;
     onZoomLevelChange?: (zoomLevel: number) => void;
-    sortableColumnNames: string[];
     sortDropdownProps?: SortDropdownProps;
     viewMode?: ViewMode;
     zoomLevel?: number;
 }
-export declare const ActionBar: ({ isIconColumnEnabled, isViewModeButtonDisabled, onViewModeClick, onZoomLevelChange, sortableColumnNames, sortDropdownProps, viewMode, zoomLevel, ...rest }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
+interface ActionBarInternalProps extends ActionBarProps {
+    sortableColumnNames: string[];
+}
+export declare const ActionBar: ({ isIconColumnEnabled, isViewModeButtonDisabled, onViewModeClick, onZoomLevelChange, sortableColumnNames, sortDropdownProps, viewMode, zoomLevel, ...rest }: ActionBarInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionBar;

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

@@ -0,0 +1 @@
+export * from './sort-dropdown';

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

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

package/dist/types/lib/metadata-view.d.ts

@@ -3,7 +3,7 @@ import { PaginationProps } from './components/pagination/pagination';
 import { ActionBarProps } from './components/action-bar';
 import { ViewMode, Column, MetadataProps } from './types';
 export interface MetadataViewProps extends MetadataProps {
-    actionBarProps?: Omit<ActionBarProps, 'onViewModeClick' | 'onZoomLevelChange' | 'viewMode' | 'sortableColumnNames'>;
+    actionBarProps?: Omit<ActionBarProps, 'onViewModeClick' | 'onZoomLevelChange' | 'viewMode'>;
     columns: Column[];
     hasError?: boolean;
     initialViewMode?: ViewMode;

package/dist/types/lib/test-utils/mock-data.d.ts

@@ -1,12 +1,12 @@
 import { Item } from '@box/types';
 import { SortDirection } from 'react-aria-components';
 import { ActionBarProps } from '../components/action-bar/action-bar';
-import { SortDropdownProps } from '../components/action-bar/sort-dropdown';
 import { FilterRowProps } from '../components/filter-row/filter-row';
 import { FilterGroup, FilterOption } from '../components/filter-row/types';
 import { ItemActionMenuProps } from '../components/item-action-menu/item-action-menu';
 import { MetadataTableProps } from '../components/metadata-table';
 import { PaginationProps } from '../components/pagination/pagination';
+import { SortDropdownProps } from '../components/sort-dropdown/sort-dropdown';
 import { MetadataViewProps } from '../metadata-view';
 import { Column } from '../types';
 export declare const getMockFilterGroups: (filters: FilterOption[]) => Array<FilterGroup>;
@@ -18,6 +18,8 @@ export declare const mockFilterOptionsNoSelection: FilterOption[];
 export declare const mockFilterOptionsWithCustomFilterChips: FilterOption[];
 export declare const mockFilterOptionsWithoutAlias: FilterOption[];
 export declare const mockFilterGroupsWithoutAlias: FilterGroup[];
+export declare const mockFilterOptionsWithoutName: FilterOption[];
+export declare const mockFilterGroupsWithoutName: FilterGroup[];
 export declare const mockFilterOptionsWithInvalidType: FilterOption[];
 export declare const mockFilterOptionsWithSomeChipsHidden: FilterOption[];
 export declare const mockMetadata: Item[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.35.3",
+    "version": "0.36.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.63.0",
-        "@box/box-item-type-selector": "^0.63.2",
+        "@box/box-item-type-selector": "^0.63.4",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.17.5",
-        "@box/metadata-filter": "^1.18.2",
+        "@box/item-icon": "^0.17.7",
+        "@box/metadata-filter": "^1.18.4",
         "@box/storybook-utils": "0.13.18",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",

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

@@ -1,40 +0,0 @@
-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 [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(w, {
-        caretDirection: i === "ascending" ? "up" : "down",
-        label: e,
-        startIcon: i === "ascending" ? u : D,
-        variant: "tertiary"
-      })
-    }), /* @__PURE__ */ o(r.Content, {
-      children: /* @__PURE__ */ o(r.RadioGroup, {
-        onValueChange: l,
-        value: e,
-        children: p.map((n) => /* @__PURE__ */ o(r.RadioSelectItem, {
-          value: n,
-          children: n
-        }, n))
-      })
-    })]
-  });
-};
-export {
-  S as SortDropdown
-};

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

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