@box/metadata-view 1.54.8 → 1.54.10

package/dist/chunks/action-bar.js

@@ -0,0 +1,48 @@
+import { r as e } from "./types.js";
+import { FilterRow as t } from "../esm/lib/components/filter-row/filter-row.js";
+import { SortDropdown as n } from "../esm/lib/components/sort-dropdown/sort-dropdown.js";
+import { t as r } from "./zoom-button.js";
+import i from "../esm/lib/components/action-bar/messages.js";
+import { Button as a } from "@box/blueprint-web";
+import { Grid as o } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../styles/action-bar.css';var u = {
+	actionBar: "_actionBar_bbxsv_1",
+	filterRow: "_filterRow_bbxsv_8",
+	additionalActions: "_additionalActions_bbxsv_13",
+	viewModeButtonContainer: "_viewModeButtonContainer_bbxsv_24"
+}, d = ({ isIconColumnEnabled: d, isViewModeButtonDisabled: f, onSortDescriptorChange: p, onViewModeClick: m, onZoomLevelChange: h, sortableColumns: g, sortDescriptor: _, sortDropdownProps: v, viewMode: y, zoomLevel: b, ...x }) => {
+	let { formatMessage: S } = s();
+	return /* @__PURE__ */ l("div", {
+		className: u.actionBar,
+		children: [/* @__PURE__ */ c("div", {
+			className: u.filterRow,
+			children: /* @__PURE__ */ c(t, { ...x })
+		}), /* @__PURE__ */ l("div", {
+			className: u.additionalActions,
+			children: [
+				v && /* @__PURE__ */ c(n, {
+					...v,
+					onSortDescriptorChange: p,
+					sortableColumns: g,
+					sortDescriptor: _
+				}),
+				(d || y === e.GRID) && /* @__PURE__ */ c(r, {
+					onZoomLevelChange: h,
+					zoomLevel: b
+				}),
+				!f && /* @__PURE__ */ c("div", {
+					className: u.viewModeButtonContainer,
+					children: /* @__PURE__ */ c(a, {
+						"aria-label": y === e.GRID ? S(i.switchToListView) : S(i.switchToGridView),
+						endIcon: o,
+						onClick: m,
+						variant: y === e.GRID ? "primary" : "tertiary"
+					})
+				})
+			]
+		})]
+	});
+};
+export { d as t };

package/dist/chunks/empty-state.js

