@box/metadata-template-browser 2.1.34 → 2.1.36

package/dist/chunks/breadcrumb-navigation.js

@@ -1,35 +1 @@
-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 };
+import{useBrowserActions,useConsumerState,useNavigationState,useSearchState}from"../esm/lib/contexts/hooks.js";import{messages}from"../esm/lib/components/breadcrumb-navigation/messages.js";import{Breadcrumb}from"@box/blueprint-web";import classNames from"clsx";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import '../styles/breadcrumb-navigation.css';var breadcrumb_navigation_module_default={breadcrumb:`_breadcrumb_a03s0_1`,disabled:`_disabled_a03s0_6`};function BreadcrumbNavigation(){let{formatMessage}=useIntl(),{isDisabled}=useConsumerState(),{path,namespaceFQN}=useNavigationState(),{searchValue}=useSearchState(),{navigateBack}=useBrowserActions();if(searchValue.length>0)return null;let firstPathEntry=path[0],rootFqn=firstPathEntry?firstPathEntry.fqn.split(`.`).slice(0,-1).join(`.`):namespaceFQN,currentFqn=path.at(-1)?.fqn??namespaceFQN,crumbs=[{id:rootFqn,name:formatMessage(messages.enterpriseCrumbLabel)},...path.map(entry=>({id:entry.fqn,name:entry.displayName}))],handleCrumbClick=id=>{isDisabled||id!==currentFqn&&navigateBack(id)};return jsx(`div`,{className:classNames(breadcrumb_navigation_module_default.breadcrumb,{[breadcrumb_navigation_module_default.disabled]:isDisabled}),children:jsx(Breadcrumb,{breadcrumbAriaLabel:formatMessage(messages.breadcrumbAriaLabel),crumbs,isInteractive:!isDisabled,onPageLinkClick:handleCrumbClick,size:`small`,truncatedLinksIconAriaLabel:formatMessage(messages.truncatedLinksIconAriaLabel)})})}export{BreadcrumbNavigation as t};

package/dist/chunks/browser-row.js

