@box/metadata-view 1.25.2 → 1.26.0

package/dist/chunks/index.js

@@ -1,102 +1,105 @@
-import { Row as S, Cell as s, Text as i, ActionCell as q } from "@box/blueprint-web";
-import f from "lodash/get";
-import { ItemTypeIcon as I } from "@box/item-icon";
-import E from "clsx";
+import { Row as y, Cell as s, Text as d, ActionCell as U } from "@box/blueprint-web";
+import h from "lodash/get";
+import { ItemTypeIcon as p } from "@box/item-icon";
+import C from "clsx";
 import { I as n } from "./types.js";
-import { THUMBNAIL_LIST_VIEW_HEIGHTS as H } 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_gffqj_1", w = "_tableHeaderActions_gffqj_1", k = "_tableRow_gffqj_33", U = "_selectAllCheckbox_gffqj_42", B = "_tableNameCell_gffqj_47", W = "_tableNameCellTitle_gffqj_53", M = "_hasSubtitle_gffqj_57", $ = "_tableNameCellText_gffqj_62", v = "_tableNameCellIconInline_gffqj_67", O = "_iconCell_gffqj_71", t = {
-  tableHeaderActionsWrapper: R,
-  tableHeaderActions: w,
-  tableRow: k,
-  selectAllCheckbox: U,
-  tableNameCell: B,
-  tableNameCellTitle: W,
-  hasSubtitle: M,
-  tableNameCellText: $,
-  tableNameCellIconInline: v,
-  iconCell: O
-}, Y = ({
-  areSelectionCheckboxesDisabled: C,
-  columns: h,
+import { THUMBNAIL_LIST_VIEW_HEIGHTS as k } from "../esm/lib/components/constants.js";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
+import { ItemActionMenu as B } from "../esm/lib/components/item-action-menu/item-action-menu.js";
+import '../styles/index.css';const W = "_tableHeaderActionsWrapper_1sntd_1", g = "_tableHeaderActions_1sntd_1", j = "_tableRow_1sntd_33", M = "_isClickable_1sntd_41", $ = "_selectAllCheckbox_1sntd_45", v = "_tableNameCell_1sntd_50", O = "_tableNameCellTitle_1sntd_56", R = "_hasSubtitle_1sntd_60", w = "_tableNameCellText_1sntd_65", D = "_tableNameCellIconInline_1sntd_70", G = "_iconCell_1sntd_74", t = {
+  tableHeaderActionsWrapper: W,
+  tableHeaderActions: g,
+  tableRow: j,
+  isClickable: M,
+  selectAllCheckbox: $,
+  tableNameCell: v,
+  tableNameCellTitle: O,
+  hasSubtitle: R,
+  tableNameCellText: w,
+  tableNameCellIconInline: D,
+  iconCell: G
+}, Z = ({
+  areSelectionCheckboxesDisabled: T,
+  columns: x,
   iconColumnVariant: a,
   item: l,
-  itemActionMenuProps: _,
-  onTableRowClick: p,
-  shouldRenderActionColumn: T,
-  zoomLevel: x = 0
-}) => /* @__PURE__ */ b(S, {
-  className: t.tableRow,
+  itemActionMenuProps: b,
+  onTableRowClick: c,
+  shouldRenderActionColumn: u,
+  zoomLevel: f = 0
+}) => /* @__PURE__ */ _(y, {
+  className: C(t.tableRow, {
+    [t.isClickable]: c
+  }),
   id: l.id,
-  onAction: () => p(l),
+  onAction: () => c == null ? void 0 : c(l),
   children: [a === n.COLUMN ? /* @__PURE__ */ e(s, {
     style: {
-      height: H[x]
+      height: k[f]
     },
-    children: /* @__PURE__ */ e(I, {
+    children: /* @__PURE__ */ e(p, {
       className: t.iconCell,
       item: l
     })
-  }, `item-type-icon-${l.id}`) : null, h.map((c) => {
+  }, `item-type-icon-${l.id}`) : null, x.map((o) => {
     const {
-      cellRenderer: d,
-      id: o,
-      isItemMetadata: u,
-      subtitle: g,
-      textValue: j,
-      type: A
-    } = c, r = `${j}-${l.id}`;
-    if (d)
+      cellRenderer: m,
+      id: r,
+      isItemMetadata: A,
+      subtitle: L,
+      textValue: S,
+      type: E
+    } = o, i = `${S}-${l.id}`;
+    if (m)
       return /* @__PURE__ */ e(s, {
-        children: d(l, c)
-      }, r);
-    const L = u ? o.split(".")[1] : o, m = f(l, L);
-    if (o === "name" && (a === n.INLINE || a === n.INLINE_SUBTITLE))
+        children: m(l, o)
+      }, i);
+    const H = A ? r.split(".")[1] : r, N = h(l, H);
+    if (r === "name" && (a === n.INLINE || a === n.INLINE_SUBTITLE))
       return /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ b("div", {
+        children: /* @__PURE__ */ _("div", {
           className: t.tableNameCell,
-          children: [/* @__PURE__ */ e(I, {
+          children: [/* @__PURE__ */ e(p, {
             item: l
-          }), /* @__PURE__ */ b("div", {
-            className: E(t.tableNameCellTitle, {
+          }), /* @__PURE__ */ _("div", {
+            className: C(t.tableNameCellTitle, {
               [t.hasSubtitle]: a === n.INLINE_SUBTITLE
             }),
-            children: [/* @__PURE__ */ e(i, {
+            children: [/* @__PURE__ */ e(d, {
               as: "span",
               className: t.tableNameCellText,
-              children: m
-            }), a === n.INLINE_SUBTITLE ? /* @__PURE__ */ e(i, {
+              children: N
+            }), a === n.INLINE_SUBTITLE ? /* @__PURE__ */ e(d, {
               as: "span",
               className: t.tableNameCellText,
               color: "textOnLightSecondary",
-              children: g
+              children: L
             }) : null]
           })]
         })
-      }, r);
-    if (A === "multiSelect") {
-      const N = f(l, o);
+      }, i);
+    if (E === "multiSelect") {
+      const I = h(l, r);
       return /* @__PURE__ */ e(s, {
-        children: N ? N.join(" ") : ""
-      }, r);
+        children: I ? I.join(" ") : ""
+      }, i);
     }
     return /* @__PURE__ */ e(s, {
-      children: /* @__PURE__ */ e(i, {
+      children: /* @__PURE__ */ e(d, {
         as: "span",
-        children: m
+        children: N
       })
-    }, r);
-  }), T && /* @__PURE__ */ e(q, {
-    isCheckboxDisabled: C,
-    children: (c) => _ ? /* @__PURE__ */ e(y, {
-      ..._,
+    }, i);
+  }), u && /* @__PURE__ */ e(U, {
+    isCheckboxDisabled: T,
+    children: (o) => b ? /* @__PURE__ */ e(B, {
+      ...b,
       item: l,
-      onOpenChange: c
+      onOpenChange: o
     }) : null
   })]
 }, l.id);
 export {
-  Y as T,
+  Z as T,
   t as s
 };

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

@@ -1,17 +1,16 @@
 import { useRef as v } from "react";
 import { useIntl as B } from "react-intl";
 import { Text as O, ListCheckbox as Z, DataTableWrapper as _, TableHeader as q, Column as E } from "@box/blueprint-web";
-import F from "lodash/noop";
-import { useInfiniteScrollTableItems as G } from "./hooks/useInfiniteScrollTableItems.js";
+import { useInfiniteScrollTableItems as F } from "./hooks/useInfiniteScrollTableItems.js";
 import { TableRenderer as R } from "./table-renderer.js";
-import { I as J } from "../../../../chunks/types.js";
-import { THUMBNAIL_WIDTHS as K } from "../constants.js";
+import { I as G } from "../../../../chunks/types.js";
+import { THUMBNAIL_WIDTHS as J } from "../constants.js";
 import { s as i } from "../../../../chunks/index.js";
-import { getShouldRenderActionColumn as Q } from "./actionColumn.js";
-import X from "./messages.js";
-import { jsx as t, jsxs as Y } from "react/jsx-runtime";
+import { getShouldRenderActionColumn as K } from "./actionColumn.js";
+import Q from "./messages.js";
+import { jsx as t, jsxs as X } from "react/jsx-runtime";
 import "./table-body/inline-editing-cell/inline-editing-cell.js";
-const me = ({
+const ie = ({
   areSelectionCheckboxesDisabled: n = !1,
   columns: m,
   hasNextPage: b = !1,
@@ -25,7 +24,7 @@ const me = ({
   minActionColumnWidth: w,
   onGetNextPage: C,
   onInlineEditChange: S,
-  onTableRowClick: N = F,
+  onTableRowClick: N,
   placeholderRowsCount: g,
   zoomLevel: a,
   ...l
@@ -35,7 +34,7 @@ const me = ({
   } = B(), p = v(null), {
     virtualItemsToDisplay: y,
     totalVirtualSize: D
-  } = G({
+  } = F({
     items: c,
     hasNextPage: b,
     isLoading: s,
@@ -43,9 +42,9 @@ const me = ({
     onGetNextPage: C,
     placeholderRowsCount: g
   }), r = [], M = 0;
-  if (d === J.COLUMN) {
+  if (d === G.COLUMN) {
     a = a || M;
-    const e = parseInt(K[a], 10) + 24;
+    const e = parseInt(J[a], 10) + 24;
     r.push({
       id: "item-type-icon",
       isRowHeader: !1,
@@ -75,13 +74,13 @@ const me = ({
       allowsSorting: I !== "multiSelect" && I !== "enum"
     };
   });
-  r.push(...j), Q(l) && r.push({
+  r.push(...j), K(l) && r.push({
     id: "actions",
     className: i.tableHeaderActions,
-    children: /* @__PURE__ */ Y("div", {
+    children: /* @__PURE__ */ X("div", {
       className: i.tableHeaderActionsWrapper,
       children: [l.HeaderActions, W ? /* @__PURE__ */ t(Z, {
-        "aria-label": f(X.selectAll),
+        "aria-label": f(Q.selectAll),
         className: i.selectAllCheckbox,
         isDisabled: s || n
       }) : null]
@@ -124,5 +123,5 @@ const me = ({
   });
 };
 export {
-  me as MetadataTable
+  ie as MetadataTable
 };

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

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

package/dist/styles/index.css

@@ -1 +1 @@
-._tableHeaderActionsWrapper_gffqj_1{position:absolute;top:0;right:var(--size-4);bottom:0;display:flex;gap:var(--space-2);align-items:center;justify-content:center;padding:0 var(--space-2);background:var(--item-background);margin-block:var(--space-2)}._tableHeaderActionsWrapper_gffqj_1:before{position:absolute;left:0;z-index:0;display:block;width:0;height:50%;box-shadow:-.25rem 0 .625rem .625rem var(--item-background);content:""}._tableHeaderActions_gffqj_1{position:sticky;right:0;width:var(--size-6);padding:0}._tableRow_gffqj_33:after{height:100%!important}._tableRow_gffqj_33[aria-selected=true]:after{height:100%!important}._selectAllCheckbox_gffqj_42 svg{transform:none!important}._tableNameCell_gffqj_47{display:flex;gap:var(--space-3);align-items:center}._tableNameCellTitle_gffqj_53{overflow:hidden;text-overflow:ellipsis}._tableNameCellTitle_gffqj_53._hasSubtitle_gffqj_57{display:flex;flex-direction:column}._tableNameCellText_gffqj_62{overflow:hidden;text-overflow:ellipsis}._tableNameCellIconInline_gffqj_67{flex-shrink:0}._iconCell_gffqj_71{width:100%!important;height:100%!important}
+._tableHeaderActionsWrapper_1sntd_1{position:absolute;top:0;right:var(--size-4);bottom:0;display:flex;gap:var(--space-2);align-items:center;justify-content:center;padding:0 var(--space-2);background:var(--item-background);margin-block:var(--space-2)}._tableHeaderActionsWrapper_1sntd_1:before{position:absolute;left:0;z-index:0;display:block;width:0;height:50%;box-shadow:-.25rem 0 .625rem .625rem var(--item-background);content:""}._tableHeaderActions_1sntd_1{position:sticky;right:0;width:var(--size-6);padding:0}._tableRow_1sntd_33:after{height:100%!important}._tableRow_1sntd_33[aria-selected=true]:after{height:100%!important}._tableRow_1sntd_33._isClickable_1sntd_41{cursor:pointer}._selectAllCheckbox_1sntd_45 svg{transform:none!important}._tableNameCell_1sntd_50{display:flex;gap:var(--space-3);align-items:center}._tableNameCellTitle_1sntd_56{overflow:hidden;text-overflow:ellipsis}._tableNameCellTitle_1sntd_56._hasSubtitle_1sntd_60{display:flex;flex-direction:column}._tableNameCellText_1sntd_65{overflow:hidden;text-overflow:ellipsis}._tableNameCellIconInline_1sntd_70{flex-shrink:0}._iconCell_1sntd_74{width:100%!important;height:100%!important}

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

@@ -13,7 +13,7 @@ export interface TableRendererProps extends Pick<InlineEditingCellProps, 'onInli
     areSelectionCheckboxesDisabled?: boolean;
     itemActionMenuProps?: MetadataProps['itemActionMenuProps'];
     items: MetadataProps['items'];
-    onTableRowClick: (item: Item) => void;
+    onTableRowClick?: (item: Item) => void;
     style?: React.CSSProperties;
     tableHeader: React.ReactNode;
     tableProps: TableProps;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.25.2",
+    "version": "1.26.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",