@box/metadata-view 0.58.1 → 0.59.0

package/dist/chunks/index.js

@@ -1,34 +1,35 @@
-import { Row as L, Cell as n, Text as s, ActionCell as x } from "@box/blueprint-web";
+import { Row as L, Cell as n, Text as s, ActionCell as q } from "@box/blueprint-web";
 import N from "lodash/get";
 import { ItemTypeIcon as p } from "@box/item-icon";
-import q from "clsx";
+import E from "clsx";
 import { I as a } from "./types.js";
-import { THUMBNAIL_LIST_VIEW_HEIGHTS as E } from "../esm/lib/components/constants.js";
+import { THUMBNAIL_LIST_VIEW_HEIGHTS as y } from "../esm/lib/components/constants.js";
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { ItemActionMenu as y } from "../esm/lib/components/item-action-menu/item-action-menu.js";
-import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g = "_tableHeaderActions_169qr_1", w = "_tableRow_169qr_33", U = "_selectAllCheckbox_169qr_42", k = "_tableNameCell_169qr_47", B = "_tableNameCellSubtitle_169qr_53", W = "_tableNameCellIconInline_169qr_58", j = "_infiniteScrollTableContainerFullHeight_169qr_62", F = "_iconCell_169qr_68", i = {
-  tableHeaderActionsWrapper: R,
-  tableHeaderActions: g,
-  tableRow: w,
+import { ItemActionMenu as R } from "../esm/lib/components/item-action-menu/item-action-menu.js";
+import '../styles/index.css';const g = "_tableHeaderActionsWrapper_169qr_1", w = "_tableHeaderActions_169qr_1", k = "_tableRow_169qr_33", U = "_selectAllCheckbox_169qr_42", B = "_tableNameCell_169qr_47", W = "_tableNameCellSubtitle_169qr_53", j = "_tableNameCellIconInline_169qr_58", F = "_infiniteScrollTableContainerFullHeight_169qr_62", M = "_iconCell_169qr_68", i = {
+  tableHeaderActionsWrapper: g,
+  tableHeaderActions: w,
+  tableRow: k,
   selectAllCheckbox: U,
-  tableNameCell: k,
-  tableNameCellSubtitle: B,
-  tableNameCellIconInline: W,
-  infiniteScrollTableContainerFullHeight: j,
-  iconCell: F
-}, K = ({
+  tableNameCell: B,
+  tableNameCellSubtitle: W,
+  tableNameCellIconInline: j,
+  infiniteScrollTableContainerFullHeight: F,
+  iconCell: M
+}, Q = ({
   item: l,
   columns: h,
   iconColumnVariant: t,
   isSelectAllEnabled: C,
   itemActionMenuProps: d,
-  zoomLevel: u = 0
+  areSelectionCheckboxesDisabled: u,
+  zoomLevel: T = 0
 }) => /* @__PURE__ */ b(L, {
   className: i.tableRow,
   id: l.id,
   children: [t === a.COLUMN ? /* @__PURE__ */ e(n, {
     style: {
-      height: E[u]
+      height: y[T]
     },
     children: /* @__PURE__ */ e(p, {
       className: i.iconCell,
@@ -38,11 +39,11 @@ import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g =
     const {
       cellRenderer: _,
       id: o,
-      isItemMetadata: T,
-      subtitle: f,
-      textValue: S,
-      type: H
-    } = r, c = `${S}-${l.id}`, A = T ? o.split(".")[1] : o, I = N(l, A);
+      isItemMetadata: f,
+      subtitle: S,
+      textValue: H,
+      type: x
+    } = r, c = `${H}-${l.id}`, A = f ? o.split(".")[1] : o, I = N(l, A);
     if (o === "name" && (t === a.INLINE || t === a.INLINE_SUBTITLE))
       return /* @__PURE__ */ e(n, {
         children: /* @__PURE__ */ b("div", {
@@ -50,7 +51,7 @@ import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g =
           children: [/* @__PURE__ */ e(p, {
             item: l
           }), /* @__PURE__ */ b("div", {
-            className: q({
+            className: E({
               [i.tableNameCellSubtitle]: t === a.INLINE_SUBTITLE
             }),
             children: [/* @__PURE__ */ e(s, {
@@ -59,7 +60,7 @@ import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g =
             }), t === a.INLINE_SUBTITLE ? /* @__PURE__ */ e(s, {
               as: "span",
               color: "textOnLightSecondary",
-              children: f
+              children: S
             }) : null]
           })]
         })
@@ -68,7 +69,7 @@ import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g =
       return /* @__PURE__ */ e(n, {
         children: _(l, r)
       }, c);
-    if (H === "multiSelect") {
+    if (x === "multiSelect") {
       const m = N(l, o);
       return /* @__PURE__ */ e(n, {
         children: m ? m.join(" ") : ""
@@ -80,8 +81,9 @@ import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g =
         children: I
       })
     }, c);
-  }), C && /* @__PURE__ */ e(x, {
-    children: (r) => d ? /* @__PURE__ */ e(y, {
+  }), C && /* @__PURE__ */ e(q, {
+    isCheckboxDisabled: u,
+    children: (r) => d ? /* @__PURE__ */ e(R, {
       ...d,
       item: l,
       onOpenChange: r
@@ -89,6 +91,6 @@ import '../styles/index.css';const R = "_tableHeaderActionsWrapper_169qr_1", g =
   })]
 }, l.id);
 export {
-  K as T,
+  Q as T,
   i as s
 };

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

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

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

@@ -1,46 +1,47 @@
-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 { useRef as E } from "react";
+import { useIntl as B } from "react-intl";
+import { Text as O, ListCheckbox as P, TableHeader as U, Column as j } from "@box/blueprint-web";
+import { useInfiniteScrollTableItems as k } from "./hooks/useInfiniteScrollTableItems.js";
+import { TableRenderer as R } from "./table-renderer.js";
+import { I as F } from "../../../../chunks/types.js";
+import { THUMBNAIL_WIDTHS as G } from "../constants.js";
 import { s } from "../../../../chunks/index.js";
-import G from "./messages.js";
+import L from "./messages.js";
 import { jsx as e } from "react/jsx-runtime";
 import "./table-body/inline-editing-cell/inline-editing-cell.js";
-const L = 40, te = ({
+const V = 40, ae = ({
   columns: o,
   isLoading: l = !1,
   iconColumnVariant: n,
   isSelectAllEnabled: m,
   items: d,
-  itemActionMenuProps: R,
+  itemActionMenuProps: w,
   isInfiniteScrollEnabled: x = !1,
-  hasNextPage: w = !1,
-  onInlineEditChange: g,
-  onGetNextPage: y,
-  placeholderRowsCount: C,
+  areSelectionCheckboxesDisabled: c = !1,
+  hasNextPage: g = !1,
+  onInlineEditChange: y,
+  onGetNextPage: W,
+  placeholderRowsCount: A,
   zoomLevel: r,
-  ...W
+  ...C
 }) => {
-  var u;
+  var H;
   const {
-    formatMessage: c
-  } = E(), f = M(null), {
-    virtualItemsToDisplay: p,
-    getTableHeight: A
-  } = U({
+    formatMessage: f
+  } = B(), p = E(null), {
+    virtualItemsToDisplay: h,
+    getTableHeight: N
+  } = k({
     items: d,
-    hasNextPage: w,
+    hasNextPage: g,
     isLoading: l,
-    parentRef: f,
-    onGetNextPage: y,
-    placeholderRowsCount: C
-  }), a = [], N = 0;
-  if (n === j.COLUMN) {
-    r = r || N;
-    const t = parseInt(F[r], 10) + 24;
+    parentRef: p,
+    onGetNextPage: W,
+    placeholderRowsCount: A
+  }), a = [], _ = 0;
+  if (n === F.COLUMN) {
+    r = r || _;
+    const t = parseInt(G[r], 10) + 24;
     a.push({
       id: "item-type-icon",
       isRowHeader: !1,
@@ -49,87 +50,88 @@ const L = 40, te = ({
       maxWidth: t
     });
   }
-  const D = o.map((t) => {
+  const v = o.map((t) => {
     const {
-      id: H,
-      isRowHeader: _,
-      headerRenderer: b,
+      id: b,
+      isRowHeader: M,
+      headerRenderer: T,
       textValue: i,
-      type: T,
-      ...v
+      type: I,
+      ...S
     } = t;
     return {
-      ...v,
-      children: b ? b(i, t) : /* @__PURE__ */ e(k, {
+      ...S,
+      children: T ? T(i, t) : /* @__PURE__ */ e(O, {
         as: "span",
         children: i
       }),
-      isRowHeader: H === "name" || _,
-      id: H,
+      isRowHeader: b === "name" || M,
+      id: b,
       textValue: i,
-      allowsSorting: T !== "multiSelect" && T !== "enum"
+      allowsSorting: I !== "multiSelect" && I !== "enum"
     };
   });
-  a.push(...D), m && a.push({
+  a.push(...v), m && a.push({
     id: "actions",
     className: s.tableHeaderActions,
     children: /* @__PURE__ */ e("div", {
       className: s.tableHeaderActionsWrapper,
-      children: /* @__PURE__ */ e(B, {
-        "aria-label": c(G.selectAll),
+      children: /* @__PURE__ */ e(P, {
+        "aria-label": f(L.selectAll),
         className: s.selectAllCheckbox,
-        isDisabled: l
+        isDisabled: l || c
       })
     }),
     isRowHeader: !1,
     hideHeader: !1,
     allowsSorting: !1
   });
-  const S = /* @__PURE__ */ e(O, {
+  const D = /* @__PURE__ */ e(U, {
     columns: a,
-    children: (t) => /* @__PURE__ */ e(P, {
+    children: (t) => /* @__PURE__ */ e(j, {
       ...t
     })
-  }), h = {
+  }), u = {
     columnCount: a.length,
     columns: o,
-    formatMessage: c,
+    formatMessage: f,
     iconColumnVariant: n,
     isLoading: l,
     isSelectAllEnabled: m,
-    itemActionMenuProps: R,
+    areSelectionCheckboxesDisabled: c,
+    itemActionMenuProps: w,
     items: d,
-    onInlineEditChange: g,
-    tableHeader: S,
-    tableProps: W,
+    onInlineEditChange: y,
+    tableHeader: D,
+    tableProps: C,
     zoomLevel: r
   };
   return x ? /* @__PURE__ */ e("div", {
-    ref: f,
+    ref: p,
     className: s.infiniteScrollTableContainerFullHeight,
     children: /* @__PURE__ */ e("div", {
       style: {
         position: "relative",
         width: "100%",
-        height: A() + L
+        height: N() + V
       },
-      children: /* @__PURE__ */ e(I, {
-        ...h,
+      children: /* @__PURE__ */ e(R, {
+        ...u,
         style: {
           position: "absolute",
           top: 0,
           left: 0,
           width: "100%",
-          transform: `translateY(${((u = p[0]) == null ? void 0 : u.start) || 0}px)`,
+          transform: `translateY(${((H = h[0]) == null ? void 0 : H.start) || 0}px)`,
           tableLayout: "fixed"
         },
-        virtualItems: p
+        virtualItems: h
       })
     })
-  }) : /* @__PURE__ */ e(I, {
-    ...h
+  }) : /* @__PURE__ */ e(R, {
+    ...u
   });
 };
 export {
-  te as MetadataTable
+  ae as MetadataTable
 };

package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js

@@ -1,19 +1,19 @@
-import { TableBody as T, Row as b, Cell as I, ActionCell as S, Text as N } from "@box/blueprint-web";
+import { TableBody as T, Row as g, Cell as m, ActionCell as x, Text as u } from "@box/blueprint-web";
 import { ItemTypeIcon as y } from "@box/item-icon";
-import g from "clsx";
+import R from "clsx";
 import $ from "lodash/get";
 import c from "react";
 import { I as f } from "../../../../../chunks/types.js";
-import { THUMBNAIL_LIST_VIEW_HEIGHTS as x } from "../../constants.js";
-import { s as h, T as R } from "../../../../../chunks/index.js";
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { InlineEditingCell as w } from "./inline-editing-cell/inline-editing-cell.js";
-import { ItemActionMenu as B } from "../../item-action-menu/item-action-menu.js";
-import { GhostTableRow as _ } from "./ghost-table-row/ghost-table-row.js";
+import { THUMBNAIL_LIST_VIEW_HEIGHTS as S } from "../../constants.js";
+import { s as h, T as w } from "../../../../../chunks/index.js";
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { InlineEditingCell as B } from "./inline-editing-cell/inline-editing-cell.js";
+import { ItemActionMenu as _ } from "../../item-action-menu/item-action-menu.js";
+import { GhostTableRow as k } from "./ghost-table-row/ghost-table-row.js";
 const E = (t, e, l) => {
   const n = l ? e.split(".")[1] : e;
   return $(t, n);
-}, k = /* @__PURE__ */ c.memo(({
+}, M = /* @__PURE__ */ c.memo(({
   item: t,
   column: e,
   iconColumnVariant: l
@@ -22,22 +22,22 @@ const E = (t, e, l) => {
     id: n,
     isItemMetadata: s,
     subtitle: i,
-    textValue: m
-  } = e, a = `${m}-${t.id}`;
-  return /* @__PURE__ */ r(I, {
-    children: /* @__PURE__ */ u("div", {
+    textValue: I
+  } = e, a = `${I}-${t.id}`;
+  return /* @__PURE__ */ r(m, {
+    children: /* @__PURE__ */ C("div", {
       className: h.tableNameCell,
       children: [/* @__PURE__ */ r(y, {
         className: h.tableNameCellIconInline,
         item: t
-      }), /* @__PURE__ */ u("div", {
-        className: g({
+      }), /* @__PURE__ */ C("div", {
+        className: R({
           [h.tableNameCellSubtitle]: l === f.INLINE_SUBTITLE
         }),
-        children: [/* @__PURE__ */ r(N, {
+        children: [/* @__PURE__ */ r(u, {
           as: "span",
           children: E(t, n, s)
-        }), l === f.INLINE_SUBTITLE && /* @__PURE__ */ r(N, {
+        }), l === f.INLINE_SUBTITLE && /* @__PURE__ */ r(u, {
           as: "span",
           color: "textOnLightSecondary",
           children: i
@@ -45,24 +45,24 @@ const E = (t, e, l) => {
       })]
     })
   }, a);
-}), M = /* @__PURE__ */ c.memo(({
+}), U = /* @__PURE__ */ c.memo(({
   item: t,
   column: e
 }) => {
   var n;
   const l = `${e.textValue}-${t.id}`;
-  return /* @__PURE__ */ r(I, {
+  return /* @__PURE__ */ r(m, {
     children: (n = e.cellRenderer) == null ? void 0 : n.call(e, t, e)
   }, l);
-}), U = /* @__PURE__ */ c.memo(({
+}), W = /* @__PURE__ */ c.memo(({
   item: t,
   column: e
 }) => {
   const l = `${e.textValue}-${t.id}`, n = $(t, e.id);
-  return n ? /* @__PURE__ */ r(I, {
+  return n ? /* @__PURE__ */ r(m, {
     children: n.join(" ")
-  }, l) : /* @__PURE__ */ r(I, {}, l);
-}), W = /* @__PURE__ */ c.memo(({
+  }, l) : /* @__PURE__ */ r(m, {}, l);
+}), j = /* @__PURE__ */ c.memo(({
   item: t,
   column: e
 }) => {
@@ -71,13 +71,13 @@ const E = (t, e, l) => {
     isItemMetadata: n,
     textValue: s
   } = e, i = `${s}-${t.id}`;
-  return /* @__PURE__ */ r(I, {
-    children: /* @__PURE__ */ r(N, {
+  return /* @__PURE__ */ r(m, {
+    children: /* @__PURE__ */ r(u, {
       as: "span",
       children: E(t, l, n)
     })
   }, i);
-}), j = /* @__PURE__ */ c.memo(({
+}), D = /* @__PURE__ */ c.memo(({
   item: t,
   column: e,
   iconColumnVariant: l,
@@ -86,73 +86,77 @@ const E = (t, e, l) => {
   const {
     cellRenderer: s,
     id: i,
-    isInlineEditingEnabled: m,
+    isInlineEditingEnabled: I,
     type: a
   } = e;
-  return i === "item.name" && (l === f.INLINE || l === f.INLINE_SUBTITLE) ? /* @__PURE__ */ r(k, {
+  return i === "item.name" && (l === f.INLINE || l === f.INLINE_SUBTITLE) ? /* @__PURE__ */ r(M, {
     column: e,
     iconColumnVariant: l,
     item: t
-  }) : s ? /* @__PURE__ */ r(M, {
+  }) : s ? /* @__PURE__ */ r(U, {
     column: e,
     item: t
-  }) : m && (a === "multiSelect" || a === "enum") ? /* @__PURE__ */ r(w, {
+  }) : I && (a === "multiSelect" || a === "enum") ? /* @__PURE__ */ r(B, {
     column: e,
     item: t,
     onInlineEditChange: n
-  }, `${e.id}-${t.id}`) : a === "multiSelect" ? /* @__PURE__ */ r(U, {
+  }, `${e.id}-${t.id}`) : a === "multiSelect" ? /* @__PURE__ */ r(W, {
     column: e,
     item: t
-  }) : /* @__PURE__ */ r(W, {
+  }) : /* @__PURE__ */ r(j, {
     column: e,
     item: t
   });
-}), D = /* @__PURE__ */ c.memo(({
+}), G = /* @__PURE__ */ c.memo(({
   item: t,
   zoomLevel: e
-}) => /* @__PURE__ */ r(I, {
+}) => /* @__PURE__ */ r(m, {
   style: {
-    height: x[e]
+    height: S[e]
   },
   children: /* @__PURE__ */ r(y, {
     className: h.iconCell,
     item: t
   })
-}, `item-type-icon-${t.id}`)), G = /* @__PURE__ */ c.memo(({
+}, `item-type-icon-${t.id}`)), H = /* @__PURE__ */ c.memo(({
   item: t,
-  itemActionMenuProps: e
-}) => /* @__PURE__ */ r(S, {
-  children: (l) => e ? /* @__PURE__ */ r(B, {
+  itemActionMenuProps: e,
+  isCheckboxDisabled: l
+}) => /* @__PURE__ */ r(x, {
+  isCheckboxDisabled: l,
+  children: (n) => e ? /* @__PURE__ */ r(_, {
     ...e,
     item: t,
-    onOpenChange: l
+    onOpenChange: n
   }) : null
-})), Z = ({
+})), z = ({
   columns: t,
   iconColumnVariant: e,
   isSelectAllEnabled: l,
   items: n,
   itemActionMenuProps: s,
-  virtualItems: i,
-  columnCount: m,
-  zoomLevel: a,
-  onInlineEditChange: C
+  areSelectionCheckboxesDisabled: i,
+  virtualItems: I,
+  columnCount: a,
+  zoomLevel: N,
+  onInlineEditChange: L
 }) => {
-  const L = e === f.COLUMN;
-  if (i) {
-    const o = (d) => /* @__PURE__ */ r(_, {
-      columnLength: m || 0,
+  const b = e === f.COLUMN;
+  if (I) {
+    const o = (d) => /* @__PURE__ */ r(k, {
+      columnLength: a || 0,
       rowKey: `ghost-${d}`
-    }), p = (d) => /* @__PURE__ */ r(R, {
+    }), p = (d) => /* @__PURE__ */ r(w, {
+      areSelectionCheckboxesDisabled: i,
       columns: t,
       iconColumnVariant: e,
       isSelectAllEnabled: l,
       item: d,
       itemActionMenuProps: s,
-      zoomLevel: a
+      zoomLevel: N
     });
     return /* @__PURE__ */ r(T, {
-      items: i,
+      items: I,
       children: ({
         index: d
       }) => d >= n.length ? o(d) : p(n[d])
@@ -163,18 +167,19 @@ const E = (t, e, l) => {
       key: o.id,
       ...o
     })),
-    children: (o) => /* @__PURE__ */ u(b, {
+    children: (o) => /* @__PURE__ */ C(g, {
       className: h.tableRow,
       id: o.id,
-      children: [L && /* @__PURE__ */ r(D, {
+      children: [b && /* @__PURE__ */ r(G, {
         item: o,
-        zoomLevel: a
-      }), t.map((p) => /* @__PURE__ */ r(j, {
+        zoomLevel: N
+      }), t.map((p) => /* @__PURE__ */ r(D, {
         column: p,
         iconColumnVariant: e,
         item: o,
-        onInlineEditChange: C
-      }, `${p.textValue}-${o.id}`)), l && /* @__PURE__ */ r(G, {
+        onInlineEditChange: L
+      }, `${p.textValue}-${o.id}`)), l && /* @__PURE__ */ r(H, {
+        isCheckboxDisabled: i,
         item: o,
         itemActionMenuProps: s
       })]
@@ -182,5 +187,5 @@ const E = (t, e, l) => {
   });
 };
 export {
-  Z as default
+  z as default
 };

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

@@ -1,50 +1,52 @@
-import { Table as T } from "@box/blueprint-web";
-import { I as x } from "../../../../chunks/types.js";
-import { GhostTableBody as B } from "./table-body/ghost-table-body.js";
-import d from "./table-body/table-body-with-data.js";
-import j from "./messages.js";
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-const O = ({
+import { Table as x } from "@box/blueprint-web";
+import { I as B } from "../../../../chunks/types.js";
+import { GhostTableBody as d } from "./table-body/ghost-table-body.js";
+import j from "./table-body/table-body-with-data.js";
+import y from "./messages.js";
+import { jsxs as G, jsx as i } from "react/jsx-runtime";
+const R = ({
   tableHeader: s,
   columns: t,
   iconColumnVariant: e,
   isSelectAllEnabled: r,
-  itemActionMenuProps: c,
-  items: f,
+  areSelectionCheckboxesDisabled: c,
+  itemActionMenuProps: f,
+  items: h,
   isLoading: m,
-  formatMessage: h,
-  tableProps: C,
+  formatMessage: C,
+  tableProps: g,
   virtualItems: o,
-  style: g,
-  columnCount: p,
-  zoomLevel: u,
-  onInlineEditChange: a
+  style: p,
+  columnCount: u,
+  zoomLevel: a,
+  onInlineEditChange: b
 }) => {
-  const l = p || (() => {
+  const l = u || (() => {
     let n = t.length;
-    return e === x.COLUMN && (n += 1), r && (n += 1), n;
-  })(), b = m && !(o != null && o.length);
-  return /* @__PURE__ */ y(T, {
-    "aria-label": h(j.listView),
+    return e === B.COLUMN && (n += 1), r && (n += 1), n;
+  })(), T = m && !(o != null && o.length);
+  return /* @__PURE__ */ G(x, {
+    "aria-label": C(y.listView),
     selectionBehavior: "toggle",
-    style: g,
-    ...C,
-    children: [s, b ? /* @__PURE__ */ i(B, {
+    style: p,
+    ...g,
+    children: [s, T ? /* @__PURE__ */ i(d, {
       columnLength: l
-    }) : /* @__PURE__ */ i(d, {
+    }) : /* @__PURE__ */ i(j, {
+      areSelectionCheckboxesDisabled: c,
       columnCount: l,
       columns: t,
       iconColumnVariant: e,
       isLoading: m,
       isSelectAllEnabled: r,
-      itemActionMenuProps: c,
-      items: f,
-      onInlineEditChange: a,
+      itemActionMenuProps: f,
+      items: h,
+      onInlineEditChange: b,
       virtualItems: o,
-      zoomLevel: u
+      zoomLevel: a
     })]
   });
 };
 export {
-  O as TableRenderer
+  R as TableRenderer
 };

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

@@ -1,5 +1,5 @@
-import { I as j, V as t } from "../../chunks/types.js";
-import { ActionBar as k } from "./components/action-bar/action-bar.js";
+import { I as A, V as t } from "../../chunks/types.js";
+import { ActionBar as Z } 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 x } from "./components/metadata-grid/metadata-grid.js";
-import { MetadataTable as A } from "./components/metadata-table/metadata-table.js";
+import { MetadataGrid as k } from "./components/metadata-grid/metadata-grid.js";
+import { MetadataTable as x } 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,98 +17,101 @@ 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 Z } 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 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 v, 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_1o9go_5", Q = "_contentContainer_1o9go_15", w = {
-  container: O,
-  contentContainer: Q
+import { SwitchCase as F, Case as s } from "./components/switch-case/switch-case.js";
+import { TooltipProvider as U } from "@box/blueprint-web";
+import { useState as l, useRef as q, useCallback as H } from "react";
+import { jsx as o, jsxs as w, Fragment as J } from "react/jsx-runtime";
+import { ErrorState as K } from "./components/error-state/error-state.js";
+import O from "./components/empty-state/empty-state.js";
+import '../../styles/metadata-view.css';const Q = "_container_1o9go_5", W = "_contentContainer_1o9go_15", T = {
+  container: Q,
+  contentContainer: W
 };
-function Vo({
+function Lo({
   actionBarProps: m,
   columns: d,
-  tableProps: e,
-  hasError: T,
-  onRefresh: V,
-  initialViewMode: L = t.LIST,
+  tableProps: n,
+  hasError: V,
+  onRefresh: L,
+  initialViewMode: _ = t.LIST,
   paginationProps: C,
   isLoading: f,
   isSelectionEnabled: c,
+  areSelectionCheckboxesDisabled: h,
   ...a
 }) {
-  const [i, h] = l(L), [u, M] = l(void 0), [p, D] = l(0), S = U(null), _ = () => {
-    i === t.LIST ? h(t.GRID) : h(t.LIST);
-  }, y = !f && a.items.length === 0, R = m && m.sortDropdownProps && d.filter((n) => n.type !== "multiSelect" && n.type !== "enum"), {
-    iconColumnVariant: g
-  } = e || {}, E = g && g === j.COLUMN, r = e == null ? void 0 : e.onSortChange, G = q(({
-    column: n,
-    direction: I
+  const [r, u] = l(_), [M, S] = l(void 0), [p, y] = l(0), g = q(null), D = () => {
+    r === t.LIST ? u(t.GRID) : u(t.LIST);
+  }, R = !f && a.items.length === 0, E = m && m.sortDropdownProps && d.filter((e) => e.type !== "multiSelect" && e.type !== "enum"), {
+    iconColumnVariant: I
+  } = n || {}, G = I && I === A.COLUMN, i = n == null ? void 0 : n.onSortChange, N = H(({
+    column: e,
+    direction: v
   }) => {
-    M({
-      column: n,
-      direction: I
-    }), r == null || r({
-      column: n,
-      direction: I
+    S({
+      column: e,
+      direction: v
+    }), i == null || i({
+      column: e,
+      direction: v
     });
-  }, [r]), N = {
-    ...e,
-    sortDescriptor: u,
-    onSortChange: G
+  }, [i]), j = {
+    ...n,
+    sortDescriptor: M,
+    onSortChange: N
   };
-  return /* @__PURE__ */ o(F, {
+  return /* @__PURE__ */ o(U, {
     children: /* @__PURE__ */ o("div", {
-      ref: S,
-      className: w.container,
-      children: T ? /* @__PURE__ */ o(J, {
-        onRefresh: V
-      }) : /* @__PURE__ */ v(H, {
-        children: [/* @__PURE__ */ o(k, {
+      ref: g,
+      className: T.container,
+      children: V ? /* @__PURE__ */ o(K, {
+        onRefresh: L
+      }) : /* @__PURE__ */ w(J, {
+        children: [/* @__PURE__ */ o(Z, {
           ...m,
-          containerRef: S,
-          isIconColumnEnabled: E,
-          onSortDescriptorChange: M,
-          onViewModeClick: _,
-          onZoomLevelChange: D,
-          sortableColumns: R,
-          sortDescriptor: u,
-          viewMode: i,
+          containerRef: g,
+          isIconColumnEnabled: G,
+          onSortDescriptorChange: S,
+          onViewModeClick: D,
+          onZoomLevelChange: y,
+          sortableColumns: E,
+          sortDescriptor: M,
+          viewMode: r,
           zoomLevel: p
         }), /* @__PURE__ */ o("div", {
-          className: w.contentContainer,
-          children: /* @__PURE__ */ v(z, {
+          className: T.contentContainer,
+          children: /* @__PURE__ */ w(F, {
             children: [/* @__PURE__ */ o(s, {
-              condition: y,
-              children: /* @__PURE__ */ o(K, {})
+              condition: R,
+              children: /* @__PURE__ */ o(O, {})
             }), /* @__PURE__ */ o(s, {
-              condition: i === t.LIST,
-              children: /* @__PURE__ */ o(A, {
+              condition: r === t.LIST,
+              children: /* @__PURE__ */ o(x, {
+                areSelectionCheckboxesDisabled: h,
                 columns: d,
                 isLoading: f,
                 isSelectAllEnabled: c,
                 selectionMode: c ? "multiple" : "none",
                 zoomLevel: p,
                 ...a,
-                ...N
+                ...j
               })
             }), /* @__PURE__ */ o(s, {
-              condition: i === t.GRID,
-              children: /* @__PURE__ */ o(x, {
+              condition: r === t.GRID,
+              children: /* @__PURE__ */ o(k, {
+                areSelectionCheckboxesDisabled: h,
                 selectionMode: c ? "multiple" : "none",
                 zoomLevel: p,
                 ...a
               })
             })]
           })
-        }), C && /* @__PURE__ */ o(Z, {
+        }), C && /* @__PURE__ */ o(z, {
           ...C
         })]
       })
@@ -116,6 +119,6 @@ function Vo({
   });
 }
 export {
-  Vo as MetadataView,
-  Vo as default
+  Lo as MetadataView,
+  Lo as default
 };

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

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

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

@@ -5,10 +5,11 @@ export interface MetadataTableProps extends TableProps, MetadataProps, Pick<Inli
     columns: Column[];
     iconColumnVariant?: IconColumnVariant;
     isSelectAllEnabled?: boolean;
+    areSelectionCheckboxesDisabled?: boolean;
     isInfiniteScrollEnabled?: boolean;
     hasNextPage?: boolean;
     onGetNextPage?: () => void;
     placeholderRowsCount?: number;
     zoomLevel?: number;
 }
-export declare const MetadataTable: ({ columns, isLoading, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, isInfiniteScrollEnabled, hasNextPage, onInlineEditChange, onGetNextPage, placeholderRowsCount, zoomLevel, ...tableProps }: MetadataTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataTable: ({ columns, isLoading, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, isInfiniteScrollEnabled, areSelectionCheckboxesDisabled, hasNextPage, onInlineEditChange, onGetNextPage, placeholderRowsCount, zoomLevel, ...tableProps }: MetadataTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/metadata-table/table-body/table-body-with-data.d.ts

@@ -14,5 +14,5 @@ type CellProps = {
     iconColumnVariant: IconColumnVariant;
 };
 export type DataCellProps = CellProps & Pick<InlineEditingCellProps, 'onInlineEditChange'>;
-declare const TableBodyWithData: ({ columns, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, virtualItems, columnCount, zoomLevel, onInlineEditChange, }: TableBodyWithDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableBodyWithData: ({ columns, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, areSelectionCheckboxesDisabled, virtualItems, columnCount, zoomLevel, onInlineEditChange, }: TableBodyWithDataProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBodyWithData;

package/dist/types/lib/components/metadata-table/table-body/table-row/table-row.d.ts

@@ -6,6 +6,7 @@ export interface TableRowProps {
     iconColumnVariant: MetadataTableProps['iconColumnVariant'];
     isSelectAllEnabled: MetadataTableProps['isSelectAllEnabled'];
     itemActionMenuProps: MetadataTableProps['itemActionMenuProps'];
+    areSelectionCheckboxesDisabled?: MetadataTableProps['areSelectionCheckboxesDisabled'];
     zoomLevel?: number;
 }
-export declare const TableRow: ({ item, columns, iconColumnVariant, isSelectAllEnabled, itemActionMenuProps, zoomLevel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: ({ item, columns, iconColumnVariant, isSelectAllEnabled, itemActionMenuProps, areSelectionCheckboxesDisabled, zoomLevel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/metadata-table/table-renderer.d.ts

@@ -8,6 +8,7 @@ export interface TableRendererProps extends Pick<InlineEditingCellProps, 'onInli
     columns: Column[];
     iconColumnVariant?: IconColumnVariant;
     isSelectAllEnabled?: boolean;
+    areSelectionCheckboxesDisabled?: boolean;
     itemActionMenuProps?: MetadataProps['itemActionMenuProps'];
     items: MetadataProps['items'];
     isLoading?: boolean;
@@ -18,4 +19,4 @@ export interface TableRendererProps extends Pick<InlineEditingCellProps, 'onInli
     columnCount?: number;
     zoomLevel?: number;
 }
-export declare const TableRenderer: ({ tableHeader, columns, iconColumnVariant, isSelectAllEnabled, itemActionMenuProps, items, isLoading, formatMessage, tableProps, virtualItems, style, columnCount: passedColumnCount, zoomLevel, onInlineEditChange, }: TableRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRenderer: ({ tableHeader, columns, iconColumnVariant, isSelectAllEnabled, areSelectionCheckboxesDisabled, itemActionMenuProps, items, isLoading, formatMessage, tableProps, virtualItems, style, columnCount: passedColumnCount, zoomLevel, onInlineEditChange, }: TableRendererProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -10,8 +10,9 @@ export interface MetadataViewProps extends MetadataProps {
     onSelectionChange?: (keys: Selection) => void;
     selectedKeys?: 'all' | Iterable<string | number>;
     isSelectionEnabled?: boolean;
+    areSelectionCheckboxesDisabled?: boolean;
     tableProps?: Omit<MetadataTableProps, 'columns' | 'isSelectAllEnabled' | 'items' | 'itemActionMenuProps' | 'onSelectionChange' | 'selectedKeys'>;
     paginationProps?: PaginationProps;
 }
-export declare function MetadataView({ actionBarProps, columns, tableProps, hasError, onRefresh, initialViewMode, paginationProps, isLoading, isSelectionEnabled, ...rest }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataView({ actionBarProps, columns, tableProps, hasError, onRefresh, initialViewMode, paginationProps, isLoading, isSelectionEnabled, areSelectionCheckboxesDisabled, ...rest }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
 export default MetadataView;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.58.1",
+    "version": "0.59.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",
@@ -18,12 +18,12 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.78.7",
+        "@box/blueprint-web": "^12.80.0",
         "@box/blueprint-web-assets": "^4.71.0",
-        "@box/box-item-type-selector": "^0.76.1",
+        "@box/box-item-type-selector": "^0.76.3",
         "@box/eslint-plugin-blueprint": "1.0.5",
-        "@box/item-icon": "^0.30.1",
-        "@box/metadata-filter": "^1.34.1",
+        "@box/item-icon": "^0.30.3",
+        "@box/metadata-filter": "^1.35.1",
         "@box/storybook-utils": "0.14.7",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",