@@ -1,60 +1 @@
-import { useConsumerState as e } from "../esm/lib/contexts/hooks.js";
-import { EllipsizableText as t, Tooltip as n } from "@box/blueprint-web";
-import r from "clsx";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { GridListItem as o } from "react-aria-components";
-import '../styles/browser-row.css';var s = {
-	row: "_row_1q43q_2",
-	leadingIcon: "_leadingIcon_1q43q_15",
-	content: "_content_1q43q_22",
-	trailingSlotHoverOnly: "_trailingSlotHoverOnly_1q43q_29",
-	item: "_item_1q43q_33",
-	disabled: "_disabled_1q43q_54",
-	applied: "_applied_1q43q_61",
-	trailingSlot: "_trailingSlot_1q43q_29",
-	subtitle: "_subtitle_1q43q_90"
-};
-function c({ id: c, leadingIcon: l, title: u, subtitle: d, trailingSlot: f, isTrailingSlotHoverOnly: p, isApplied: m, tooltipContent: h }) {
-	let { isDisabled: g } = e(), _ = r(s.trailingSlot, { [s.trailingSlotHoverOnly]: p }), v = /* @__PURE__ */ a("div", {
-		className: s.row,
-		children: [
-			l !== void 0 && /* @__PURE__ */ i("div", {
-				"aria-hidden": "true",
-				className: s.leadingIcon,
-				"data-testid": "leading-icon",
-				children: l
-			}),
-			/* @__PURE__ */ a("div", {
-				className: s.content,
-				children: [/* @__PURE__ */ i(t, {
-					as: "span",
-					lineClamp: 1,
-					variant: "bodyDefault",
-					children: u
-				}), d && /* @__PURE__ */ i("div", {
-					className: s.subtitle,
-					children: d
-				})]
-			}),
-			f !== void 0 && /* @__PURE__ */ i("div", {
-				className: _,
-				children: f
-			})
-		]
-	}), y = typeof h == "string" ? `${u}. ${h}` : u, b = /* @__PURE__ */ i(o, {
-		"aria-disabled": m && !g ? !0 : void 0,
-		className: r(s.item, {
-			[s.disabled]: g,
-			[s.applied]: m && !g
-		}),
-		id: c,
-		isDisabled: g,
-		textValue: y,
-		children: v
-	});
-	return h === void 0 ? b : /* @__PURE__ */ i(n, {
-		content: h,
-		children: b
-	});
-}
-export { c as t };
+import{useConsumerState}from"../esm/lib/contexts/hooks.js";import{EllipsizableText,Tooltip}from"@box/blueprint-web";import classNames from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{GridListItem}from"react-aria-components";import '../styles/browser-row.css';var browser_row_module_default={row:`_row_1q43q_2`,leadingIcon:`_leadingIcon_1q43q_15`,content:`_content_1q43q_22`,trailingSlotHoverOnly:`_trailingSlotHoverOnly_1q43q_29`,item:`_item_1q43q_33`,disabled:`_disabled_1q43q_54`,applied:`_applied_1q43q_61`,trailingSlot:`_trailingSlot_1q43q_29`,subtitle:`_subtitle_1q43q_90`};function BrowserRow({id,leadingIcon,title,subtitle,trailingSlot,isTrailingSlotHoverOnly,isApplied,tooltipContent}){let{isDisabled}=useConsumerState(),trailingSlotClassName=classNames(browser_row_module_default.trailingSlot,{[browser_row_module_default.trailingSlotHoverOnly]:isTrailingSlotHoverOnly}),rowContent=jsxs(`div`,{className:browser_row_module_default.row,children:[leadingIcon!==void 0&&jsx(`div`,{"aria-hidden":`true`,className:browser_row_module_default.leadingIcon,"data-testid":`leading-icon`,children:leadingIcon}),jsxs(`div`,{className:browser_row_module_default.content,children:[jsx(EllipsizableText,{as:`span`,lineClamp:1,variant:`bodyDefault`,children:title}),subtitle&&jsx(`div`,{className:browser_row_module_default.subtitle,children:subtitle})]}),trailingSlot!==void 0&&jsx(`div`,{className:trailingSlotClassName,children:trailingSlot})]}),textValue=typeof tooltipContent==`string`?`${title}. ${tooltipContent}`:title,item=jsx(GridListItem,{"aria-disabled":isApplied&&!isDisabled?!0:void 0,className:classNames(browser_row_module_default.item,{[browser_row_module_default.disabled]:isDisabled,[browser_row_module_default.applied]:isApplied&&!isDisabled}),id,isDisabled,textValue,children:rowContent});return tooltipContent===void 0?item:jsx(Tooltip,{content:tooltipContent,children:item})}export{BrowserRow as t};

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

@@ -1,31 +1 @@
-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 };
+import{LOAD_MORE_SENTINEL_ID}from"../esm/lib/constants.js";import{messages}from"../esm/lib/components/virtualized-grid-list/messages.js";import{useIntl}from"react-intl";import{useEffect,useRef}from"react";import{jsx}from"react/jsx-runtime";import{GridListItem}from"react-aria-components";import '../styles/grid-list-load-more-sentinel.css';var grid_list_load_more_sentinel_module_default={sentinel:`_sentinel_im31a_1`};function GridListLoadMoreSentinel({onLoadMore,scrollContainerRef}){let callbackRef=useRef(onLoadMore);callbackRef.current=onLoadMore;let{formatMessage}=useIntl(),label=formatMessage(messages.loadMoreSentinelAriaLabel);return useEffect(()=>{let scrollContainer=scrollContainerRef.current,rafId,hasCalledLoadMore=!1,checkAndLoad=()=>{if(!scrollContainer||hasCalledLoadMore)return;let{scrollTop,scrollHeight,clientHeight}=scrollContainer;scrollHeight-scrollTop-clientHeight<=clientHeight&&(hasCalledLoadMore=!0,callbackRef.current())},handleScroll=()=>{cancelAnimationFrame(rafId),rafId=requestAnimationFrame(checkAndLoad)};return scrollContainer?.addEventListener(`scroll`,handleScroll,{passive:!0}),rafId=requestAnimationFrame(checkAndLoad),()=>{scrollContainer?.removeEventListener(`scroll`,handleScroll),cancelAnimationFrame(rafId)}},[scrollContainerRef]),jsx(GridListItem,{"aria-hidden":`true`,className:grid_list_load_more_sentinel_module_default.sentinel,id:LOAD_MORE_SENTINEL_ID,isDisabled:!0,textValue:label})}export{GridListLoadMoreSentinel as t};

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

