@box/metadata-view 1.54.8 → 1.54.10

package/dist/esm/lib/components/item-action-menu/messages.js

@@ -1,10 +1,6 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  actionMenu: {
-    id: "groupSharedFeatures.metadataView.itemActionMenu.actionMenu",
-    defaultMessage: "Action menu"
-  }
-});
-export {
-  t as default
-};
+var t = e({ actionMenu: {
+	id: "groupSharedFeatures.metadataView.itemActionMenu.actionMenu",
+	defaultMessage: "Action menu"
+} });
+export { t as default };

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

@@ -1,4 +1,2 @@
-import { MetadataGrid as t } from "./metadata-grid.js";
-export {
-  t as MetadataGrid
-};
+import { t as e } from "../../../../chunks/metadata-grid.js";
+export { e as MetadataGrid };

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

@@ -1,10 +1,6 @@
 import { defineMessages as e } from "react-intl";
-const s = e({
-  gridView: {
-    id: "groupSharedFeatures.metadataView.gridList.gridView",
-    defaultMessage: "Grid View"
-  }
-});
-export {
-  s as default
-};
+var t = e({ gridView: {
+	id: "groupSharedFeatures.metadataView.gridList.gridView",
+	defaultMessage: "Grid View"
+} });
+export { t as default };

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

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

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

