@box/metadata-view 1.9.1 → 1.10.0

package/dist/chunks/index.js

@@ -22,15 +22,15 @@ import '../styles/index.css';const k = "_tableHeaderActionsWrapper_1a999_1", U =
   areSelectionCheckboxesDisabled: h,
   columns: T,
   iconColumnVariant: a,
-  isSelectAllEnabled: p,
   item: l,
   itemActionMenuProps: _,
-  onTableRowClick: u,
+  onTableRowClick: p,
+  shouldRenderActionColumn: u,
   zoomLevel: x = 0
 }) => /* @__PURE__ */ b(E, {
   className: t.tableRow,
   id: l.id,
-  onAction: () => u(l),
+  onAction: () => p(l),
   children: [a === o.COLUMN ? /* @__PURE__ */ e(n, {
     style: {
       height: g[x]
@@ -88,7 +88,7 @@ import '../styles/index.css';const k = "_tableHeaderActionsWrapper_1a999_1", U =
         children: m
       })
     }, i);
-  }), p && /* @__PURE__ */ e(y, {
+  }), u && /* @__PURE__ */ e(y, {
     isCheckboxDisabled: h,
     children: (c) => _ ? /* @__PURE__ */ e(w, {
       ..._,

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

@@ -0,0 +1,6 @@
+function e(n) {
+  return (n == null ? void 0 : n.selectionMode) && n.selectionMode !== "none";
+}
+export {
+  e as getShouldRenderActionColumn
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+interface TableProps {
+    selectionMode?: string;
+}
+export declare function getShouldRenderActionColumn(tableProps: TableProps): boolean;
+export {};

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

@@ -6,6 +6,7 @@ import { MetadataTableProps } from '../metadata-table';
 import { InlineEditingCellProps } from './inline-editing-cell';
 interface TableBodyWithDataProps extends Omit<MetadataTableProps, keyof TableProps>, Pick<InlineEditingCellProps, 'onInlineEditChange'> {
     columnCount?: number;
+    shouldRenderActionColumn?: boolean;
     virtualItems?: VirtualItem[];
 }
 type CellProps = {
@@ -14,5 +15,5 @@ type CellProps = {
     iconColumnVariant: IconColumnVariant;
 };
 export type DataCellProps = CellProps & Pick<InlineEditingCellProps, 'onInlineEditChange'>;
-declare const TableBodyWithData: ({ areSelectionCheckboxesDisabled, columnCount, columns, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, onInlineEditChange, onTableRowClick, virtualItems, zoomLevel, }: TableBodyWithDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableBodyWithData: ({ areSelectionCheckboxesDisabled, columnCount, columns, iconColumnVariant, items, itemActionMenuProps, onInlineEditChange, onTableRowClick, shouldRenderActionColumn, virtualItems, zoomLevel, }: 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

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

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

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

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

@@ -9,10 +9,11 @@ export interface MetadataViewProps extends MetadataProps {
     onRefresh?: () => void;
     onSelectionChange?: (keys: Selection) => void;
     selectedKeys?: 'all' | Iterable<string | number>;
+    isSelectAllEnabled?: boolean;
     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, areSelectionCheckboxesDisabled, ...rest }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataView({ actionBarProps, columns, tableProps, hasError, onRefresh, initialViewMode, paginationProps, isLoading, isSelectAllEnabled, 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": "1.9.1",
+    "version": "1.10.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.92.1",
+        "@box/blueprint-web": "^12.92.3",
         "@box/blueprint-web-assets": "^4.76.2",
-        "@box/box-item-type-selector": "^1.4.1",
+        "@box/box-item-type-selector": "^1.4.3",
         "@box/eslint-plugin-blueprint": "1.0.5",
-        "@box/item-icon": "^1.5.1",
-        "@box/metadata-filter": "^1.41.1",
+        "@box/item-icon": "^1.6.1",
+        "@box/metadata-filter": "^1.41.3",
         "@box/storybook-utils": "0.14.13",
         "@box/types": "1.0.0",
         "@tanstack/react-virtual": "^3.10.8",