@box/metadata-view 0.32.4 → 0.33.0

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

@@ -1,52 +1,61 @@
-import { GridList as t } from "@box/blueprint-web";
-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 = ({
+import { GridList as i } from "@box/blueprint-web";
+import { ItemTypeIcon as h } from "@box/item-icon";
+import { useIntl as T } from "react-intl";
+import { V as p } from "../../../../chunks/types.js";
+import { THUMBNAIL_GRID_VIEW_SIZES as E } from "../constants.js";
+import b from "./messages.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { ItemActionMenu as M } from "../item-action-menu/item-action-menu.js";
+import '../../../../styles/metadata-grid.css';const R = "_itemThumbnail_93ess_1", L = {
+  itemThumbnail: R
+}, A = 188, G = 250, g = 8, x = 5, U = (m) => A + G * (g - m) / x, N = ({
   items: m,
-  itemActionMenuProps: o,
-  zoomLevel: r,
-  ...n
+  itemActionMenuProps: n,
+  zoomLevel: c,
+  ...d
 }) => {
   const {
-    formatMessage: s
-  } = d();
-  return /* @__PURE__ */ e(t, {
-    "aria-label": s(I.gridView),
+    formatMessage: u
+  } = T();
+  return /* @__PURE__ */ e(i, {
+    "aria-label": u(b.gridView),
     selectionMode: "multiple",
     style: {
-      gridTemplateColumns: `repeat(auto-fit, minmax(${G(_[r])}px, 1fr))`
+      gridTemplateColumns: `repeat(auto-fit, minmax(${U(E[c])}px, 1fr))`
     },
-    ...n,
-    children: m.map((i, R) => /* @__PURE__ */ T(t.Item, {
-      children: [/* @__PURE__ */ e(t.Thumbnail, {
-        className: E.itemThumbnail,
-        children: /* @__PURE__ */ e(l, {
-          dimension: 128,
-          item: i
-        })
-      }), /* @__PURE__ */ e(t.Header, {
-        children: i.name
-      }), /* @__PURE__ */ e(t.Subtitle, {
-        children: i.createdAt
-      }), o ? /* @__PURE__ */ e(t.Actions, {
-        children: (a) => /* @__PURE__ */ e(p, {
-          ...o,
-          item: i,
-          onOpenChange: a,
-          viewMode: c.GRID
-        })
-      }) : null]
-    }, i.id))
+    ...d,
+    children: m.map((t, D) => {
+      var o, l, a;
+      const {
+        name: r,
+        createdAt: _
+      } = t, s = "thumbnailURLs" in t ? ((o = t.thumbnailURLs) == null ? void 0 : o.large) || ((l = t.thumbnailURLs) == null ? void 0 : l.medium) || ((a = t.thumbnailURLs) == null ? void 0 : a.small) : void 0;
+      return /* @__PURE__ */ f(i.Item, {
+        children: [/* @__PURE__ */ e(i.Thumbnail, {
+          className: L.itemThumbnail,
+          children: s ? /* @__PURE__ */ e("img", {
+            alt: r,
+            src: s
+          }) : /* @__PURE__ */ e(h, {
+            item: t
+          })
+        }), /* @__PURE__ */ e(i.Header, {
+          children: r
+        }), /* @__PURE__ */ e(i.Subtitle, {
+          children: _
+        }), n ? /* @__PURE__ */ e(i.Actions, {
+          children: (I) => /* @__PURE__ */ e(M, {
+            ...n,
+            item: t,
+            onOpenChange: I,
+            viewMode: p.GRID
+          })
+        }) : null]
+      }, t.id);
+    })
   });
 };
 export {
-  H as MetadataGrid,
-  H as default
+  N as MetadataGrid,
+  N as default
 };

package/dist/styles/metadata-grid.css

@@ -1 +1 @@
-._itemThumbnail_1j3e6_1{display:flex;align-items:center;justify-content:center}
+._itemThumbnail_93ess_1{display:flex;align-items:center;justify-content:center}._itemThumbnail_93ess_1 svg{width:65%;height:65%}

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

@@ -21,6 +21,7 @@ export declare const mockFilterGroupsWithoutAlias: FilterGroup[];
 export declare const mockFilterOptionsWithInvalidType: FilterOption[];
 export declare const mockFilterOptionsWithSomeChipsHidden: FilterOption[];
 export declare const mockMetadata: Item[];
+export declare const mockMetadataWithThumbnail: Item[];
 export declare const mockSortableColumnNames: string[];
 export declare const mockSortDropdownProps: SortDropdownProps;
 export declare const mockFilterGroups: FilterGroup[];

package/package.json

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