@box/metadata-template-browser 1.17.8 → 1.17.10

package/dist/chunks/breadcrumb-navigation.js

@@ -0,0 +1,35 @@
+import { useBrowserActions as e, useConsumerState as t, useNavigationState as n, useSearchState as r } from "../esm/lib/contexts/hooks.js";
+import { messages as i } from "../esm/lib/components/breadcrumb-navigation/messages.js";
+import { Breadcrumb as a } from "@box/blueprint-web";
+import o from "clsx";
+import { useIntl as s } from "react-intl";
+import { jsx as c } from "react/jsx-runtime";
+import '../styles/breadcrumb-navigation.css';var l = {
+	breadcrumb: "_breadcrumb_a03s0_1",
+	disabled: "_disabled_a03s0_6"
+};
+function u() {
+	let { formatMessage: u } = s(), { isDisabled: d } = t(), { path: f, namespaceFQN: p } = n(), { searchValue: m } = r(), { navigateBack: h } = e();
+	if (m.length > 0) return null;
+	let g = f[0], _ = g ? g.fqn.split(".").slice(0, -1).join(".") : p, v = f.at(-1)?.fqn ?? p, y = [{
+		id: _,
+		name: u(i.enterpriseCrumbLabel)
+	}, ...f.map((e) => ({
+		id: e.fqn,
+		name: e.displayName
+	}))], b = (e) => {
+		d || e !== v && h(e);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: o(l.breadcrumb, { [l.disabled]: d }),
+		children: /* @__PURE__ */ c(a, {
+			breadcrumbAriaLabel: u(i.breadcrumbAriaLabel),
+			crumbs: y,
+			isInteractive: !d,
+			onPageLinkClick: b,
+			size: "small",
+			truncatedLinksIconAriaLabel: u(i.truncatedLinksIconAriaLabel)
+		})
+	});
+}
+export { u as t };

package/dist/chunks/browser-row.js

@@ -0,0 +1,52 @@
+import { useConsumerState as e } from "../esm/lib/contexts/hooks.js";
+import { EllipsizableText as t } from "@box/blueprint-web";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { GridListItem as a } from "react-aria-components";
+import '../styles/browser-row.css';var o = {
+	row: "_row_ybl3t_2",
+	trailingSlotHoverOnly: "_trailingSlotHoverOnly_ybl3t_15",
+	item: "_item_ybl3t_19",
+	disabled: "_disabled_ybl3t_40",
+	leadingIcon: "_leadingIcon_ybl3t_59",
+	content: "_content_ybl3t_66",
+	trailingSlot: "_trailingSlot_ybl3t_15",
+	subtitle: "_subtitle_ybl3t_77"
+};
+function s({ id: s, leadingIcon: c, title: l, subtitle: u, trailingSlot: d, isTrailingSlotHoverOnly: f }) {
+	let { isDisabled: p } = e(), m = n(o.trailingSlot, { [o.trailingSlotHoverOnly]: f });
+	return /* @__PURE__ */ r(a, {
+		className: n(o.item, { [o.disabled]: p }),
+		id: s,
+		isDisabled: p,
+		textValue: l,
+		children: /* @__PURE__ */ i("div", {
+			className: o.row,
+			children: [
+				c !== void 0 && /* @__PURE__ */ r("div", {
+					"aria-hidden": "true",
+					className: o.leadingIcon,
+					"data-testid": "leading-icon",
+					children: c
+				}),
+				/* @__PURE__ */ i("div", {
+					className: o.content,
+					children: [/* @__PURE__ */ r(t, {
+						as: "span",
+						lineClamp: 1,
+						variant: "bodyDefault",
+						children: l
+					}), u && /* @__PURE__ */ r("div", {
+						className: o.subtitle,
+						children: u
+					})]
+				}),
+				d !== void 0 && /* @__PURE__ */ r("div", {
+					className: m,
+					children: d
+				})
+			]
+		})
+	});
+}
+export { s as t };