@@ -0,0 +1,24 @@
+import e from "../esm/lib/components/empty-state/messages.js";
+import { EmptyState as t, Text as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { OpenBook as a } from "@box/blueprint-web-assets/illustrations/Medium";
+import '../styles/empty-state.css';var o = { emptyStateContainer: "_emptyStateContainer_10mhj_1" }, s = () => {
+	let { formatMessage: s } = r();
+	return /* @__PURE__ */ i("div", {
+		className: o.emptyStateContainer,
+		children: /* @__PURE__ */ i(t, {
+			body: /* @__PURE__ */ i(n, {
+				as: "p",
+				children: s(e.emptyStateBody)
+			}),
+			heading: /* @__PURE__ */ i(n, {
+				as: "h2",
+				variant: "titleMedium",
+				children: s(e.emptyStateHeading)
+			}),
+			illustration: a
+		})
+	});
+};
+export { s as t };

package/dist/chunks/error-state.js

@@ -0,0 +1,23 @@
+import e from "../esm/lib/components/error-state/messages.js";
+import { EmptyState as t, Text as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { Unplugged as a } from "@box/blueprint-web-assets/illustrations/Medium";
+import '../styles/error-state.css';var o = { emptyStateContainer: "_emptyStateContainer_qf21p_1" }, s = ({ onRefresh: s }) => {
+	let { formatMessage: c } = r();
+	return /* @__PURE__ */ i("div", {
+		className: o.emptyStateContainer,
+		children: /* @__PURE__ */ i(t, {
+			body: /* @__PURE__ */ i(n, {
+				as: "p",
+				children: c(e.errorMessage)
+			}),
+			illustration: a,
+			children: /* @__PURE__ */ i(t.PrimaryAction, {
+				onClick: s,
+				children: c(e.refreshButton)
+			})
+		})
+	});
+};
+export { s as t };

package/dist/chunks/filter-row.module.js

@@ -1,9 +1,7 @@
-import '../styles/filter-row.css';const o = "_popoverFooter_1q01l_1", p = "_popoverContent_1q01l_9", t = "_filterChipGroup_1q01l_13", e = "_filterChipIcon_1q01l_18", r = {
-  popoverFooter: o,
-  popoverContent: p,
-  filterChipGroup: t,
-  filterChipIcon: e
-};
-export {
-  r as s
+import '../styles/filter-row.css';var e = {
+	popoverFooter: "_popoverFooter_1q01l_1",
+	popoverContent: "_popoverContent_1q01l_9",
+	filterChipGroup: "_filterChipGroup_1q01l_13",
+	filterChipIcon: "_filterChipIcon_1q01l_18"
 };
+export { e as t };

package/dist/chunks/filter-side-panel.js

@@ -0,0 +1,65 @@
+import { Filter as e } from "../esm/lib/components/filter-sidepanel/filter.js";
+import t from "../esm/lib/components/filter-sidepanel/messages.js";
+import { Accordion as n, SidePanel as r } from "@box/blueprint-web";
+import { useState as i } from "react";
+import { useIntl as a } from "react-intl";
+import { useFormikContext as o } from "formik";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "lodash/noop";
+import '../styles/filter-side-panel.css';var u = {
+	sidePanelContent: "_sidePanelContent_1j6pr_1",
+	staticPosition: "_staticPosition_1j6pr_1"
+}, d = ({ containerRef: d, filterGroups: f, isOpen: p, onIsOpenChange: m = l, getInitialFormValues: h }) => {
+	let { formatMessage: g } = a(), { handleSubmit: _, resetForm: v, values: y } = o(), [b] = i(y), [x, S] = i(null);
+	return /* @__PURE__ */ s(r, {
+		onOpenChange: (e) => {
+			v({ values: b }), m(e);
+		},
+		open: p,
+		variant: "overlay",
+		children: /* @__PURE__ */ s(r.Overlay, {
+			container: d?.current,
+			children: /* @__PURE__ */ c(r.Content, {
+				className: u.sidePanelContent,
+				children: [
+					/* @__PURE__ */ s(r.Header, {
+						className: u.staticPosition,
+						children: g(t.filtersHeader)
+					}),
+					/* @__PURE__ */ s(r.ScrollableContainer, {
+						ref: S,
+						children: /* @__PURE__ */ s(n, {
+							defaultValue: f.map((e, t) => `item-${t}`),
+							type: "multiple",
+							children: f.map((t, r) => /* @__PURE__ */ s(n.Item, {
+								...t.toggleable ? {} : { fixed: "true" },
+								title: t.title,
+								value: `item-${r}`,
+								children: t.filters.map((t) => /* @__PURE__ */ s(e, {
+									...t,
+									parentRef: x
+								}, t.id))
+							}, `accordion-item-${t.title || "unnamed"}`))
+						})
+					}),
+					/* @__PURE__ */ c(r.Footer, {
+						className: u.staticPosition,
+						children: [/* @__PURE__ */ s(r.Footer.SecondaryButton, {
+							onClick: () => {
+								v({ values: h() });
+							},
+							children: g(t.clearAllButton)
+						}), /* @__PURE__ */ s(r.Footer.PrimaryButton, {
+							onClick: () => {
+								_(), m(!1);
+							},
+							children: g(t.showResultsButton)
+						})]
+					}),
+					/* @__PURE__ */ s(r.Close, { "aria-label": g(t.closeAriaLabel) })
+				]
+			})
+		})
+	});
+};
+export { d as t };

package/dist/chunks/header.js

@@ -0,0 +1,56 @@
+import { Case as e, SwitchCase as t } from "../esm/lib/components/switch-case/switch-case.js";
+import n from "../esm/lib/components/header/messages.js";
+import { IconButton as r, PageHeader as i, Status as a, Text as o } from "@box/blueprint-web";
+import { XMark as s } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as c } from "react-intl";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import '../styles/header.css';var d = {
+	viewHeader: "_viewHeader_11wvf_1",
+	titleBar: "_titleBar_11wvf_5",
+	clearSelectionButton: "_clearSelectionButton_11wvf_11"
+};
+function f({ title: f, itemCount: p, isItemCountVisible: m = !0, onClearSelection: h, selectionCount: g = 0, isSelectionCountVisible: _ = !0, selectedItemName: v, rightSlot: y }) {
+	let { formatMessage: b } = c(), x = _ && g > 0, S = m && p != null;
+	if (!(f || x || y)) return null;
+	let [C, w] = v ? [n.singleItemSelected, { name: v }] : [n.itemsSelected, { count: g }], T = b(C, {
+		...w,
+		b: (e) => /* @__PURE__ */ l(o, {
+			color: "textOnLightDefault",
+			variant: "bodyLargeBold",
+			as: "span",
+			children: e
+		})
+	});
+	return /* @__PURE__ */ u(i.Root, {
+		variant: "inline",
+		sticky: !1,
+		className: d.viewHeader,
+		children: [/* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(e, {
+			condition: x,
+			children: [/* @__PURE__ */ l(i.Corner, { children: /* @__PURE__ */ l(r, {
+				"aria-label": b(n.clearSelectionAriaLabel),
+				icon: s,
+				onClick: h,
+				size: "small",
+				variant: "small-utility",
+				className: d.clearSelectionButton
+			}) }), /* @__PURE__ */ l(i.StartElements, { children: /* @__PURE__ */ l(o, {
+				as: "span",
+				color: "textOnLightSecondary",
+				variant: "bodyLarge",
+				children: T
+			}) })]
+		}), /* @__PURE__ */ l(e, {
+			condition: !!f,
+			children: /* @__PURE__ */ u("div", {
+				className: d.titleBar,
+				children: [f, S && /* @__PURE__ */ l(a, {
+					className: d.itemCount,
+					colorIndex: 0,
+					text: String(p)
+				})]
+			})
+		})] }), y && /* @__PURE__ */ l(i.EndElements, { children: y })]
+	});
+}
+export { f as t };

