@box/metadata-view 1.24.0 → 1.24.2

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

@@ -1,5 +1,5 @@
-import { useVirtualizer as S } from "@tanstack/react-virtual";
-import { useRef as h, useMemo as z, useEffect as T } from "react";
+import { useRef as S, useMemo as h, useEffect as z } from "react";
+import { useVirtualizer as T } from "@tanstack/react-virtual";
 import { Size14 as p } from "@box/blueprint-web-assets/tokens/px-tokens";
 const b = parseInt(p, 10), _ = ({
   items: t,
@@ -10,7 +10,7 @@ const b = parseInt(p, 10), _ = ({
   onGetNextPage: o,
   placeholderRowsCount: c = 20
 }) => {
-  const s = h(0), f = z(() => t.length + (r || e ? c : 0), [t, e, r, c]), u = S({
+  const s = S(0), f = h(() => t.length + (r || e ? c : 0), [t, e, r, c]), u = T({
     count: f,
     getScrollElement: () => l.current,
     getItemKey: (I) => {
@@ -19,7 +19,7 @@ const b = parseInt(p, 10), _ = ({
     },
     estimateSize: () => a
   }), n = u.getVirtualItems();
-  T(() => {
+  z(() => {
     s.current = t.length;
   }, [t.length]), (t.length === 0 || t.length > 0 && s.current === 0) && l.current && (l.current.scrollTop = 0);
   const i = n[n.length - 1], g = !!i && i.index >= t.length - 1;

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

@@ -10,26 +10,26 @@ 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, l) => {
-  const o = l ? n.split(".")[1] : n;
-  return L(e, o);
+const S = (e, n, o) => {
+  const l = o ? n.split(".")[1] : n;
+  return L(e, l);
 }, H = /* @__PURE__ */ h.memo(({
   column: e,
   iconColumnVariant: n,
-  item: l
+  item: o
 }) => {
   const {
-    id: o,
+    id: l,
     isItemMetadata: a,
     subtitle: d,
     textValue: m
-  } = e, i = `${m}-${l.id}`;
+  } = e, i = `${m}-${o.id}`;
   return /* @__PURE__ */ t(f, {
     children: /* @__PURE__ */ C("div", {
       className: c.tableNameCell,
       children: [/* @__PURE__ */ t(E, {
         className: c.tableNameCellIconInline,
-        item: l
+        item: o
       }), /* @__PURE__ */ C("div", {
         className: D(c.tableNameCellTitle, {
           [c.hasSubtitle]: n === p.INLINE_SUBTITLE
@@ -37,7 +37,7 @@ const S = (e, n, l) => {
         children: [/* @__PURE__ */ t($, {
           as: "span",
           className: c.tableNameCellText,
-          children: S(l, o, a)
+          children: S(o, l, a)
         }), n === p.INLINE_SUBTITLE && /* @__PURE__ */ t($, {
           as: "span",
           className: c.tableNameCellText,
@@ -51,39 +51,39 @@ const S = (e, n, l) => {
   column: e,
   item: n
 }) => {
-  var o;
-  const l = `${e.textValue}-${n.id}`;
+  var l;
+  const o = `${e.textValue}-${n.id}`;
   return /* @__PURE__ */ t(f, {
-    children: (o = e.cellRenderer) == null ? void 0 : o.call(e, n, e)
-  }, l);
+    children: (l = e.cellRenderer) == null ? void 0 : l.call(e, n, e)
+  }, o);
 }), F = /* @__PURE__ */ h.memo(({
   column: e,
   item: n
 }) => {
-  const l = `${e.textValue}-${n.id}`, o = L(n, e.id);
-  return o ? /* @__PURE__ */ t(f, {
-    children: o.join(" ")
-  }, l) : /* @__PURE__ */ t(f, {}, l);
+  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(({
   column: e,
   item: n
 }) => {
   const {
-    id: l,
-    isItemMetadata: o,
+    id: o,
+    isItemMetadata: l,
     textValue: a
   } = e, d = `${a}-${n.id}`;
   return /* @__PURE__ */ t(f, {
     children: /* @__PURE__ */ t($, {
       as: "span",
-      children: S(n, l, o)
+      children: S(n, o, l)
     })
   }, d);
 }), q = /* @__PURE__ */ h.memo(({
   column: e,
   iconColumnVariant: n,
-  item: l,
-  onInlineEditChange: o
+  item: o,
+  onInlineEditChange: l
 }) => {
   const {
     cellRenderer: a,
@@ -93,21 +93,21 @@ const S = (e, n, l) => {
   } = e, N = d === "item.name" && (n === p.INLINE || n === p.INLINE_SUBTITLE);
   return a ? /* @__PURE__ */ t(A, {
     column: e,
-    item: l
+    item: o
   }) : N ? /* @__PURE__ */ t(H, {
     column: e,
     iconColumnVariant: n,
-    item: l
+    item: o
   }) : m && (i === "multiSelect" || i === "enum") ? /* @__PURE__ */ t(W, {
     column: e,
-    item: l,
-    onInlineEditChange: o
-  }, `${e.id}-${l.id}`) : i === "multiSelect" ? /* @__PURE__ */ t(F, {
+    item: o,
+    onInlineEditChange: l
+  }, `${e.id}-${o.id}`) : i === "multiSelect" ? /* @__PURE__ */ t(F, {
     column: e,
-    item: l
+    item: o
   }) : /* @__PURE__ */ t(K, {
     column: e,
-    item: l
+    item: o
   });
 }), J = /* @__PURE__ */ h.memo(({
   item: e,
@@ -123,37 +123,37 @@ const S = (e, n, l) => {
 }, `item-type-icon-${e.id}`)), Q = /* @__PURE__ */ h.memo(({
   item: e,
   itemActionMenuProps: n,
-  isCheckboxDisabled: l
+  isCheckboxDisabled: o
 }) => /* @__PURE__ */ t(_, {
-  isCheckboxDisabled: l,
-  children: (o) => n ? /* @__PURE__ */ t(j, {
+  isCheckboxDisabled: o,
+  children: (l) => n ? /* @__PURE__ */ t(j, {
     ...n,
     item: e,
-    onOpenChange: o
+    onOpenChange: l
   }) : null
 })), re = ({
   areSelectionCheckboxesDisabled: e,
   columnCount: n,
-  columns: l,
-  iconColumnVariant: o,
+  columns: o,
+  iconColumnVariant: l,
   items: a,
   itemActionMenuProps: d,
   onInlineEditChange: m,
   onTableRowClick: i,
   shouldRenderActionColumn: N,
   virtualItems: I,
-  totalVirtualSize: w,
+  totalVirtualSize: B,
   zoomLevel: b
 }) => {
-  const B = o === p.COLUMN;
+  const w = l === p.COLUMN;
   if (I) {
     const s = (r) => /* @__PURE__ */ t(G, {
       columnLength: n || 0,
       rowKey: `ghost-${r}`
     }), T = (r) => /* @__PURE__ */ t(k, {
       areSelectionCheckboxesDisabled: e,
-      columns: l,
-      iconColumnVariant: o,
+      columns: o,
+      iconColumnVariant: l,
       item: r,
       itemActionMenuProps: d,
       onTableRowClick: i,
@@ -164,7 +164,7 @@ const S = (e, n, l) => {
       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((w || 0) - O, 0);
+      return Math.max((B || 0) - O, 0);
     }, u = R(), g = M();
     return /* @__PURE__ */ C(x, {
       children: [!!u && /* @__PURE__ */ t(y, {
@@ -191,12 +191,12 @@ const S = (e, n, l) => {
       className: c.tableRow,
       id: s.id,
       onAction: () => i(s),
-      children: [B && /* @__PURE__ */ t(J, {
+      children: [w && /* @__PURE__ */ t(J, {
         item: s,
         zoomLevel: b
-      }), l.map((T) => /* @__PURE__ */ t(q, {
+      }), o.map((T) => /* @__PURE__ */ t(q, {
         column: T,
-        iconColumnVariant: o,
+        iconColumnVariant: l,
         item: s,
         onInlineEditChange: m
       }, `${T.textValue}-${s.id}`)), N && /* @__PURE__ */ t(Q, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.24.0",
+    "version": "1.24.2",
     "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.101.0",
+        "@box/blueprint-web": "^12.103.0",
         "@box/blueprint-web-assets": "^4.85.0",
-        "@box/box-item-type-selector": "^1.14.0",
+        "@box/box-item-type-selector": "^1.14.2",
         "@box/eslint-plugin-blueprint": "1.0.5",
-        "@box/item-icon": "^2.5.0",
-        "@box/metadata-filter": "^1.52.0",
+        "@box/item-icon": "^2.5.2",
+        "@box/metadata-filter": "^1.52.2",
         "@box/storybook-utils": "0.14.22",
         "@box/types": "2.0.0",
         "@tanstack/react-virtual": "^3.10.8",