package/dist/chunks/grid-list-load-more-sentinel.js

@@ -0,0 +1,31 @@
+import { LOAD_MORE_SENTINEL_ID as e } from "../esm/lib/constants.js";
+import { messages as t } from "../esm/lib/components/virtualized-grid-list/messages.js";
+import { useIntl as n } from "react-intl";
+import { useEffect as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { GridListItem as o } from "react-aria-components";
+import '../styles/grid-list-load-more-sentinel.css';var s = { sentinel: "_sentinel_im31a_1" };
+function c({ onLoadMore: c, scrollContainerRef: l }) {
+	let u = i(c);
+	u.current = c;
+	let { formatMessage: d } = n(), f = d(t.loadMoreSentinelAriaLabel);
+	return r(() => {
+		let e = l.current, t, n = !1, r = () => {
+			if (!e || n) return;
+			let { scrollTop: t, scrollHeight: r, clientHeight: i } = e;
+			r - t - i <= i && (n = !0, u.current());
+		}, i = () => {
+			cancelAnimationFrame(t), t = requestAnimationFrame(r);
+		};
+		return e?.addEventListener("scroll", i, { passive: !0 }), t = requestAnimationFrame(r), () => {
+			e?.removeEventListener("scroll", i), cancelAnimationFrame(t);
+		};
+	}, [l]), /* @__PURE__ */ a(o, {
+		"aria-hidden": "true",
+		className: s.sentinel,
+		id: e,
+		isDisabled: !0,
+		textValue: f
+	});
+}
+export { c as t };

package/dist/chunks/load-more-error-row.js

@@ -0,0 +1,36 @@
+import { LOAD_MORE_ERROR_ROW_ID as e } from "../esm/lib/constants.js";
+import { useConsumerState as t } from "../esm/lib/contexts/hooks.js";
+import { messages as n } from "../esm/lib/components/load-more-feedback/messages.js";
+import { InlineNotice as r, TextButton 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 { GridListItem as c } from "react-aria-components";
+import { Loader as l } from "@box/blueprint-web-assets/icons/Fill";
+import '../styles/load-more-error-row.css';var u = {
+	container: "_container_1bidp_1",
+	item: "_item_1bidp_9"
+};
+function d({ onRetry: d }) {
+	let { formatMessage: f } = a(), { isDisabled: p } = t();
+	return /* @__PURE__ */ o(c, {
+		className: u.item,
+		id: e,
+		textValue: f(n.loadMoreErrorBody),
+		children: /* @__PURE__ */ s("div", {
+			className: u.container,
+			children: [/* @__PURE__ */ o(r, {
+				variant: "error",
+				variantIconAriaLabel: f(n.errorIconAriaLabel),
+				children: f(n.loadMoreErrorBody)
+			}), /* @__PURE__ */ o(i, {
+				disabled: p,
+				icon: l,
+				onClick: (e) => {
+					e.stopPropagation(), !p && d();
+				},
+				children: f(n.retryLabel)
+			})]
+		})
+	});
+}
+export { d as t };

package/dist/chunks/load-more-loading-row.js

@@ -0,0 +1,26 @@
+import { LOAD_MORE_LOADING_ROW_ID as e } from "../esm/lib/constants.js";
+import { messages as t } from "../esm/lib/components/load-more-feedback/messages.js";
+import { Ghost as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { GridListItem as o } from "react-aria-components";
+import '../styles/load-more-loading-row.css';var s = { container: "_container_1rh3v_1" };
+function c() {
+	let { formatMessage: c } = r(), l = c(t.loadingRowAriaLabel);
+	return /* @__PURE__ */ i(o, {
+		"aria-busy": "true",
+		"aria-label": l,
+		id: e,
+		isDisabled: !0,
+		textValue: l,
+		children: /* @__PURE__ */ a("div", {
+			className: s.container,
+			children: [
+				/* @__PURE__ */ i(n, { height: 16 }),
+				/* @__PURE__ */ i(n, { height: 16 }),
+				/* @__PURE__ */ i(n, { height: 16 })
+			]
+		})
+	});
+}
+export { c as t };

package/dist/chunks/loader-skeleton.js

@@ -0,0 +1,16 @@
+import { messages as e } from "../esm/lib/components/messages.js";
+import { Ghost as t } from "@box/blueprint-web";
+import { useIntl as n } from "react-intl";
+import { jsx as r } from "react/jsx-runtime";
+import '../styles/loader-skeleton.css';var i = { loaderSkeleton: "_loaderSkeleton_hxe4x_1" }, a = 16, o = 20;
+function s() {
+	let { formatMessage: s } = n();
+	return /* @__PURE__ */ r("div", {
+		"aria-busy": "true",
+		"aria-label": s(e.loadingAriaLabel),
+		className: i.loaderSkeleton,
+		role: "status",
+		children: Array.from({ length: o }, (e, n) => /* @__PURE__ */ r(t, { height: a }, n))
+	});
+}
+export { s as t };

package/dist/chunks/metadata-template-browser-container.js

@@ -0,0 +1,31 @@
+import { useBrowserActions as e, useConsumerState as t } from "../esm/lib/contexts/hooks.js";
+import { t as n } from "./breadcrumb-navigation.js";
+import { messages as r } from "../esm/lib/components/messages.js";
+import { useIsInitialBrowseLoading as i } from "../esm/lib/hooks/use-is-initial-browse-loading.js";
+import { t as a } from "./metadata-template-browser-list-box.js";
+import { SearchInput as o } from "@box/blueprint-web";
+import { useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../styles/metadata-template-browser-container.css';var u = {
+	container: "_container_qa97y_1",
+	searchInput: "_searchInput_qa97y_9"
+};
+function d() {
+	let { formatMessage: d } = s(), { isDisabled: f } = t(), { setSearchValue: p } = e(), m = i();
+	return /* @__PURE__ */ l("div", {
+		className: u.container,
+		children: [
+			/* @__PURE__ */ c(o, {
+				className: u.searchInput,
+				disabled: f || m,
+				onChange: p,
+				placeholder: d(r.searchInputPlaceholder),
+				searchInputAriaLabel: d(r.searchInputAriaLabel),
+				searchInputClearAriaLabel: d(r.searchInputClearAriaLabel)
+			}),
+			!m && /* @__PURE__ */ c(n, {}),
+			/* @__PURE__ */ c(a, {})
+		]
+	});
+}
+export { d as t };

package/dist/chunks/metadata-template-browser-controller.js

@@ -0,0 +1,36 @@
+import { useBrowseState as e, useBrowserActions as t, useConsumerState as n, useNavigationState as r } from "../esm/lib/contexts/hooks.js";
+import { ErrorState as i } from "../esm/lib/components/error-state/error-state.js";
+import { messages as a } from "../esm/lib/components/messages.js";
+import { t as o } from "./metadata-template-browser-container.js";
+import { EmptyState as s, Text as c } from "@box/blueprint-web";
+import { useIntl as l } from "react-intl";
+import { useEffect as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { NoTemplates as m } from "@box/blueprint-web-assets/illustrations/Medium";
+import '../styles/metadata-template-browser-controller.css';var h = { container: "_container_14phx_1" };
+function g() {
+	let { isLoading: g } = n(), { formatMessage: _ } = l(), { initialLoad: v, retry: y } = t(), { path: b } = r(), { isFetching: x, initialLoadError: S, namespaces: C, templates: w } = e(), T = d(!1);
+	u(() => {
+		!g && !T.current && (T.current = !0, v());
+	}, [g, v]);
+	let E = C.length > 0 || w.length > 0, D = S !== null, O = b.length === 0, k = !x && !g && !E && !D && O, A = !D && !k;
+	return /* @__PURE__ */ p("div", {
+		className: h.container,
+		children: [
+			D && /* @__PURE__ */ f(i, {
+				body: _(a.initialLoadErrorBody),
+				onRetry: y
+			}),
+			k && /* @__PURE__ */ f(s, {
+				body: /* @__PURE__ */ f(c, {
+					as: "p",
+					children: _(a.initialEmptyStateBody)
+				}),
+				illustration: m,
+				size: "small"
+			}),
+			A && /* @__PURE__ */ f(o, {})
+		]
+	});
+}
+export { g as t };

package/dist/chunks/metadata-template-browser-list-box.js

@@ -0,0 +1,57 @@
+import { useBrowseState as e, useBrowserActions as t, useConsumerState as n, useSearchState as r, useSelectionState as i } from "../esm/lib/contexts/hooks.js";
+import { t as a } from "./loader-skeleton.js";
+import { BrowseList as o } from "../esm/lib/components/browse-list/browse-list.js";
+import { SearchList as s } from "../esm/lib/components/search-list/search-list.js";
+import { useIsInitialBrowseLoading as c } from "../esm/lib/hooks/use-is-initial-browse-loading.js";
+import l from "clsx";
+import { useCallback as u, useMemo as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../styles/metadata-template-browser-list-box.css';var m = {
+	listBox: "_listBox_1qbmg_1",
+	browseWrapper: "_browseWrapper_1qbmg_9",
+	hidden: "_hidden_1qbmg_16"
+};
+function h() {
+	let { isDisabled: h } = n(), g = c(), { searchValue: _, searchResults: v } = r(), { namespaces: y, templates: b } = e(), { selectedTemplateId: x } = i(), { selectTemplate: S, navigateTo: C } = t(), w = _.length > 0, T = u((e) => {
+		if (h) return;
+		let t = String(e);
+		if (w) {
+			let e = v.find((e) => e.id === t);
+			e && S(e);
+			return;
+		}
+		let n = b.find((e) => e.id === t);
+		if (n) {
+			S(n);
+			return;
+		}
+		let r = y.find((e) => e.id === t);
+		r && C(r);
+	}, [
+		h,
+		w,
+		v,
+		b,
+		y,
+		S,
+		C
+	]), E = d(() => x ? new Set([x]) : /* @__PURE__ */ new Set(), [x]);
+	return g ? /* @__PURE__ */ f("div", {
+		className: m.listBox,
+		children: /* @__PURE__ */ f(a, {})
+	}) : /* @__PURE__ */ p("div", {
+		className: m.listBox,
+		children: [/* @__PURE__ */ f("div", {
+			"aria-hidden": w,
+			className: l(m.browseWrapper, w && m.hidden),
+			children: /* @__PURE__ */ f(o, {
+				onAction: T,
+				selectedKeys: E
+			})
+		}), w && /* @__PURE__ */ f(s, {
+			onAction: T,
+			selectedKeys: E
+		})]
+	});
+}
+export { h as t };

package/dist/chunks/types.js

@@ -1,6 +1,4 @@
-let e = /* @__PURE__ */ (function(r) {
-  return r.Browse = "browse", r.Search = "search", r;
-})({});
-export {
-  e as T
-};
+var e = /* @__PURE__ */ function(e) {
+	return e.Browse = "browse", e.Search = "search", e;
+}({});
+export { e as t };

package/dist/chunks/virtualized-grid-list.js

@@ -0,0 +1,54 @@
+import "../esm/lib/constants.js";
+import { useConsumerState as e } from "../esm/lib/contexts/hooks.js";
+import { t } from "./types.js";
+import { t as n } from "./load-more-error-row.js";
+import { t as r } from "./load-more-loading-row.js";
+import { t as i } from "./grid-list-load-more-sentinel.js";
+import { useCallback as a, useMemo as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Collection as u, GridList as d, ListLayout as f, Virtualizer as p } from "react-aria-components";
+import '../styles/virtualized-grid-list.css';var m = { list: "_list_dukvn_1" }, h = 40, g = 58, _ = 2;
+function v({ ariaLabel: v, items: y, onAction: b, children: x, onLoadMore: S, hasMoreItems: C, isFetchingMore: w, loadMoreError: T, onRetry: E, selectedKeys: D, listType: O }) {
+	let { isDisabled: k } = e(), A = o(() => new f({
+		estimatedRowHeight: O === t.Browse ? h : g,
+		gap: _
+	}), [O]), j = s(null), M = a((e) => {
+		if (e === "LOAD_MORE_ERROR_ROW_ID") {
+			k || E();
+			return;
+		}
+		b(e);
+	}, [
+		k,
+		b,
+		E
+	]), N = a((e) => {
+		if (e === "all") return;
+		let [t] = e;
+		t !== void 0 && !D.has(String(t)) && M(t);
+	}, [M, D]), P = C && !w && T === null && !k;
+	return /* @__PURE__ */ c(p, {
+		layout: A,
+		children: /* @__PURE__ */ l(d, {
+			ref: j,
+			"aria-label": v,
+			className: m.list,
+			onSelectionChange: N,
+			selectedKeys: D,
+			selectionMode: "single",
+			children: [
+				/* @__PURE__ */ c(u, {
+					items: y,
+					children: x
+				}),
+				w && /* @__PURE__ */ c(r, {}),
+				T !== null && /* @__PURE__ */ c(n, { onRetry: E }),
+				P && /* @__PURE__ */ c(i, {
+					onLoadMore: S,
+					scrollContainerRef: j
+				})
+			]
+		})
+	});
+}
+export { v as t };

package/dist/esm/index.js

@@ -1,4 +1,2 @@
-import { MetadataTemplateBrowser as r } from "./lib/metadata-template-browser.js";
-export {
-  r as MetadataTemplateBrowser
-};
+import { MetadataTemplateBrowser as e } from "./lib/metadata-template-browser.js";
+export { e as MetadataTemplateBrowser };

package/dist/esm/lib/components/breadcrumb-navigation/breadcrumb-navigation.js

@@ -1,51 +1,2 @@
-import { Breadcrumb as L } from "@box/blueprint-web";
-import C from "clsx";
-import { useIntl as g } from "react-intl";
-import { messages as s } from "./messages.js";
-import { jsx as o } from "react/jsx-runtime";
-import { useConsumerState as v, useNavigationState as k, useSearchState as N, useBrowserActions as _ } from "../../contexts/hooks.js";
-import '../../../../styles/breadcrumb-navigation.css';const q = "_breadcrumb_a03s0_1", A = "_disabled_a03s0_6", c = {
-  breadcrumb: q,
-  disabled: A
-};
-function x() {
-  const {
-    formatMessage: e
-  } = g(), {
-    isDisabled: t
-  } = v(), {
-    path: a,
-    namespaceFQN: n
-  } = k(), {
-    searchValue: m
-  } = N(), {
-    navigateBack: l
-  } = _();
-  if (m.length > 0)
-    return null;
-  const i = a[0], u = i ? i.fqn.split(".").slice(0, -1).join(".") : n, b = a.at(-1)?.fqn ?? n, d = {
-    id: u,
-    name: e(s.enterpriseCrumbLabel)
-  }, f = a.map((r) => ({
-    id: r.fqn,
-    name: r.displayName
-  })), p = [d, ...f], h = (r) => {
-    t || r === b || l(r);
-  };
-  return /* @__PURE__ */ o("div", {
-    className: C(c.breadcrumb, {
-      [c.disabled]: t
-    }),
-    children: /* @__PURE__ */ o(L, {
-      breadcrumbAriaLabel: e(s.breadcrumbAriaLabel),
-      crumbs: p,
-      isInteractive: !t,
-      onPageLinkClick: h,
-      size: "small",
-      truncatedLinksIconAriaLabel: e(s.truncatedLinksIconAriaLabel)
-    })
-  });
-}
-export {
-  x as BreadcrumbNavigation
-};
+import { t as e } from "../../../../chunks/breadcrumb-navigation.js";
+export { e as BreadcrumbNavigation };

package/dist/esm/lib/components/breadcrumb-navigation/index.js

@@ -1,4 +1,2 @@
-import { BreadcrumbNavigation as o } from "./breadcrumb-navigation.js";
-export {
-  o as BreadcrumbNavigation
-};
+import { t as e } from "../../../../chunks/breadcrumb-navigation.js";
+export { e as BreadcrumbNavigation };

package/dist/esm/lib/components/breadcrumb-navigation/messages.js

@@ -1,18 +1,16 @@
 import { defineMessages as e } from "react-intl";
-const r = e({
-  breadcrumbAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.breadcrumbNavigation.breadcrumbAriaLabel",
-    defaultMessage: "Navigation"
-  },
-  enterpriseCrumbLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.breadcrumbNavigation.enterpriseCrumbLabel",
-    defaultMessage: "Enterprise"
-  },
-  truncatedLinksIconAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.breadcrumbNavigation.truncatedLinksIconAriaLabel",
-    defaultMessage: "Show more"
-  }
+var t = e({
+	breadcrumbAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.breadcrumbNavigation.breadcrumbAriaLabel",
+		defaultMessage: "Navigation"
+	},
+	enterpriseCrumbLabel: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.breadcrumbNavigation.enterpriseCrumbLabel",
+		defaultMessage: "Enterprise"
+	},
+	truncatedLinksIconAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.breadcrumbNavigation.truncatedLinksIconAriaLabel",
+		defaultMessage: "Show more"
+	}
 });