@@ -1,6 +1,4 @@
-function n(e) {
-  return !!e.HeaderActions || e?.selectionMode && e.selectionMode !== "none";
+function e(e) {
+	return !!e.HeaderActions || e?.selectionMode && e.selectionMode !== "none";
 }
-export {
-  n as getShouldRenderActionColumn
-};
+export { e as getShouldRenderActionColumn };

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

@@ -1,30 +1,25 @@
-import { useRef as g, useMemo as S, useEffect as h } from "react";
-import { useVirtualizer as z } from "@tanstack/react-virtual";
-import { Size14 as T } from "@box/blueprint-web-assets/tokens/px-tokens";
-const p = parseInt(T, 10), K = ({
-  items: t,
-  hasNextPage: e = !1,
-  isLoading: r = !1,
-  parentRef: l,
-  approximateRowHeight: m = p,
-  onGetNextPage: o,
-  placeholderRowsCount: c = 20
-}) => {
-  const s = g(0), a = S(() => t.length + (r || e ? c : 0), [t, e, r, c]), u = z({
-    count: a,
-    getScrollElement: () => l.current,
-    getItemKey: (I) => t[I]?.id || `table-item-${I}`,
-    estimateSize: () => m
-  }), n = u.getVirtualItems();
-  h(() => {
-    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], f = !!i && i.index >= t.length - 1;
-  return !r && f && e && o && o(), {
-    totalVirtualSize: u.getTotalSize(),
-    virtualItemsToDisplay: n
-  };
-};
-export {
-  K as useInfiniteScrollTableItems
+import { useEffect as e, useMemo as t, useRef as n } from "react";
+import { useVirtualizer as r } from "@tanstack/react-virtual";
+import { Size14 as i } from "@box/blueprint-web-assets/tokens/px-tokens";
+var a = parseInt(i, 10), o = ({ items: i, hasNextPage: o = !1, isLoading: s = !1, parentRef: c, approximateRowHeight: l = a, onGetNextPage: u, placeholderRowsCount: d = 20 }) => {
+	let f = n(0), p = r({
+		count: t(() => i.length + (s || o ? d : 0), [
+			i,
+			o,
+			s,
+			d
+		]),
+		getScrollElement: () => c.current,
+		getItemKey: (e) => i[e]?.id || `table-item-${e}`,
+		estimateSize: () => l
+	}), m = p.getVirtualItems();
+	e(() => {
+		f.current = i.length;
+	}, [i.length]), (i.length === 0 || i.length > 0 && f.current === 0) && c.current && (c.current.scrollTop = 0);
+	let h = m[m.length - 1], g = !!h && h.index >= i.length - 1;
+	return !s && g && o && u && u(), {
+		totalVirtualSize: p.getTotalSize(),
+		virtualItemsToDisplay: m
+	};
 };
+export { o as useInfiniteScrollTableItems };

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

@@ -1,8 +1,4 @@
-import { MetadataTable as o } from "./metadata-table.js";
-import { TableRenderer as a } from "./table-renderer.js";
-import { InlineEditingCell as n } from "./table-body/inline-editing-cell/inline-editing-cell.js";
-export {
-  n as InlineEditingCell,
-  o as MetadataTable,
-  a as TableRenderer
-};
+import { t as e } from "../../../../chunks/inline-editing-cell.js";
+import { TableRenderer as t } from "./table-renderer.js";
+import { MetadataTable as n } from "./metadata-table.js";
+export { e as InlineEditingCell, n as MetadataTable, t as TableRenderer };

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

@@ -1,18 +1,16 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
-  listView: {
-    id: "groupSharedFeatures.metadataView.itemList.listView",
-    defaultMessage: "List view"
-  },
-  selectAll: {
-    id: "groupSharedFeatures.metadataView.itemList.selectAll",
-    defaultMessage: "Select all"
-  },
-  unselectedOptionLabel: {
-    id: "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel",
-    defaultMessage: "--"
-  }
+var t = e({
+	listView: {
+		id: "groupSharedFeatures.metadataView.itemList.listView",
+		defaultMessage: "List view"
+	},
+	selectAll: {
+		id: "groupSharedFeatures.metadataView.itemList.selectAll",
+		defaultMessage: "Select all"
+	},
+	unselectedOptionLabel: {
+		id: "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel",
+		defaultMessage: "--"
+	}
 });
-export {
-  a as default
-};
+export { t as default };

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

@@ -1,128 +1,90 @@
-import { useRef as O } from "react";
-import { useIntl as Z } from "react-intl";
-import { Text as _, ListCheckbox as q, DataTableWrapper as E, TableHeader as F, Column as G } from "@box/blueprint-web";
-import { useInfiniteScrollTableItems as J } from "./hooks/useInfiniteScrollTableItems.js";
-import { TableRenderer as R } from "./table-renderer.js";
-import { I as K } from "../../../../chunks/types.js";
-import { THUMBNAIL_WIDTHS as Q } from "../constants.js";
-import { s as i } from "../../../../chunks/index.js";
-import { getShouldRenderActionColumn as X } from "./actionColumn.js";
-import Y from "./messages.js";
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import "./table-body/inline-editing-cell/inline-editing-cell.js";
-const me = ({
-  areSelectionCheckboxesDisabled: n = !1,
-  columns: m,
-  hasNextPage: b = !1,
-  iconColumnVariant: d,
-  isInfiniteScrollEnabled: T = !1,
-  isLoading: s = !1,
-  isSelectAllEnabled: W,
-  itemActionMenuProps: w,
-  items: c,
-  maxActionColumnWidth: x,
-  minActionColumnWidth: A,
-  onGetNextPage: S,
-  onInlineEditChange: g,
-  onTableRowClick: C,
-  placeholderRowsCount: N,
-  zoomLevel: a,
-  ...l
-}) => {
-  const {
-    formatMessage: f
-  } = Z(), u = O(null), {
-    virtualItemsToDisplay: y,
-    totalVirtualSize: D
-  } = J({
-    items: c,
-    hasNextPage: b,
-    isLoading: s,
-    parentRef: u,
-    onGetNextPage: S,
-    placeholderRowsCount: N
-  }), r = [], M = 0;
-  if (d === K.COLUMN) {
-    a = a || M;
-    const e = parseInt(Q[a], 10) + 24;
-    r.push({
-      id: "item-type-icon",
-      isRowHeader: !1,
-      hideHeader: !1,
-      minWidth: e,
-      maxWidth: e
-    });
-  }
-  const j = m.map((e) => {
-    const {
-      id: h,
-      isRowHeader: V,
-      headerRenderer: H,
-      textValue: o,
-      type: I,
-      allowsSorting: k,
-      ...v
-    } = e, B = I !== "multiSelect" && I !== "enum" && k === !0;
-    return {
-      ...v,
-      children: H ? H(o, e) : /* @__PURE__ */ t(_, {
-        as: "span",
-        children: o
-      }),
-      isRowHeader: h === "name" || V,
-      id: h,
-      textValue: o,
-      allowsSorting: B
-    };
-  });
-  r.push(...j), X(l) && r.push({
-    id: "actions",
-    className: i.tableHeaderActions,
-    children: /* @__PURE__ */ $("div", {
-      className: i.tableHeaderActionsWrapper,
-      children: [l.HeaderActions, W ? /* @__PURE__ */ t(q, {
-        "aria-label": f(Y.selectAll),
-        className: i.selectAllCheckbox,
-        isDisabled: s || n
-      }) : null]
-    }),
-    isRowHeader: !1,
-    hideHeader: !1,
-    allowsSorting: !1,
-    maxWidth: x,
-    minWidth: A
-  });
-  const U = /* @__PURE__ */ t(F, {
-    columns: r,
-    children: (e) => /* @__PURE__ */ t(G, {
-      ...e
-    })
-  }), p = {
-    columnCount: r.length,
-    columns: m,
-    formatMessage: f,
-    iconColumnVariant: d,
-    isLoading: s,
-    areSelectionCheckboxesDisabled: n,
-    itemActionMenuProps: w,
-    items: c,
-    onInlineEditChange: g,
-    onTableRowClick: C,
-    tableHeader: U,
-    tableProps: l,
-    zoomLevel: a
-  };
-  return T ? /* @__PURE__ */ t(E, {
-    ref: u,
-    children: /* @__PURE__ */ t(R, {
-      ...p,
-      totalVirtualSize: D,
-      virtualItems: y
-    })
-  }) : /* @__PURE__ */ t(R, {
-    ...p
-  });
-};
-export {
-  me as MetadataTable
+import { t as e } from "../../../../chunks/types.js";
+import { THUMBNAIL_WIDTHS as t } from "../constants.js";
+import { useInfiniteScrollTableItems as n } from "./hooks/useInfiniteScrollTableItems.js";
+import r from "./messages.js";
+import { n as i } from "../../../../chunks/table-row.js";
+import { getShouldRenderActionColumn as a } from "./actionColumn.js";
+import { TableRenderer as o } from "./table-renderer.js";
+import { Column as s, DataTableWrapper as c, ListCheckbox as l, TableHeader as u, Text as d } from "@box/blueprint-web";
+import { useRef as f } from "react";
+import { useIntl as p } from "react-intl";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = ({ areSelectionCheckboxesDisabled: g = !1, columns: _, hasNextPage: v = !1, iconColumnVariant: y, isInfiniteScrollEnabled: b = !1, isLoading: x = !1, isSelectAllEnabled: S, itemActionMenuProps: C, items: w, maxActionColumnWidth: T, minActionColumnWidth: E, onGetNextPage: D, onInlineEditChange: O, onTableRowClick: k, placeholderRowsCount: A, zoomLevel: j, ...M }) => {
+	let { formatMessage: N } = p(), P = f(null), { virtualItemsToDisplay: F, totalVirtualSize: I } = n({
+		items: w,
+		hasNextPage: v,
+		isLoading: x,
+		parentRef: P,
+		onGetNextPage: D,
+		placeholderRowsCount: A
+	}), L = [];
+	if (y === e.COLUMN) {
+		j ||= 0;
+		let e = parseInt(t[j], 10) + 24;
+		L.push({
+			id: "item-type-icon",
+			isRowHeader: !1,
+			hideHeader: !1,
+			minWidth: e,
+			maxWidth: e
+		});
+	}
+	let R = _.map((e) => {
+		let { id: t, isRowHeader: n, headerRenderer: r, textValue: i, type: a, allowsSorting: o, ...s } = e, c = a !== "multiSelect" && a !== "enum" && o === !0;
+		return {
+			...s,
+			children: r ? r(i, e) : /* @__PURE__ */ m(d, {
+				as: "span",
+				children: i
+			}),
+			isRowHeader: t === "name" || n,
+			id: t,
+			textValue: i,
+			allowsSorting: c
+		};
+	});
+	L.push(...R), a(M) && L.push({
+		id: "actions",
+		className: i.tableHeaderActions,
+		children: /* @__PURE__ */ h("div", {
+			className: i.tableHeaderActionsWrapper,
+			children: [M.HeaderActions, S ? /* @__PURE__ */ m(l, {
+				"aria-label": N(r.selectAll),
+				className: i.selectAllCheckbox,
+				isDisabled: x || g
+			}) : null]
+		}),
+		isRowHeader: !1,
+		hideHeader: !1,
+		allowsSorting: !1,
+		maxWidth: T,
+		minWidth: E
+	});
+	let z = /* @__PURE__ */ m(u, {
+		columns: L,
+		children: (e) => /* @__PURE__ */ m(s, { ...e })
+	}), B = {
+		columnCount: L.length,
+		columns: _,
+		formatMessage: N,
+		iconColumnVariant: y,
+		isLoading: x,
+		areSelectionCheckboxesDisabled: g,
+		itemActionMenuProps: C,
+		items: w,
+		onInlineEditChange: O,
+		onTableRowClick: k,
+		tableHeader: z,
+		tableProps: M,
+		zoomLevel: j
+	};
+	return b ? /* @__PURE__ */ m(c, {
+		ref: P,
+		children: /* @__PURE__ */ m(o, {
+			...B,
+			totalVirtualSize: I,
+			virtualItems: F
+		})
+	}) : /* @__PURE__ */ m(o, { ...B });
 };
+export { g as MetadataTable };

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

@@ -1,20 +1,11 @@
-import { TableBody as l } from "@box/blueprint-web";
-import { jsx as r } from "react/jsx-runtime";
-import { GhostTableRow as s } from "./ghost-table-row/ghost-table-row.js";
-const y = 20, T = ({
-  columnLength: e,
-  rowLength: t = y
-}) => /* @__PURE__ */ r(l, {
-  items: Array.from({
-    length: t
-  }, (o, m) => ({
-    key: m
-  })),
-  children: (o) => /* @__PURE__ */ r(s, {
-    columnLength: e,
-    rowKey: o.key
-  })
+import { GhostTableRow as e } from "./ghost-table-row/ghost-table-row.js";
+import { TableBody as t } from "@box/blueprint-web";
+import { jsx as n } from "react/jsx-runtime";
+var r = 20, i = ({ columnLength: i, rowLength: a = r }) => /* @__PURE__ */ n(t, {
+	items: Array.from({ length: a }, (e, t) => ({ key: t })),
+	children: (t) => /* @__PURE__ */ n(e, {
+		columnLength: i,
+		rowKey: t.key
+	})
 });
-export {
-  T as GhostTableBody
-};
+export { i as GhostTableBody };

package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/ghost-table-row.js

@@ -1,20 +1,9 @@
-import { Row as h, Cell as i, Ghost as l } from "@box/blueprint-web";
-import { Size5 as m } from "@box/blueprint-web-assets/tokens/tokens";
+import { Cell as e, Ghost as t, Row as n } from "@box/blueprint-web";
 import { jsx as r } from "react/jsx-runtime";
-const f = ({
-  columnLength: o,
-  rowKey: t = "ghost-row"
-}) => /* @__PURE__ */ r(h, {
-  children: Array.from({
-    length: o
-  }, (n, e) => /* @__PURE__ */ r(i, {
-    children: /* @__PURE__ */ r(l, {
-      height: m,
-      variant: "rectangle",
-      width: "100%"
-    })
-  }, e))
-}, t);
-export {
-  f as GhostTableRow
-};
+import { Size5 as i } from "@box/blueprint-web-assets/tokens/tokens";
+var a = ({ columnLength: a, rowKey: o = "ghost-row" }) => /* @__PURE__ */ r(n, { children: Array.from({ length: a }, (n, a) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, {
+	height: i,
+	variant: "rectangle",
+	width: "100%"
+}) }, a)) }, o);
+export { a as GhostTableRow };

package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/index.js

@@ -1,4 +1,2 @@
-import { GhostTableRow as r } from "./ghost-table-row.js";
-export {
-  r as GhostTableRow
-};
+import { GhostTableRow as e } from "./ghost-table-row.js";
+export { e as GhostTableRow };

package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/index.js

@@ -1,4 +1,2 @@
-import { InlineEditingCell as l } from "./inline-editing-cell.js";
-export {
-  l as InlineEditingCell
-};
+import { t as e } from "../../../../../../chunks/inline-editing-cell.js";
+export { e as InlineEditingCell };

package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js

@@ -1,56 +1,2 @@
-import { Cell as b, DropdownMenu as i, Button as v } from "@box/blueprint-web";
-import { CaretDown as E } from "@box/blueprint-web-assets/icons/Fill";
-import S from "lodash/get";
-import w from "lodash/isEqual";
-import { useIntl as x } from "react-intl";
-import y from "../../messages.js";
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-import '../../../../../../styles/inline-editing-cell.css';const O = "_inlineEditingCell_1iieg_1", j = {
-  inlineEditingCell: O
-}, R = ({
-  column: d,
-  item: s,
-  onInlineEditChange: c
-}) => {
-  const {
-    formatMessage: m
-  } = x(), {
-    type: a,
-    inlineEditingOptions: f,
-    id: u
-  } = d, r = S(s, u), n = typeof r == "string" ? [r] : r || [], o = m(y.unselectedOptionLabel), g = [{
-    value: null,
-    label: o
-  }, ...(f ?? []).map((e) => ({
-    value: e,
-    label: e
-  }))], h = (e) => {
-    if (!c)
-      return;
-    let l;
-    a === "multiSelect" ? e === null ? l = [] : l = n.includes(e) ? n.filter((C) => C !== e) : [...n, e] : l = e, (a === "multiSelect" ? !w(l, n) : l !== n[0]) && c(s, l, u);
-  }, p = (e) => e === null ? n.length === 0 : n.includes(e);
-  return /* @__PURE__ */ t(b, {
-    children: /* @__PURE__ */ I(i.Root, {
-      children: [/* @__PURE__ */ t(i.Trigger, {
-        children: /* @__PURE__ */ t(v, {
-          className: j.inlineEditingCell,
-          endIcon: E,
-          variant: "secondary",
-          children: n.length > 0 ? n.join(", ") : o
-        })
-      }), /* @__PURE__ */ t(i.Content, {
-        align: "start",
-        children: g.map((e) => /* @__PURE__ */ t(i.CheckboxItem, {
-          checked: p(e.value),
-          onSelect: () => h(e.value),
-          children: e.label
-        }, e.value ?? o))
-      })]
-    })
-  });
-};
-export {
-  R as InlineEditingCell,
-  R as default
-};
+import { t as e } from "../../../../../../chunks/inline-editing-cell.js";
+export { e as InlineEditingCell, e as default };