@box/metadata-view 0.25.5 → 0.26.0

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

@@ -1,31 +1,33 @@
 import { GridList as t } from "@box/blueprint-web";
-import { ItemTypeIcon as a } from "@box/item-icon";
-import { useIntl as l } from "react-intl";
-import { V as d } from "../../../../chunks/types.js";
-import { THUMBNAIL_GRID_VIEW_SIZES as c } from "../constants.js";
-import _ from "./messages.js";
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { ItemActionMenu as T } from "../item-action-menu/item-action-menu.js";
-import '../../../../styles/metadata-grid.css';const p = "_itemThumbnail_1j3e6_1", u = {
-  itemThumbnail: p
-}, E = 188, f = 250, M = 8, h = 5, A = (m) => E + f * (M - m) / h, C = ({
+import { ItemTypeIcon as l } from "@box/item-icon";
+import { useIntl as d } from "react-intl";
+import { V as c } from "../../../../chunks/types.js";
+import { THUMBNAIL_GRID_VIEW_SIZES as _ } from "../constants.js";
+import I from "./messages.js";
+import { jsx as e, jsxs as T } from "react/jsx-runtime";
+import { ItemActionMenu as p } from "../item-action-menu/item-action-menu.js";
+import '../../../../styles/metadata-grid.css';const u = "_itemThumbnail_1j3e6_1", E = {
+  itemThumbnail: u
+}, f = 188, M = 250, h = 8, A = 5, G = (m) => f + M * (h - m) / A, H = ({
   items: m,
   itemActionMenuProps: o,
-  zoomLevel: r
+  zoomLevel: r,
+  ...n
 }) => {
   const {
-    formatMessage: n
-  } = l();
+    formatMessage: s
+  } = d();
   return /* @__PURE__ */ e(t, {
-    "aria-label": n(_.gridView),
+    "aria-label": s(I.gridView),
     selectionMode: "multiple",
     style: {
-      gridTemplateColumns: `repeat(auto-fit, minmax(${A(c[r])}px, 1fr))`
+      gridTemplateColumns: `repeat(auto-fit, minmax(${G(_[r])}px, 1fr))`
     },
-    children: m.map((i, G) => /* @__PURE__ */ I(t.Item, {
+    ...n,
+    children: m.map((i, R) => /* @__PURE__ */ T(t.Item, {
       children: [/* @__PURE__ */ e(t.Thumbnail, {
-        className: u.itemThumbnail,
-        children: /* @__PURE__ */ e(a, {
+        className: E.itemThumbnail,
+        children: /* @__PURE__ */ e(l, {
           dimension: 128,
           item: i
         })
@@ -34,17 +36,17 @@ import '../../../../styles/metadata-grid.css';const p = "_itemThumbnail_1j3e6_1"
       }), /* @__PURE__ */ e(t.Subtitle, {
         children: i.createdAt
       }), o ? /* @__PURE__ */ e(t.Actions, {
-        children: (s) => /* @__PURE__ */ e(T, {
+        children: (a) => /* @__PURE__ */ e(p, {
           ...o,
           item: i,
-          onOpenChange: s,
-          viewMode: d.GRID
+          onOpenChange: a,
+          viewMode: c.GRID
         })
       }) : null]
     }, i.id))
   });
 };
 export {
-  C as MetadataGrid,
-  C as default
+  H as MetadataGrid,
+  H as default
 };

package/dist/types/lib/components/metadata-grid/metadata-grid.d.ts

@@ -1,6 +1,7 @@
+import { GridListProps } from '@box/blueprint-web';
 import { MetadataProps } from '../../types';
-export interface MetadataGridProps extends MetadataProps {
+export interface MetadataGridProps extends MetadataProps, Omit<GridListProps, 'items'> {
     zoomLevel?: number;
 }
-export declare const MetadataGrid: ({ items, itemActionMenuProps, zoomLevel }: MetadataGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataGrid: ({ items, itemActionMenuProps, zoomLevel, ...rest }: MetadataGridProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataGrid;

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

@@ -4,6 +4,7 @@ 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 { MetadataViewProps } from '../metadata-view';
@@ -87,6 +88,7 @@ export declare const mockPaginationPropsMarkerWithNextAndPrevMarkers: {
 export declare const mockFilterRowArgs: FilterRowProps;
 export declare const mockActionBarProps: ActionBarProps;
 export declare const mockTableProps: MetadataTableProps;
+export declare const mockItemActionMenuProps: ItemActionMenuProps;
 export declare const mockMetadataViewProps: MetadataViewProps;
 export type SortArgs = {
     column: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.25.5",
+    "version": "0.26.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",