@box/metadata-view 1.5.2 → 1.6.0

package/dist/chunks/index.js

@@ -47,7 +47,12 @@ import '../styles/index.css';const k = "_tableHeaderActionsWrapper_1a999_1", U =
       subtitle: S,
       textValue: A,
       type: H
-    } = c, i = `${A}-${l.id}`, L = f ? s.split(".")[1] : s, m = I(l, L);
+    } = c, i = `${A}-${l.id}`;
+    if (d)
+      return /* @__PURE__ */ e(n, {
+        children: d(l, c)
+      }, i);
+    const L = f ? s.split(".")[1] : s, m = I(l, L);
     if (s === "name" && (a === o.INLINE || a === o.INLINE_SUBTITLE))
       return /* @__PURE__ */ e(n, {
         children: /* @__PURE__ */ b("div", {
@@ -71,10 +76,6 @@ import '../styles/index.css';const k = "_tableHeaderActionsWrapper_1a999_1", U =
           })]
         })
       }, i);
-    if (d)
-      return /* @__PURE__ */ e(n, {
-        children: d(l, c)
-      }, i);
     if (H === "multiSelect") {
       const N = I(l, s);
       return /* @__PURE__ */ e(n, {

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

@@ -6,39 +6,39 @@ 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 l, jsxs as T } from "react/jsx-runtime";
+import { jsx as r, 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, r) => {
-  const n = r ? t.split(".")[1] : t;
+const E = (e, t, l) => {
+  const n = l ? t.split(".")[1] : t;
   return x(e, n);
-}, W = /* @__PURE__ */ I.memo(({
+}, k = /* @__PURE__ */ I.memo(({
   column: e,
   iconColumnVariant: t,
-  item: r
+  item: l
 }) => {
   const {
     id: n,
     isItemMetadata: a,
     subtitle: s,
     textValue: m
-  } = e, d = `${m}-${r.id}`;
-  return /* @__PURE__ */ l(h, {
+  } = e, d = `${m}-${l.id}`;
+  return /* @__PURE__ */ r(h, {
     children: /* @__PURE__ */ T("div", {
       className: i.tableNameCell,
-      children: [/* @__PURE__ */ l(b, {
+      children: [/* @__PURE__ */ r(b, {
         className: i.tableNameCellIconInline,
-        item: r
+        item: l
       }), /* @__PURE__ */ T("div", {
         className: R(i.tableNameCellTitle, {
           [i.hasSubtitle]: t === N.INLINE_SUBTITLE
         }),
-        children: [/* @__PURE__ */ l(u, {
+        children: [/* @__PURE__ */ r(u, {
           as: "span",
           className: i.tableNameCellText,
-          children: E(r, n, a)
-        }), t === N.INLINE_SUBTITLE && /* @__PURE__ */ l(u, {
+          children: E(l, n, a)
+        }), t === N.INLINE_SUBTITLE && /* @__PURE__ */ r(u, {
           as: "span",
           className: i.tableNameCellText,
           color: "textOnLightSecondary",
@@ -47,42 +47,42 @@ const E = (e, t, r) => {
       })]
     })
   }, d);
-}), k = /* @__PURE__ */ I.memo(({
+}), W = /* @__PURE__ */ I.memo(({
   column: e,
   item: t
 }) => {
   var n;
-  const r = `${e.textValue}-${t.id}`;
-  return /* @__PURE__ */ l(h, {
+  const l = `${e.textValue}-${t.id}`;
+  return /* @__PURE__ */ r(h, {
     children: (n = e.cellRenderer) == null ? void 0 : n.call(e, t, e)
-  }, r);
+  }, l);
 }), j = /* @__PURE__ */ I.memo(({
   column: e,
   item: t
 }) => {
-  const r = `${e.textValue}-${t.id}`, n = x(t, e.id);
-  return n ? /* @__PURE__ */ l(h, {
+  const l = `${e.textValue}-${t.id}`, n = x(t, e.id);
+  return n ? /* @__PURE__ */ r(h, {
     children: n.join(" ")
-  }, r) : /* @__PURE__ */ l(h, {}, r);
+  }, l) : /* @__PURE__ */ r(h, {}, l);
 }), D = /* @__PURE__ */ I.memo(({
   column: e,
   item: t
 }) => {
   const {
-    id: r,
+    id: l,
     isItemMetadata: n,
     textValue: a
   } = e, s = `${a}-${t.id}`;
-  return /* @__PURE__ */ l(h, {
-    children: /* @__PURE__ */ l(u, {
+  return /* @__PURE__ */ r(h, {
+    children: /* @__PURE__ */ r(u, {
       as: "span",
-      children: E(t, r, n)
+      children: E(t, l, n)
     })
   }, s);
 }), G = /* @__PURE__ */ I.memo(({
   column: e,
   iconColumnVariant: t,
-  item: r,
+  item: l,
   onInlineEditChange: n
 }) => {
   const {
@@ -90,43 +90,43 @@ const E = (e, t, r) => {
     id: s,
     isInlineEditingEnabled: m,
     type: d
-  } = e;
-  return s === "item.name" && (t === N.INLINE || t === N.INLINE_SUBTITLE) ? /* @__PURE__ */ l(W, {
+  } = e, f = s === "item.name" && (t === N.INLINE || t === N.INLINE_SUBTITLE);
+  return a ? /* @__PURE__ */ r(W, {
     column: e,
-    iconColumnVariant: t,
-    item: r
-  }) : a ? /* @__PURE__ */ l(k, {
+    item: l
+  }) : f ? /* @__PURE__ */ r(k, {
     column: e,
-    item: r
-  }) : m && (d === "multiSelect" || d === "enum") ? /* @__PURE__ */ l(_, {
+    iconColumnVariant: t,
+    item: l
+  }) : m && (d === "multiSelect" || d === "enum") ? /* @__PURE__ */ r(_, {
     column: e,
-    item: r,
+    item: l,
     onInlineEditChange: n
-  }, `${e.id}-${r.id}`) : d === "multiSelect" ? /* @__PURE__ */ l(j, {
+  }, `${e.id}-${l.id}`) : d === "multiSelect" ? /* @__PURE__ */ r(j, {
     column: e,
-    item: r
-  }) : /* @__PURE__ */ l(D, {
+    item: l
+  }) : /* @__PURE__ */ r(D, {
     column: e,
-    item: r
+    item: l
   });
 }), H = /* @__PURE__ */ I.memo(({
   item: e,
   zoomLevel: t
-}) => /* @__PURE__ */ l(h, {
+}) => /* @__PURE__ */ r(h, {
   style: {
     height: w[t]
   },
-  children: /* @__PURE__ */ l(b, {
+  children: /* @__PURE__ */ r(b, {
     className: i.iconCell,
     item: e
   })
 }, `item-type-icon-${e.id}`)), A = /* @__PURE__ */ I.memo(({
   item: e,
   itemActionMenuProps: t,
-  isCheckboxDisabled: r
-}) => /* @__PURE__ */ l(S, {
-  isCheckboxDisabled: r,
-  children: (n) => t ? /* @__PURE__ */ l(M, {
+  isCheckboxDisabled: l
+}) => /* @__PURE__ */ r(S, {
+  isCheckboxDisabled: l,
+  children: (n) => t ? /* @__PURE__ */ r(M, {
     ...t,
     item: e,
     onOpenChange: n
@@ -134,39 +134,39 @@ const E = (e, t, r) => {
 })), P = ({
   areSelectionCheckboxesDisabled: e,
   columnCount: t,
-  columns: r,
+  columns: l,
   iconColumnVariant: n,
   isSelectAllEnabled: a,
   items: s,
   itemActionMenuProps: m,
   onInlineEditChange: d,
-  onTableRowClick: p,
+  onTableRowClick: f,
   virtualItems: C,
   zoomLevel: y
 }) => {
   const L = n === N.COLUMN;
   if (C) {
-    const o = (c) => /* @__PURE__ */ l(U, {
+    const o = (c) => /* @__PURE__ */ r(U, {
       columnLength: t || 0,
       rowKey: `ghost-${c}`
-    }), f = (c) => /* @__PURE__ */ l(B, {
+    }), p = (c) => /* @__PURE__ */ r(B, {
       areSelectionCheckboxesDisabled: e,
-      columns: r,
+      columns: l,
       iconColumnVariant: n,
       isSelectAllEnabled: a,
       item: c,
       itemActionMenuProps: m,
-      onTableRowClick: p,
+      onTableRowClick: f,
       zoomLevel: y
     });
-    return /* @__PURE__ */ l($, {
+    return /* @__PURE__ */ r($, {
       items: C,
       children: ({
         index: c
-      }) => c >= s.length ? o(c) : f(s[c])
+      }) => c >= s.length ? o(c) : p(s[c])
     });
   }
-  return /* @__PURE__ */ l($, {
+  return /* @__PURE__ */ r($, {
     items: s.map((o) => ({
       key: o.id,
       ...o
@@ -174,16 +174,16 @@ const E = (e, t, r) => {
     children: (o) => /* @__PURE__ */ T(g, {
       className: i.tableRow,
       id: o.id,
-      onAction: () => p(o),
-      children: [L && /* @__PURE__ */ l(H, {
+      onAction: () => f(o),
+      children: [L && /* @__PURE__ */ r(H, {
         item: o,
         zoomLevel: y
-      }), r.map((f) => /* @__PURE__ */ l(G, {
-        column: f,
+      }), l.map((p) => /* @__PURE__ */ r(G, {
+        column: p,
         iconColumnVariant: n,
         item: o,
         onInlineEditChange: d
-      }, `${f.textValue}-${o.id}`)), a && /* @__PURE__ */ l(A, {
+      }, `${p.textValue}-${o.id}`)), a && /* @__PURE__ */ r(A, {
         isCheckboxDisabled: e,
         item: o,
         itemActionMenuProps: m

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

@@ -12,6 +12,7 @@ import { Column } from '../types';
 export declare const getMockFilterGroups: (filters: FilterOption[]) => Array<FilterGroup>;
 export declare const mockActiveFilterIds: string[];
 export declare const mockColumnData: Column[];
+export declare const mockColumnDataWithCustomRenderers: Column[];
 export declare const mockColumnDataWithInlineEditingEnabled: Column[];
 export declare const mockColumnDataWithInlineEditingEnabledAndMultiSelect: Column[];
 export declare const mockFilterOptions: FilterOption[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.5.2",
+    "version": "1.6.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",
@@ -18,13 +18,13 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.88.0",
-        "@box/blueprint-web-assets": "^4.73.0",
-        "@box/box-item-type-selector": "^1.2.2",
+        "@box/blueprint-web": "^12.89.0",
+        "@box/blueprint-web-assets": "^4.75.0",
+        "@box/box-item-type-selector": "^1.2.4",
         "@box/eslint-plugin-blueprint": "1.0.5",
-        "@box/item-icon": "^1.3.2",
-        "@box/metadata-filter": "^1.39.2",
-        "@box/storybook-utils": "0.14.9",
+        "@box/item-icon": "^1.3.4",
+        "@box/metadata-filter": "^1.39.4",
+        "@box/storybook-utils": "0.14.11",
         "@box/types": "1.0.0",
         "@tanstack/react-virtual": "^3.10.8",
         "react-intl": "^6.4.2"