package/dist/chunks/inline-editing-cell.js

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

package/dist/chunks/item-action-menu.js

@@ -0,0 +1,86 @@
+import { r as e } from "./types.js";
+import { getDataTargetId as t } from "../esm/lib/components/item-action-menu/identifier.js";
+import n from "../esm/lib/components/item-action-menu/messages.js";
+import { DropdownMenu as r, GridList as i, IconButton as a, Tooltip as o } from "@box/blueprint-web";
+import s, { useMemo as c } from "react";
+import { Ellipsis as l } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as u } from "react-intl";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import '../styles/item-action-menu.css';var p = {
+	tableActionBar: "_tableActionBar_akgtp_1",
+	actionItemIcon: "_actionItemIcon_akgtp_6"
+};
+function m(e) {
+	return (t) => {
+		t.stopPropagation(), e();
+	};
+}
+function h({ item: e, label: n, onClick: i, icon: a, isDisabled: o }) {
+	let s = m(() => {
+		i(e);
+	}), l = c(() => o?.(e) ?? !1, [o, e]);
+	return /* @__PURE__ */ f(r.Item, {
+		"data-target-id": t(r.Item, n),
+		disabled: l,
+		onClick: s,
+		children: [/* @__PURE__ */ d(a, { className: p.actionItemIcon }), n]
+	}, n);
+}
+function g({ actions: c, inlineActions: g, isDisabled: _, item: v, onOpenChange: y, subMenuActions: b, subMenuTrigger: x, viewMode: S = e.LIST }) {
+	let { formatMessage: C } = u(), { label: w, icon: T } = x || {};
+	return /* @__PURE__ */ f("div", {
+		className: p.tableActionBar,
+		children: [
+			S === e.LIST && g?.map(({ onClick: e, label: n, icon: r, isDisabled: i, getTooltipContent: c }) => {
+				let l = c?.(v), u = `${v.id}-${n}`, f = i?.(v) ?? !1, p = /* @__PURE__ */ d(a, {
+					accessibleWhenDisabled: f && !!l || void 0,
+					"aria-label": n,
+					"data-target-id": t(a, n),
+					disabled: f,
+					icon: r,
+					onClick: m(() => e(v)),
+					size: "large"
+				});
+				return l ? /* @__PURE__ */ d(o, {
+					content: l,
+					children: p
+				}, u) : /* @__PURE__ */ d(s.Fragment, { children: p }, u);
+			}),
+			c ? /* @__PURE__ */ f(r.Root, {
+				onOpenChange: y,
+				children: [/* @__PURE__ */ d(r.Trigger, { children: S === e.LIST ? /* @__PURE__ */ d(a, {
+					"aria-label": C(n.actionMenu),
+					"data-target-id": t(a, "openActionMenu"),
+					disabled: _,
+					icon: l,
+					size: "large"
+				}) : /* @__PURE__ */ d(i.ActionIconButton, {
+					"aria-label": C(n.actionMenu),
+					"data-target-id": t(i.ActionIconButton, "openActionMenu"),
+					disabled: _,
+					icon: l
+				}) }), /* @__PURE__ */ f(r.Content, {
+					align: "start",
+					children: [c.map((e) => /* @__PURE__ */ d(h, {
+						item: v,
+						...e
+					}, e.label)), b && x && /* @__PURE__ */ f(r.SubMenuRoot, { children: [/* @__PURE__ */ f(r.SubMenuTrigger, {
+						"data-target-id": t(r.SubMenuTrigger, "openActionSubmenu"),
+						children: [T && /* @__PURE__ */ d(T, { className: p.actionItemIcon }), w]
+					}), /* @__PURE__ */ d(r.SubMenuContent, { children: b.map((e) => /* @__PURE__ */ d(h, {
+						item: v,
+						...e
+					}, e.label)) })] })]
+				})]
+			}) : null,
+			S === e.GRID && g?.map(({ onClick: e, label: n, icon: r, isDisabled: a }) => /* @__PURE__ */ d(i.ActionIconButton, {
+				"aria-label": n,
+				"data-target-id": t(i.ActionIconButton, n),
+				disabled: a?.(v) ?? !1,
+				icon: r,
+				onClick: () => e(v)
+			}, `${v.id}-${n}`))
+		]
+	});
+}
+export { g as t };