-export {
-  r as messages
-};
+export { t as messages };

package/dist/esm/lib/components/browse-list/browse-list.js

@@ -1,83 +1,58 @@
-import { EmptyState as E, Text as x } from "@box/blueprint-web";
-import { NoTemplates as L } from "@box/blueprint-web-assets/illustrations/Medium";
-import { useCallback as g } from "react";
-import { useIntl as v } from "react-intl";
-import { T as l } from "../../../../chunks/types.js";
-import { messages as s } from "./messages.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useBrowseState as R, useBrowserActions as S } from "../../contexts/hooks.js";
-import { NamespaceRow as I } from "../namespace-row/namespace-row.js";
-import { TemplateRow as z } from "../template-row/template-row.js";
-import { LoaderSkeleton as A } from "../loader-skeleton/loader-skeleton.js";
-import { ErrorState as F } from "../error-state/error-state.js";
-import { VirtualizedGridList as V } from "../virtualized-grid-list/virtualized-grid-list.js";
-var o = /* @__PURE__ */ (function(t) {
-  return t.Namespace = "namespace", t.Template = "template", t;
-})(o || {});
-function Y({
-  onAction: t,
-  selectedKeys: c
-}) {
-  const {
-    formatMessage: a
-  } = v(), {
-    namespaces: d,
-    templates: f,
-    isNamespacesExhausted: m,
-    namespaceNextMarker: u,
-    templateNextMarker: w,
-    isFetching: y,
-    isFetchingMore: T,
-    browseError: M,
-    loadMoreError: b
-  } = R(), {
-    loadMore: i,
-    retry: h,
-    editTemplate: n
-  } = S(), N = u !== void 0 || m && w !== void 0, k = g((e) => e.kind === o.Namespace ? /* @__PURE__ */ r(I, {
-    namespace: e.namespace
-  }) : /* @__PURE__ */ r(z, {
-    onEdit: n,
-    template: e.template,
-    variant: l.Browse
-  }), [n]);
-  if (y)
-    return /* @__PURE__ */ r(A, {});
-  if (M !== null)
-    return /* @__PURE__ */ r(F, {
-      body: a(s.browseErrorBody),
-      onRetry: h
-    });
-  const B = m ? f : [], p = [...d.map((e) => ({
-    id: e.id,
-    kind: o.Namespace,
-    namespace: e
-  })), ...B.map((e) => ({
-    id: e.id,
-    kind: o.Template,
-    template: e
-  }))];
-  return p.length === 0 ? /* @__PURE__ */ r(E, {
-    body: /* @__PURE__ */ r(x, {
-      as: "p",
-      children: a(s.emptyStateBody)
-    }),
-    illustration: L,
-    size: "small"
-  }) : /* @__PURE__ */ r(V, {
-    ariaLabel: a(s.listAriaLabel),
-    isFetchingMore: T,
-    items: p,
-    listType: l.Browse,
-    loadMoreError: b,
-    onAction: t,
-    hasMoreItems: N,
-    onLoadMore: i,
-    onRetry: i,
-    selectedKeys: c,
-    children: k
-  });
+import { useBrowseState as e, useBrowserActions as t } from "../../contexts/hooks.js";
+import { t as n } from "../../../../chunks/types.js";
+import { ErrorState as r } from "../error-state/error-state.js";
+import { t as i } from "../../../../chunks/loader-skeleton.js";
+import { NamespaceRow as a } from "../namespace-row/namespace-row.js";
+import { TemplateRow as o } from "../template-row/template-row.js";
+import { t as s } from "../../../../chunks/virtualized-grid-list.js";
+import { messages as c } from "./messages.js";
+import { EmptyState as l, Text as u } from "@box/blueprint-web";
+import { useIntl as d } from "react-intl";
+import { useCallback as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { NoTemplates as m } from "@box/blueprint-web-assets/illustrations/Medium";
+var h = /* @__PURE__ */ function(e) {
+	return e.Namespace = "namespace", e.Template = "template", e;
+}(h || {});
+function g({ onAction: g, selectedKeys: _ }) {
+	let { formatMessage: v } = d(), { namespaces: y, templates: b, isNamespacesExhausted: x, namespaceNextMarker: S, templateNextMarker: C, isFetching: w, isFetchingMore: T, browseError: E, loadMoreError: D } = e(), { loadMore: O, retry: k, editTemplate: A } = t(), j = S !== void 0 || x && C !== void 0, M = f((e) => e.kind === h.Namespace ? /* @__PURE__ */ p(a, { namespace: e.namespace }) : /* @__PURE__ */ p(o, {
+		onEdit: A,
+		template: e.template,
+		variant: n.Browse
+	}), [A]);
+	if (w) return /* @__PURE__ */ p(i, {});
+	if (E !== null) return /* @__PURE__ */ p(r, {
+		body: v(c.browseErrorBody),
+		onRetry: k
+	});
+	let N = x ? b : [], P = [...y.map((e) => ({
+		id: e.id,
+		kind: h.Namespace,
+		namespace: e
+	})), ...N.map((e) => ({
+		id: e.id,
+		kind: h.Template,
+		template: e
+	}))];
+	return P.length === 0 ? /* @__PURE__ */ p(l, {
+		body: /* @__PURE__ */ p(u, {
+			as: "p",
+			children: v(c.emptyStateBody)
+		}),
+		illustration: m,
+		size: "small"
+	}) : /* @__PURE__ */ p(s, {
+		ariaLabel: v(c.listAriaLabel),
+		isFetchingMore: T,
+		items: P,
+		listType: n.Browse,
+		loadMoreError: D,
+		onAction: g,
+		hasMoreItems: j,
+		onLoadMore: O,
+		onRetry: O,
+		selectedKeys: _,
+		children: M
+	});
 }
-export {
-  Y as BrowseList
-};
+export { g as BrowseList };

package/dist/esm/lib/components/browse-list/index.js

@@ -1,4 +1,2 @@
 import { BrowseList as e } from "./browse-list.js";
-export {
-  e as BrowseList
-};
+export { e as BrowseList };