@@ -1,36 +1 @@
-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 };
+import{LOAD_MORE_ERROR_ROW_ID}from"../esm/lib/constants.js";import{useConsumerState}from"../esm/lib/contexts/hooks.js";import{messages}from"../esm/lib/components/load-more-feedback/messages.js";import{InlineNotice,TextButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{GridListItem}from"react-aria-components";import{Loader}from"@box/blueprint-web-assets/icons/Fill";import '../styles/load-more-error-row.css';var load_more_error_row_module_default={container:`_container_1bidp_1`,item:`_item_1bidp_9`};function LoadMoreErrorRow({onRetry}){let{formatMessage}=useIntl(),{isDisabled}=useConsumerState();return jsx(GridListItem,{className:load_more_error_row_module_default.item,id:LOAD_MORE_ERROR_ROW_ID,textValue:formatMessage(messages.loadMoreErrorBody),children:jsxs(`div`,{className:load_more_error_row_module_default.container,children:[jsx(InlineNotice,{variant:`error`,variantIconAriaLabel:formatMessage(messages.errorIconAriaLabel),children:formatMessage(messages.loadMoreErrorBody)}),jsx(TextButton,{disabled:isDisabled,icon:Loader,onClick:event=>{event.stopPropagation(),!isDisabled&&onRetry()},children:formatMessage(messages.retryLabel)})]})})}export{LoadMoreErrorRow as t};

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

@@ -1,26 +1 @@
-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 };
+import{LOAD_MORE_LOADING_ROW_ID}from"../esm/lib/constants.js";import{messages}from"../esm/lib/components/load-more-feedback/messages.js";import{Ghost}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{GridListItem}from"react-aria-components";import '../styles/load-more-loading-row.css';var load_more_loading_row_module_default={container:`_container_1rh3v_1`};function LoadMoreLoadingRow(){let{formatMessage}=useIntl(),label=formatMessage(messages.loadingRowAriaLabel);return jsx(GridListItem,{"aria-busy":`true`,"aria-label":label,id:LOAD_MORE_LOADING_ROW_ID,isDisabled:!0,textValue:label,children:jsxs(`div`,{className:load_more_loading_row_module_default.container,children:[jsx(Ghost,{height:16}),jsx(Ghost,{height:16}),jsx(Ghost,{height:16})]})})}export{LoadMoreLoadingRow as t};

package/dist/chunks/loader-skeleton.js

@@ -1,16 +1 @@
-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 };
+import{messages}from"../esm/lib/components/messages.js";import{Ghost}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import '../styles/loader-skeleton.css';var loader_skeleton_module_default={loaderSkeleton:`_loaderSkeleton_hxe4x_1`},ROW_HEIGHT=16,ROW_COUNT=20;function LoaderSkeleton(){let{formatMessage}=useIntl();return jsx(`div`,{"aria-busy":`true`,"aria-label":formatMessage(messages.loadingAriaLabel),className:loader_skeleton_module_default.loaderSkeleton,role:`status`,children:Array.from({length:ROW_COUNT},(_,index)=>jsx(Ghost,{height:ROW_HEIGHT},index))})}export{LoaderSkeleton as t};

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