package/dist/chunks/metadata-grid.js

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

package/dist/chunks/metadata-location-field.js

@@ -0,0 +1,35 @@
+import e from "../esm/lib/components/metadata-value/messages.js";
+import { useIntl as t } from "react-intl";
+import { useFormikContext as n } from "formik";
+import { jsx as r } from "react/jsx-runtime";
+import i from "lodash/noop";
+import { FolderShared as a } from "@box/blueprint-web-assets/icons/Content";
+import { ContentField as o } from "@box/content-field";
+import '../styles/metadata-location-field.css';var s = { metadataLocationFieldTrigger: "_metadataLocationFieldTrigger_1d3ch_1" }, c = ({ id: c, triggerSetValueCallback: l = i, renderer: u = (e) => e }) => {
+	let { formatMessage: d } = t(), { values: f, setFieldValue: p } = n(), m = f.metadata.fields[c].value.enum?.[0];
+	return u(/* @__PURE__ */ r("div", {
+		className: s.metadataLocationFieldTrigger,
+		children: /* @__PURE__ */ r(o, {
+			"data-target-id": `ContentField-filter_${c}`,
+			icon: m?.isFolderShared ? a : void 0,
+			onClear: () => {
+				p(`metadata.fields.${c}.value.enum`, []);
+			},
+			onClick: () => {
+				l((e, t, n = !1) => {
+					p(`metadata.fields.${c}.value.enum[0]`, {
+						folderId: e,
+						folderName: t,
+						isFolderShared: n
+					});
+				});
+			},
+			placeholder: d(e.selectFolderHint),
+			title: m?.folderName ? {
+				titleValue: m.folderName,
+				type: "constant"
+			} : void 0
+		})
+	}));
+};
+export { c as t };

package/dist/chunks/metadata-view.js

@@ -0,0 +1,102 @@
+import { r as e, t } from "./types.js";
+import { t as n } from "./action-bar.js";
+import { t as r } from "./metadata-grid.js";
+import { MetadataTable as i } from "../esm/lib/components/metadata-table/metadata-table.js";
+import { Pagination as a } from "../esm/lib/components/pagination/pagination.js";
+import { Case as o, SwitchCase as s } from "../esm/lib/components/switch-case/switch-case.js";
+import { t as c } from "./header.js";
+import { t as l } from "./empty-state.js";
+import { t as u } from "./error-state.js";
+import { useHeader as d } from "../esm/lib/hooks/use-header.js";
+import { TooltipProvider as f } from "@box/blueprint-web";
+import { useCallback as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import '../styles/metadata-view.css';var y = {
+	container: "_container_1o9go_5",
+	contentContainer: "_contentContainer_1o9go_15"
+};
+function b({ actionBarProps: b, columns: x, tableProps: S, hasError: C, headerProps: w, onRefresh: T, onSelectionChange: E, onViewModeChange: D, selectedKeys: O, initialViewMode: k = e.LIST, paginationProps: A, isLoading: j, isSelectAllEnabled: M = !0, isSelectionEnabled: N, areSelectionCheckboxesDisabled: P, ...F }) {
+	let [I, L] = h(k), [R, z] = h(void 0), [B, V] = h(0), H = m(null), { headerSelectionProps: U, handleSelectionChange: W, selectionResetKey: G } = d({
+		headerProps: w,
+		items: F.items,
+		selectedKeys: O,
+		isSelectionEnabled: N,
+		onSelectionChange: E
+	}), K = () => {
+		L((t) => {
+			let n = t === e.LIST ? e.GRID : e.LIST;
+			return D?.(n), n;
+		});
+	}, q = !j && F.items.length === 0, J = b && b.sortDropdownProps && x.filter((e) => e.type !== "multiSelect" && e.type !== "enum" && e.allowsSorting === !0), { iconColumnVariant: Y } = S || {}, X = Y && Y === t.COLUMN, Z = S?.onSortChange, Q = p(({ column: e, direction: t }) => {
+		z({
+			column: e,
+			direction: t
+		}), Z?.({
+			column: e,
+			direction: t
+		});
+	}, [Z]), $ = {
+		...S,
+		sortDescriptor: R,
+		onSortChange: Q
+	};
+	return /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _("div", {
+		ref: H,
+		className: y.container,
+		children: C ? /* @__PURE__ */ _(u, { onRefresh: T }) : /* @__PURE__ */ v(g, { children: [
+			w && /* @__PURE__ */ _(c, {
+				...w,
+				...U
+			}),
+			/* @__PURE__ */ _(n, {
+				...b,
+				containerRef: H,
+				isIconColumnEnabled: X,
+				onSortDescriptorChange: z,
+				onViewModeClick: K,
+				onZoomLevelChange: V,
+				sortableColumns: J,
+				sortDescriptor: R,
+				viewMode: I,
+				zoomLevel: B
+			}),
+			/* @__PURE__ */ _("div", {
+				className: y.contentContainer,
+				children: /* @__PURE__ */ v(s, { children: [
+					/* @__PURE__ */ _(o, {
+						condition: q,
+						children: /* @__PURE__ */ _(l, {})
+					}),
+					/* @__PURE__ */ _(o, {
+						condition: I === e.LIST,
+						children: /* @__PURE__ */ _(i, {
+							areSelectionCheckboxesDisabled: P,
+							columns: x,
+							isLoading: j,
+							isSelectAllEnabled: M,
+							onSelectionChange: W,
+							selectedKeys: O,
+							selectionMode: N ? "multiple" : "none",
+							zoomLevel: B,
+							...F,
+							...$
+						}, G)
+					}),
+					/* @__PURE__ */ _(o, {
+						condition: I === e.GRID,
+						children: /* @__PURE__ */ _(r, {
+							areSelectionCheckboxesDisabled: P,
+							onSelectionChange: W,
+							selectedKeys: O,
+							selectionMode: N ? "multiple" : "none",
+							zoomLevel: B,
+							...F
+						}, G)
+					})
+				] })
+			}),
+			A && /* @__PURE__ */ _(a, { ...A })
+		] })
+	}) });
+}
+export { b as t };

package/dist/chunks/pagination-controls.js