@@ -1,42 +1 @@
-import { useBrowseState as e, useBrowserActions as t, useConsumerState as n, useNavigationState as r, useSearchState as i } from "../esm/lib/contexts/hooks.js";
-import { t as a } from "./breadcrumb-navigation.js";
-import { messages as o } from "../esm/lib/components/messages.js";
-import { useIsInitialBrowseLoading as s } from "../esm/lib/hooks/use-is-initial-browse-loading.js";
-import { t as c } from "./metadata-template-browser-list-box.js";
-import { Button as l, SearchInput as u } from "@box/blueprint-web";
-import { useIntl as d } from "react-intl";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Plus as m } from "@box/blueprint-web-assets/icons/Fill";
-import '../styles/metadata-template-browser-container.css';var h = {
-	container: "_container_1dqk1_1",
-	searchInput: "_searchInput_1dqk1_9",
-	createTemplateButton: "_createTemplateButton_1dqk1_13"
-};
-function g() {
-	let { formatMessage: g } = d(), { isDisabled: _ } = n(), { setSearchValue: v, createTemplate: y } = t(), { namespaceFQN: b, canCreateInCurrentNamespace: x } = r(), { searchValue: S } = i(), { isFetching: C, namespaces: w, templates: T, isNamespacesExhausted: E } = e(), D = s(), O = !C && E && w.length === 0 && T.length === 0, k = x && !D && !C && !O && S.length === 0;
-	return /* @__PURE__ */ p("div", {
-		className: h.container,
-		children: [
-			/* @__PURE__ */ f(u, {
-				className: h.searchInput,
-				disabled: _ || D,
-				onChange: v,
-				placeholder: g(o.searchInputPlaceholder),
-				searchInputAriaLabel: g(o.searchInputAriaLabel),
-				searchInputClearAriaLabel: g(o.searchInputClearAriaLabel)
-			}),
-			!D && /* @__PURE__ */ f(a, {}),
-			k && /* @__PURE__ */ f(l, {
-				className: h.createTemplateButton,
-				disabled: _,
-				startIcon: m,
-				onClick: () => y(b),
-				variant: "tertiary",
-				size: "large",
-				children: g(o.createTemplateButtonLabel)
-			}),
-			/* @__PURE__ */ f(c, {})
-		]
-	});
-}
-export { g as t };
+import{useBrowseState,useBrowserActions,useConsumerState,useNavigationState,useSearchState}from"../esm/lib/contexts/hooks.js";import{t as BreadcrumbNavigation}from"./breadcrumb-navigation.js";import{messages}from"../esm/lib/components/messages.js";import{useIsInitialBrowseLoading}from"../esm/lib/hooks/use-is-initial-browse-loading.js";import{t as MetadataTemplateBrowserListBox}from"./metadata-template-browser-list-box.js";import{Button,SearchInput}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Plus}from"@box/blueprint-web-assets/icons/Fill";import '../styles/metadata-template-browser-container.css';var metadata_template_browser_container_module_default={container:`_container_1dqk1_1`,searchInput:`_searchInput_1dqk1_9`,createTemplateButton:`_createTemplateButton_1dqk1_13`};function MetadataTemplateBrowserContainer(){let{formatMessage}=useIntl(),{isDisabled}=useConsumerState(),{setSearchValue,createTemplate}=useBrowserActions(),{namespaceFQN,canCreateInCurrentNamespace}=useNavigationState(),{searchValue}=useSearchState(),{isFetching,namespaces,templates,isNamespacesExhausted}=useBrowseState(),isInitialBrowseLoading=useIsInitialBrowseLoading(),isBrowseListEmpty=!isFetching&&isNamespacesExhausted&&namespaces.length===0&&templates.length===0,showCreateButton=canCreateInCurrentNamespace&&!isInitialBrowseLoading&&!isFetching&&!isBrowseListEmpty&&searchValue.length===0;return jsxs(`div`,{className:metadata_template_browser_container_module_default.container,children:[jsx(SearchInput,{className:metadata_template_browser_container_module_default.searchInput,disabled:isDisabled||isInitialBrowseLoading,onChange:setSearchValue,placeholder:formatMessage(messages.searchInputPlaceholder),searchInputAriaLabel:formatMessage(messages.searchInputAriaLabel),searchInputClearAriaLabel:formatMessage(messages.searchInputClearAriaLabel)}),!isInitialBrowseLoading&&jsx(BreadcrumbNavigation,{}),showCreateButton&&jsx(Button,{className:metadata_template_browser_container_module_default.createTemplateButton,disabled:isDisabled,startIcon:Plus,onClick:()=>createTemplate(namespaceFQN),variant:`tertiary`,size:`large`,children:formatMessage(messages.createTemplateButtonLabel)}),jsx(MetadataTemplateBrowserListBox,{})]})}export{MetadataTemplateBrowserContainer as t};

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

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

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

@@ -1,65 +1 @@
-import { useBrowseState as e, useBrowserActions as t, useConsumerState as n, useNavigationState as r, useSearchState as i, useSelectionState as a } from "../esm/lib/contexts/hooks.js";
-import { t as o } from "./loader-skeleton.js";
-import { BrowseList as s } from "../esm/lib/components/browse-list/browse-list.js";
-import { SearchList as c } from "../esm/lib/components/search-list/search-list.js";
-import { useIsInitialBrowseLoading as l } from "../esm/lib/hooks/use-is-initial-browse-loading.js";
-import { useFocusFirstRowAfterNavigation as u } from "../esm/lib/hooks/use-focus-first-row-after-navigation.js";
-import d from "clsx";
-import { useCallback as f, useMemo as p, useRef as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import '../styles/metadata-template-browser-list-box.css';var _ = {
-	listBox: "_listBox_1qbmg_1",
-	browseWrapper: "_browseWrapper_1qbmg_9",
-	hidden: "_hidden_1qbmg_16"
-};
-function v() {
-	let { isDisabled: v } = n(), y = l(), { searchValue: b, searchResults: x } = i(), { namespaces: S, templates: C, isFetching: w } = e(), { selectedTemplateId: T } = a(), { selectTemplate: E, navigateTo: D } = t(), { path: O } = r(), k = b.length > 0, A = m(null);
-	u({
-		containerRef: A,
-		path: O,
-		isFetching: w
-	});
-	let j = f((e) => {
-		if (v) return;
-		let t = String(e);
-		if (k) {
-			let e = x.find((e) => e.id === t);
-			e && E(e);
-			return;
-		}
-		let n = C.find((e) => e.id === t);
-		if (n) {
-			E(n);
-			return;
-		}
-		let r = S.find((e) => e.id === t);
-		r && D(r);
-	}, [
-		v,
-		k,
-		x,
-		C,
-		S,
-		E,
-		D
-	]), M = p(() => T ? new Set([T]) : /* @__PURE__ */ new Set(), [T]);
-	return y ? /* @__PURE__ */ h("div", {
-		className: _.listBox,
-		children: /* @__PURE__ */ h(o, {})
-	}) : /* @__PURE__ */ g("div", {
-		className: _.listBox,
-		children: [/* @__PURE__ */ h("div", {
-			ref: A,
-			"aria-hidden": k,
-			className: d(_.browseWrapper, k && _.hidden),
-			children: /* @__PURE__ */ h(s, {
-				onAction: j,
-				selectedKeys: M
-			})
-		}), k && /* @__PURE__ */ h(c, {
-			onAction: j,
-			selectedKeys: M
-		})]
-	});
-}
-export { v as t };
+import{useBrowseState,useBrowserActions,useConsumerState,useNavigationState,useSearchState,useSelectionState}from"../esm/lib/contexts/hooks.js";import{t as LoaderSkeleton}from"./loader-skeleton.js";import{BrowseList}from"../esm/lib/components/browse-list/browse-list.js";import{SearchList}from"../esm/lib/components/search-list/search-list.js";import{useIsInitialBrowseLoading}from"../esm/lib/hooks/use-is-initial-browse-loading.js";import{useFocusFirstRowAfterNavigation}from"../esm/lib/hooks/use-focus-first-row-after-navigation.js";import classNames from"clsx";import{useCallback,useMemo,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/metadata-template-browser-list-box.css';var metadata_template_browser_list_box_module_default={listBox:`_listBox_1qbmg_1`,browseWrapper:`_browseWrapper_1qbmg_9`,hidden:`_hidden_1qbmg_16`};function MetadataTemplateBrowserListBox(){let{isDisabled}=useConsumerState(),isInitialBrowseLoading=useIsInitialBrowseLoading(),{searchValue,searchResults}=useSearchState(),{namespaces,templates,isFetching}=useBrowseState(),{selectedTemplateId}=useSelectionState(),{selectTemplate,navigateTo}=useBrowserActions(),{path}=useNavigationState(),isSearchActive=searchValue.length>0,browseContainerRef=useRef(null);useFocusFirstRowAfterNavigation({containerRef:browseContainerRef,path,isFetching});let handleRowAction=useCallback(key=>{if(isDisabled)return;let id=String(key);if(isSearchActive){let template=searchResults.find(t=>t.id===id);template&&selectTemplate(template);return}let template=templates.find(t=>t.id===id);if(template){selectTemplate(template);return}let namespace=namespaces.find(ns=>ns.id===id);namespace&&navigateTo(namespace)},[isDisabled,isSearchActive,searchResults,templates,namespaces,selectTemplate,navigateTo]),selectedKeys=useMemo(()=>selectedTemplateId?new Set([selectedTemplateId]):new Set,[selectedTemplateId]);return isInitialBrowseLoading?jsx(`div`,{className:metadata_template_browser_list_box_module_default.listBox,children:jsx(LoaderSkeleton,{})}):jsxs(`div`,{className:metadata_template_browser_list_box_module_default.listBox,children:[jsx(`div`,{ref:browseContainerRef,"aria-hidden":isSearchActive,className:classNames(metadata_template_browser_list_box_module_default.browseWrapper,isSearchActive&&metadata_template_browser_list_box_module_default.hidden),children:jsx(BrowseList,{onAction:handleRowAction,selectedKeys})}),isSearchActive&&jsx(SearchList,{onAction:handleRowAction,selectedKeys})]})}export{MetadataTemplateBrowserListBox as t};

package/dist/chunks/types.js

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

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

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

package/dist/esm/index.js

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

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

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

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

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

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

@@ -1,16 +1 @@
-import { defineMessages as e } from "react-intl";
-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 { t as messages };
+import{defineMessages}from"react-intl";var messages=defineMessages({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{messages};

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

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

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

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

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

@@ -1,20 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	listAriaLabel: {
-		id: "groupSharedFeatures.metadataTemplateBrowser.browseList.listAriaLabel",
-		defaultMessage: "Metadata templates"
-	},
-	browseErrorBody: {
-		id: "groupSharedFeatures.metadataTemplateBrowser.browseList.browseErrorBody",
-		defaultMessage: "Something went wrong while loading this namespace."
-	},
-	emptyStateBody: {
-		id: "groupSharedFeatures.metadataTemplateBrowser.browseList.emptyStateBody",
-		defaultMessage: "There are no templates or namespaces in this folder."
-	},
-	createFirstTemplateButtonLabel: {
-		id: "groupSharedFeatures.metadataTemplateBrowser.browseList.createFirstTemplateButtonLabel",
-		defaultMessage: "Create first template"
-	}
-});
-export { t as messages };
+import{defineMessages}from"react-intl";var messages=defineMessages({listAriaLabel:{id:`groupSharedFeatures.metadataTemplateBrowser.browseList.listAriaLabel`,defaultMessage:`Metadata templates`},browseErrorBody:{id:`groupSharedFeatures.metadataTemplateBrowser.browseList.browseErrorBody`,defaultMessage:`Something went wrong while loading this namespace.`},emptyStateBody:{id:`groupSharedFeatures.metadataTemplateBrowser.browseList.emptyStateBody`,defaultMessage:`There are no templates or namespaces in this folder.`},createFirstTemplateButtonLabel:{id:`groupSharedFeatures.metadataTemplateBrowser.browseList.createFirstTemplateButtonLabel`,defaultMessage:`Create first template`}});export{messages};

package/dist/esm/lib/components/browser-row/browser-row.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/browser-row.js";
-export { e as BrowserRow };
+import{t as BrowserRow}from"../../../../chunks/browser-row.js";export{BrowserRow};

package/dist/esm/lib/components/browser-row/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/browser-row.js";
-export { e as BrowserRow };
+import{t as BrowserRow}from"../../../../chunks/browser-row.js";export{BrowserRow};

package/dist/esm/lib/components/error-state/error-state.js

@@ -1,23 +1 @@
-import { useConsumerState as e } from "../../contexts/hooks.js";
-import { messages as t } from "./messages.js";
-import { EmptyState as n, Text as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
-import { CustomTemplate as o } from "@box/blueprint-web-assets/illustrations/Small";
-function s({ body: s, onRetry: c }) {
-	let { formatMessage: l } = i(), { isDisabled: u } = e();
-	return /* @__PURE__ */ a(n, {
-		body: /* @__PURE__ */ a(r, {
-			as: "p",
-			children: s
-		}),
-		illustration: o,
-		size: "small",
-		children: /* @__PURE__ */ a(n.PrimaryAction, {
-			disabled: u,
-			onClick: c,
-			children: l(t.retryLabel)
-		})
-	});
-}
-export { s as ErrorState };
+import{useConsumerState}from"../../contexts/hooks.js";import{messages}from"./messages.js";import{EmptyState,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{CustomTemplate}from"@box/blueprint-web-assets/illustrations/Small";function ErrorState({body,onRetry}){let{formatMessage}=useIntl(),{isDisabled}=useConsumerState();return jsx(EmptyState,{body:jsx(Text,{as:`p`,children:body}),illustration:CustomTemplate,size:`small`,children:jsx(EmptyState.PrimaryAction,{disabled:isDisabled,onClick:onRetry,children:formatMessage(messages.retryLabel)})})}export{ErrorState};

package/dist/esm/lib/components/error-state/index.js

@@ -1,2 +1 @@
-import { ErrorState as e } from "./error-state.js";
-export { e as ErrorState };
+import{ErrorState}from"./error-state.js";export{ErrorState};