@@ -0,0 +1,40 @@
+import e from "../esm/lib/components/pagination/messages.js";
+import { Button as t } from "@box/blueprint-web";
+import { FormattedMessage as n, useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import '../styles/pagination-controls.css';var o = {
+	pagination: "_pagination_1ozaq_1",
+	paginationButtonContainer: "_paginationButtonContainer_1ozaq_9"
+}, s = ({ handleNextClick: s, handlePreviousClick: c, hasNextPage: l, hasPageEntryStatus: u, hasPreviousPage: d, offset: f = 0, pageSize: p = 0, totalCount: m = 0 }) => {
+	let { formatMessage: h } = r(), g = f + 1, _ = Math.min(f + p, m);
+	return /* @__PURE__ */ a("div", {
+		"aria-label": h(e.paginationAriaLabel),
+		"aria-live": "polite",
+		className: o.pagination,
+		children: [u && /* @__PURE__ */ i("div", {
+			className: o.paginationText,
+			children: /* @__PURE__ */ i(n, {
+				...e.pageEntryStatus,
+				values: {
+					startEntryIndex: g,
+					endEntryIndex: _,
+					totalCount: m
+				}
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: o.paginationButtonContainer,
+			children: [/* @__PURE__ */ i(t, {
+				disabled: !d,
+				onClick: c,
+				variant: "secondary",
+				children: h(e.previousPageButton)
+			}), /* @__PURE__ */ i(t, {
+				disabled: !l,
+				onClick: s,
+				variant: "secondary",
+				children: h(e.nextPageButton)
+			})]
+		})]
+	});
+};
+export { s as t };

package/dist/chunks/table-row.js

@@ -0,0 +1,72 @@
+import { t as e } from "./types.js";
+import { t } from "./item-action-menu.js";
+import { THUMBNAIL_LIST_VIEW_HEIGHTS as n } from "../esm/lib/components/constants.js";
+import { ActionCell as r, Cell as i, Row as a, Text as o } from "@box/blueprint-web";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ItemTypeIcon as l } from "@box/item-icon";
+import u from "clsx";
+import d from "lodash/get";
+import '../styles/table-row.css';var f = {
+	tableHeaderActionsWrapper: "_tableHeaderActionsWrapper_1sntd_1",
+	tableHeaderActions: "_tableHeaderActions_1sntd_1",
+	tableRow: "_tableRow_1sntd_33",
+	isClickable: "_isClickable_1sntd_41",
+	selectAllCheckbox: "_selectAllCheckbox_1sntd_45",
+	tableNameCell: "_tableNameCell_1sntd_50",
+	tableNameCellTitle: "_tableNameCellTitle_1sntd_56",
+	hasSubtitle: "_hasSubtitle_1sntd_60",
+	tableNameCellText: "_tableNameCellText_1sntd_65",
+	tableNameCellIconInline: "_tableNameCellIconInline_1sntd_70",
+	iconCell: "_iconCell_1sntd_74"
+}, p = ({ areSelectionCheckboxesDisabled: p, columns: m, iconColumnVariant: h, item: g, itemActionMenuProps: _, onTableRowClick: v, shouldRenderActionColumn: y, zoomLevel: b = 0 }) => /* @__PURE__ */ c(a, {
+	className: u(f.tableRow, { [f.isClickable]: v }),
+	id: g.id,
+	onAction: () => v?.(g),
+	children: [
+		h === e.COLUMN ? /* @__PURE__ */ s(i, {
+			style: { height: n[b] },
+			children: /* @__PURE__ */ s(l, {
+				className: f.iconCell,
+				item: g
+			})
+		}, `item-type-icon-${g.id}`) : null,
+		m.map((t) => {
+			let { cellRenderer: n, id: r, isItemMetadata: a, subtitle: p, textValue: m, type: _ } = t, v = `${m}-${g.id}`;
+			if (n) return /* @__PURE__ */ s(i, { children: n(g, t) }, v);
+			let y = d(g, a ? r.split(".")[1] : r);
+			if (r === "name" && (h === e.INLINE || h === e.INLINE_SUBTITLE)) return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ c("div", {
+				className: f.tableNameCell,
+				children: [/* @__PURE__ */ s(l, { item: g }), /* @__PURE__ */ c("div", {
+					className: u(f.tableNameCellTitle, { [f.hasSubtitle]: h === e.INLINE_SUBTITLE }),
+					children: [/* @__PURE__ */ s(o, {
+						as: "span",
+						className: f.tableNameCellText,
+						children: y
+					}), h === e.INLINE_SUBTITLE ? /* @__PURE__ */ s(o, {
+						as: "span",
+						className: f.tableNameCellText,
+						color: "textOnLightSecondary",
+						children: p
+					}) : null]
+				})]
+			}) }, v);
+			if (_ === "multiSelect") {
+				let e = d(g, r);
+				return /* @__PURE__ */ s(i, { children: e ? e.join(" ") : "" }, v);
+			}
+			return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ s(o, {
+				as: "span",
+				children: y
+			}) }, v);
+		}),
+		y && /* @__PURE__ */ s(r, {
+			isCheckboxDisabled: p,
+			children: (e) => _ ? /* @__PURE__ */ s(t, {
+				..._,
+				item: g,
+				onOpenChange: e
+			}) : null
+		})
+	]
+}, g.id);
+export { f as n, p as t };

package/dist/chunks/types.js

@@ -1,11 +1,6 @@
-const L = "all";
-let l = /* @__PURE__ */ (function(t) {
-  return t.INLINE = "inline", t.COLUMN = "column", t.INLINE_SUBTITLE = "inline-subtitle", t;
-})({}), e = /* @__PURE__ */ (function(t) {
-  return t.GRID = "grid", t.LIST = "list", t;
-})({});
-export {
-  l as I,
-  L as S,
-  e as V
-};
+var e = "all", t = /* @__PURE__ */ function(e) {
+	return e.INLINE = "inline", e.COLUMN = "column", e.INLINE_SUBTITLE = "inline-subtitle", e;
+}({}), n = /* @__PURE__ */ function(e) {
+	return e.GRID = "grid", e.LIST = "list", e;
+}({});
+export { e as n, n as r, t };