@box/combobox-with-api 2.1.36 → 2.1.37

package/dist/chunks/dynamic-loading-tree.js

@@ -1,293 +1 @@
-import { RootTreeNode as e, getServiceNode as t, hasValidLevel as n } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
-import { n as r, r as i, t as a } from "./treeReducer.js";
-import { LoadingIndicator as o } from "@box/blueprint-web";
-import { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useReducer as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { InlineError as h, Tree as g } from "@box/tree";
-import '../styles/dynamic-loading-tree.css';var _ = {
-	container: "_container_ajuss_27",
-	disabled: "_disabled_ajuss_50",
-	label: "_label_ajuss_53",
-	hiddenLabel: "_hiddenLabel_ajuss_77",
-	comboboxContainer: "_comboboxContainer_ajuss_80",
-	withComboboxButtons: "_withComboboxButtons_ajuss_96",
-	textInputWrapper: "_textInputWrapper_ajuss_118",
-	textInput: "_textInput_ajuss_118",
-	comboboxButtons: "_comboboxButtons_ajuss_152",
-	withChips: "_withChips_ajuss_159",
-	popover: "_popover_ajuss_167",
-	loadingIndicator: "_loadingIndicator_ajuss_205",
-	noResultOption: "_noResultOption_ajuss_208"
-}, v = (e) => {
-	let t = [...e.children], { metadata: n } = e;
-	return {
-		...e,
-		children: t,
-		metadata: {
-			...e.metadata,
-			variant: n.variant,
-			isLoading: e.status === "loading" && !e.children.length,
-			labelName: n.labelName || "",
-			labelValue: n.labelValue || ""
-		}
-	};
-}, y = (e, n) => {
-	let r;
-	return e.children.length && e.status === "loading" && (r = t(n.id, n.metadata.displayValue, "loading")), e.status === "error" && (r = t(n.id, n.metadata.displayValue, "reload")), e.status === "success" && e.marker && (r = t(n.id, n.metadata.displayValue, "loadMore")), r;
-}, b = /*#__PURE__*/ s(({ ariaLabel: t, onSelect: s, selectedNodes: b, defaultFetcher: x, levels: S, selectableLevels: C, multiselect: w, open: T, searchInput: E, noResultMessage: D, loadingAriaLabel: O }, k) => {
-	let [A, j] = d(r, a), [M, N] = f({
-		nodes: [],
-		selectedIds: []
-	}), [P, F] = f(!1), [I, L] = f(!1), R = u(() => Math.max(...C), [C]), z = c((e = A) => {
-		let t = [];
-		return [...Object.values(e).map((e) => {
-			let n = v(e), r = y(e, n);
-			return r && (t.push(r), n.children.push(r.id)), n;
-		}), ...t];
-	}, [A]), B = c((e) => {
-		let t = e.ancestors?.find((t) => t.level === e.level - 1), n = S.find((t) => t.level === e.level);
-		return e.level === 1 || E === "" ? e.displayValue : {
-			labelName: n.displayName,
-			labelValue: t.displayName
-		};
-	}, [S, E]), V = c((t) => ({
-		id: t.value,
-		name: t.displayValue,
-		parent: e.id,
-		isBranch: t.level !== R,
-		children: [],
-		metadata: {
-			variant: "content",
-			displayValue: t.displayValue,
-			level: t.level,
-			selectable: t.selectable,
-			marker: t.marker,
-			ancestors: t.ancestors
-		}
-	}), [R]), H = c((t, n) => {
-		j({
-			type: i.RESET,
-			payload: {
-				id: e.id,
-				items: []
-			}
-		}), j({
-			type: i.LOAD_SUCCESS,
-			payload: {
-				id: e.id,
-				items: t,
-				marker: n
-			}
-		}), F(!1);
-	}, [j, F]), U = c(() => {
-		j({
-			type: i.LOAD_ERROR,
-			payload: { id: e.id }
-		}), F(!1), L(!0);
-	}, [
-		j,
-		F,
-		L
-	]), W = c((e, t) => {
-		let n = new Set(e.map((e) => e.id));
-		return t.filter((e) => e != null && n.has(e));
-	}, []);
-	l(() => {
-		let e = z(A);
-		N({
-			nodes: e,
-			selectedIds: W(e, b)
-		});
-	}, [
-		W,
-		z,
-		b,
-		A,
-		I
-	]), l(() => {
-		if (!T) return;
-		let { signal: t } = new AbortController();
-		F(!0), L(!1), E ? (j({
-			type: i.RESET,
-			payload: {
-				id: e.id,
-				items: []
-			}
-		}), x({
-			signal: t,
-			marker: null,
-			searchInput: E,
-			level: null,
-			onlySelectableOptions: !1,
-			ancestorId: null
-		}).then((t) => {
-			H(t.options.filter((e) => e.selectable).map((t) => {
-				let { labelName: n, labelValue: r } = B(t);
-				return {
-					id: t.value,
-					name: t.displayValue,
-					parent: e.id,
-					isBranch: t.level < R,
-					children: [],
-					metadata: {
-						variant: t.level === 1 ? "content" : "labeled",
-						displayValue: t.displayValue,
-						level: t.level,
-						selectable: t.selectable,
-						ancestors: t.ancestors,
-						labelName: n,
-						labelValue: r
-					}
-				};
-			}), t.marker);
-		}).catch(() => {
-			U();
-		})) : (j({
-			type: i.RESET,
-			payload: {
-				id: e.id,
-				items: []
-			}
-		}), j({
-			type: i.LOAD_DATA,
-			payload: { id: e.id }
-		}), x({
-			signal: t,
-			marker: null,
-			searchInput: "",
-			level: 1,
-			onlySelectableOptions: !1,
-			ancestorId: null
-		}).then((e) => {
-			H(e.options.map(V), e.marker);
-		}).catch(() => {
-			U();
-		}));
-	}, [
-		x,
-		V,
-		T,
-		E,
-		S,
-		R,
-		B,
-		H,
-		U
-	]);
-	let G = c((e) => {
-		let { isExpanded: t, isDisabled: n, element: r } = e;
-		if (!t || n) {
-			j({
-				type: i.RESET,
-				payload: {
-					id: r.id,
-					items: []
-				}
-			});
-			return;
-		}
-		let { level: a } = r.metadata, { id: o, marker: s } = r, { signal: c } = new AbortController();
-		j({
-			type: i.LOAD_DATA,
-			payload: { id: o }
-		}), x({
-			signal: c,
-			marker: s,
-			searchInput: "",
-			level: a + 1,
-			ancestorId: o,
-			onlySelectableOptions: !1
-		}).then((e) => {
-			let t = e.options.map((e) => (r.children.push(e.value), V(e)));
-			j({
-				type: i.LOAD_SUCCESS,
-				payload: {
-					id: o,
-					items: t,
-					marker: e.marker
-				}
-			});
-		}).catch(() => {
-			j({
-				type: i.LOAD_ERROR,
-				payload: { id: o }
-			});
-		});
-	}, [x, V]), K = c((t) => {
-		I && (L(!1), F(!0));
-		let n = A[t], { level: r } = n.metadata, { id: a, marker: o } = n, { signal: s } = new AbortController();
-		j({
-			type: i.LOAD_DATA,
-			payload: { id: a }
-		}), x({
-			signal: s,
-			marker: o,
-			searchInput: E,
-			level: E === "" ? r + 1 : null,
-			ancestorId: a === e.id ? null : a.toString(),
-			onlySelectableOptions: !1
-		}).then((e) => {
-			let t = e.options.map(V);
-			j({
-				type: i.LOAD_SUCCESS,
-				payload: {
-					id: a,
-					items: t,
-					marker: e.marker
-				}
-			}), F(!1);
-		}).catch(() => {
-			j({
-				type: i.LOAD_ERROR,
-				payload: {
-					id: a,
-					marker: o
-				}
-			});
-		});
-	}, [
-		x,
-		I,
-		V,
-		E,
-		A
-	]), { isTreeEmpty: q, focusedId: J } = u(() => {
-		let t = M.nodes.find(({ id: t }) => t === e.id)?.children ?? [], n = t[0], r = !w && M.selectedIds.length === 0 && n != null;
-		return {
-			isTreeEmpty: M.nodes.length === 0 || t.length === 0,
-			focusedId: r ? n : void 0
-		};
-	}, [
-		w,
-		M.nodes,
-		M.selectedIds.length
-	]), Y = c((e) => {
-		let { metadata: t } = e.element;
-		n(t) && C.includes(t.level) ? s(e) : (e.isSelected = !1, e.treeState.selectedIds.delete(e.element.id));
-	}, [C, s]);
-	return I ? /* @__PURE__ */ p(h, { onReload: () => {
-		K("root");
-	} }) : /* @__PURE__ */ m("div", { children: [P && /* @__PURE__ */ p("div", {
-		className: _.noResultOption,
-		children: /* @__PURE__ */ p(o, {
-			"aria-label": O,
-			className: _.loadingIndicator
-		})
-	}), q && !P ? /* @__PURE__ */ p("div", {
-		className: _.noResultOption,
-		children: D
-	}) : !P && /* @__PURE__ */ p(g, {
-		ref: k,
-		"aria-label": t,
-		data: M.nodes,
-		focusedId: J,
-		multiSelect: w,
-		onExpand: G,
-		onLoadData: K,
-		onNodeSelect: Y,
-		selectedIds: M.selectedIds,
-		size: "large",
-		togglableSelect: !0
-	})] });
-});
-export { _ as n, b as t };
+import{RootTreeNode,getServiceNode,hasValidLevel}from"../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";import{n as treeReducer,r as ActionTypes,t as initialTreeState}from"./treeReducer.js";import{LoadingIndicator}from"@box/blueprint-web";import{forwardRef,useCallback,useEffect,useMemo,useReducer,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{InlineError,Tree}from"@box/tree";import '../styles/dynamic-loading-tree.css';var combobox_with_api_tree_module_default={container:`_container_ajuss_27`,disabled:`_disabled_ajuss_50`,label:`_label_ajuss_53`,hiddenLabel:`_hiddenLabel_ajuss_77`,comboboxContainer:`_comboboxContainer_ajuss_80`,withComboboxButtons:`_withComboboxButtons_ajuss_96`,textInputWrapper:`_textInputWrapper_ajuss_118`,textInput:`_textInput_ajuss_118`,comboboxButtons:`_comboboxButtons_ajuss_152`,withChips:`_withChips_ajuss_159`,popover:`_popover_ajuss_167`,loadingIndicator:`_loadingIndicator_ajuss_205`,noResultOption:`_noResultOption_ajuss_208`},getTreeNodeFromItem=item=>{let children=[...item.children],{metadata}=item;return{...item,children,metadata:{...item.metadata,variant:metadata.variant,isLoading:item.status===`loading`&&!item.children.length,labelName:metadata.labelName||``,labelValue:metadata.labelValue||``}}},getServiceNodeFromItem=(item,parentNode)=>{let serviceNode;return item.children.length&&item.status===`loading`&&(serviceNode=getServiceNode(parentNode.id,parentNode.metadata.displayValue,`loading`)),item.status===`error`&&(serviceNode=getServiceNode(parentNode.id,parentNode.metadata.displayValue,`reload`)),item.status===`success`&&item.marker&&(serviceNode=getServiceNode(parentNode.id,parentNode.metadata.displayValue,`loadMore`)),serviceNode},DynamicLoadingTree=forwardRef(({ariaLabel,onSelect,selectedNodes,defaultFetcher,levels,selectableLevels,multiselect,open,searchInput,noResultMessage,loadingAriaLabel},forwardedRef)=>{let[treeState,dispatch]=useReducer(treeReducer,initialTreeState),[treeData,setTreeData]=useState({nodes:[],selectedIds:[]}),[isLoading,setIsLoading]=useState(!1),[isTreeError,setIsTreeError]=useState(!1),maxSelectableLevel=useMemo(()=>Math.max(...selectableLevels),[selectableLevels]),getTreeDataFromState=useCallback((rawState=treeState)=>{let serviceNodes=[];return[...Object.values(rawState).map(item=>{let node=getTreeNodeFromItem(item),serviceNode=getServiceNodeFromItem(item,node);return serviceNode&&(serviceNodes.push(serviceNode),node.children.push(serviceNode.id)),node}),...serviceNodes]},[treeState]),getTreeNodeName=useCallback(option=>{let parentOption=option.ancestors?.find(a=>a.level===option.level-1),levelDesc=levels.find(l=>l.level===option.level);return option.level===1||searchInput===``?option.displayValue:{labelName:levelDesc.displayName,labelValue:parentOption.displayName}},[levels,searchInput]),mapFetcherOptionToStateItem=useCallback(option=>({id:option.value,name:option.displayValue,parent:RootTreeNode.id,isBranch:option.level!==maxSelectableLevel,children:[],metadata:{variant:`content`,displayValue:option.displayValue,level:option.level,selectable:option.selectable,marker:option.marker,ancestors:option.ancestors}}),[maxSelectableLevel]),dispatchTreeLoadingSuccess=useCallback((resNodes,resMarker)=>{dispatch({type:ActionTypes.RESET,payload:{id:RootTreeNode.id,items:[]}}),dispatch({type:ActionTypes.LOAD_SUCCESS,payload:{id:RootTreeNode.id,items:resNodes,marker:resMarker}}),setIsLoading(!1)},[dispatch,setIsLoading]),dispatchTreeLoadingError=useCallback(()=>{dispatch({type:ActionTypes.LOAD_ERROR,payload:{id:RootTreeNode.id}}),setIsLoading(!1),setIsTreeError(!0)},[dispatch,setIsLoading,setIsTreeError]),filterValidSelectedIds=useCallback((nodes,selectedIds)=>{let allNodeIds=new Set(nodes.map(node=>node.id));return selectedIds.filter(id=>id!=null&&allNodeIds.has(id))},[]);useEffect(()=>{let nodes=getTreeDataFromState(treeState);setTreeData({nodes,selectedIds:filterValidSelectedIds(nodes,selectedNodes)})},[filterValidSelectedIds,getTreeDataFromState,selectedNodes,treeState,isTreeError]),useEffect(()=>{if(!open)return;let{signal}=new AbortController;setIsLoading(!0),setIsTreeError(!1),searchInput?(dispatch({type:ActionTypes.RESET,payload:{id:RootTreeNode.id,items:[]}}),defaultFetcher({signal,marker:null,searchInput,level:null,onlySelectableOptions:!1,ancestorId:null}).then(res=>{dispatchTreeLoadingSuccess(res.options.filter(option=>option.selectable).map(option=>{let{labelName,labelValue}=getTreeNodeName(option);return{id:option.value,name:option.displayValue,parent:RootTreeNode.id,isBranch:option.level<maxSelectableLevel,children:[],metadata:{variant:option.level===1?`content`:`labeled`,displayValue:option.displayValue,level:option.level,selectable:option.selectable,ancestors:option.ancestors,labelName,labelValue}}}),res.marker)}).catch(()=>{dispatchTreeLoadingError()})):(dispatch({type:ActionTypes.RESET,payload:{id:RootTreeNode.id,items:[]}}),dispatch({type:ActionTypes.LOAD_DATA,payload:{id:RootTreeNode.id}}),defaultFetcher({signal,marker:null,searchInput:``,level:1,onlySelectableOptions:!1,ancestorId:null}).then(res=>{dispatchTreeLoadingSuccess(res.options.map(mapFetcherOptionToStateItem),res.marker)}).catch(()=>{dispatchTreeLoadingError()}))},[defaultFetcher,mapFetcherOptionToStateItem,open,searchInput,levels,maxSelectableLevel,getTreeNodeName,dispatchTreeLoadingSuccess,dispatchTreeLoadingError]);let onExpand=useCallback(item=>{let{isExpanded,isDisabled,element}=item;if(!isExpanded||isDisabled){dispatch({type:ActionTypes.RESET,payload:{id:element.id,items:[]}});return}let{level}=element.metadata,{id,marker}=element,{signal}=new AbortController;dispatch({type:ActionTypes.LOAD_DATA,payload:{id}}),defaultFetcher({signal,marker,searchInput:``,level:level+1,ancestorId:id,onlySelectableOptions:!1}).then(res=>{let resNodes=res.options.map(option=>(element.children.push(option.value),mapFetcherOptionToStateItem(option)));dispatch({type:ActionTypes.LOAD_SUCCESS,payload:{id,items:resNodes,marker:res.marker}})}).catch(()=>{dispatch({type:ActionTypes.LOAD_ERROR,payload:{id}})})},[defaultFetcher,mapFetcherOptionToStateItem]),handleNodeReload=useCallback(nodeId=>{isTreeError&&(setIsTreeError(!1),setIsLoading(!0));let element=treeState[nodeId],{level}=element.metadata,{id,marker}=element,{signal}=new AbortController;dispatch({type:ActionTypes.LOAD_DATA,payload:{id}}),defaultFetcher({signal,marker,searchInput,level:searchInput===``?level+1:null,ancestorId:id===RootTreeNode.id?null:id.toString(),onlySelectableOptions:!1}).then(res=>{let resNodes=res.options.map(mapFetcherOptionToStateItem);dispatch({type:ActionTypes.LOAD_SUCCESS,payload:{id,items:resNodes,marker:res.marker}}),setIsLoading(!1)}).catch(()=>{dispatch({type:ActionTypes.LOAD_ERROR,payload:{id,marker}})})},[defaultFetcher,isTreeError,mapFetcherOptionToStateItem,searchInput,treeState]),{isTreeEmpty,focusedId}=useMemo(()=>{let rootChildren=treeData.nodes.find(({id})=>id===RootTreeNode.id)?.children??[],firstRootChildId=rootChildren[0],shouldForceFocusFirstChild=!multiselect&&treeData.selectedIds.length===0&&firstRootChildId!=null;return{isTreeEmpty:treeData.nodes.length===0||rootChildren.length===0,focusedId:shouldForceFocusFirstChild?firstRootChildId:void 0}},[multiselect,treeData.nodes,treeData.selectedIds.length]),handleNodeSelection=useCallback(nodeSelectProps=>{let{metadata}=nodeSelectProps.element;hasValidLevel(metadata)&&selectableLevels.includes(metadata.level)?onSelect(nodeSelectProps):(nodeSelectProps.isSelected=!1,nodeSelectProps.treeState.selectedIds.delete(nodeSelectProps.element.id))},[selectableLevels,onSelect]);return isTreeError?jsx(InlineError,{onReload:()=>{handleNodeReload(`root`)}}):jsxs(`div`,{children:[isLoading&&jsx(`div`,{className:combobox_with_api_tree_module_default.noResultOption,children:jsx(LoadingIndicator,{"aria-label":loadingAriaLabel,className:combobox_with_api_tree_module_default.loadingIndicator})}),isTreeEmpty&&!isLoading?jsx(`div`,{className:combobox_with_api_tree_module_default.noResultOption,children:noResultMessage}):!isLoading&&jsx(Tree,{ref:forwardedRef,"aria-label":ariaLabel,data:treeData.nodes,focusedId,multiSelect:multiselect,onExpand,onLoadData:handleNodeReload,onNodeSelect:handleNodeSelection,selectedIds:treeData.selectedIds,size:`large`,togglableSelect:!0})]})});export{combobox_with_api_tree_module_default as n,DynamicLoadingTree as t};

package/dist/chunks/treeReducer.js

@@ -1,60 +1 @@
-import { RootTreeNode as e } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
-var t = /* @__PURE__ */ function(e) {
-	return e.LOAD_DATA = "LOAD_DATA", e.LOAD_ERROR = "LOAD_DATA_ERROR", e.LOAD_SUCCESS = "LOAD_DATA_SUCCESS", e.LOAD_MORE = "LOAD_DATA_SUCCESS", e.RESET = "RESET", e;
-}({}), n = (e, n) => {
-	let { id: r, items: i, marker: a } = n.payload;
-	switch (n.type) {
-		case t.LOAD_DATA: return {
-			...e,
-			[r]: {
-				...e[r],
-				status: "loading"
-			}
-		};
-		case t.LOAD_ERROR: return {
-			...e,
-			[r]: {
-				...e[r],
-				marker: a,
-				status: "error"
-			}
-		};
-		case t.LOAD_SUCCESS: {
-			let { itemsWithParent: t, itemsIds: n } = i.reduce((e, t) => ({
-				itemsWithParent: {
-					...e.itemsWithParent,
-					[t.id]: {
-						...t,
-						parent: r,
-						children: []
-					}
-				},
-				itemsIds: [...e.itemsIds, t.id]
-			}), {
-				itemsWithParent: {},
-				itemsIds: []
-			});
-			return {
-				...e,
-				[r]: {
-					...e[r],
-					status: "success",
-					marker: a,
-					children: [...e[r].children || [], ...n]
-				},
-				...t
-			};
-		}
-		case t.RESET: return {
-			...e,
-			[r]: {
-				...e[r],
-				status: "success",
-				marker: a,
-				children: []
-			}
-		};
-		default: return e;
-	}
-}, r = { [e.id]: e };
-export { n, t as r, r as t };
+import{RootTreeNode}from"../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";var ActionTypes=function(ActionTypes){return ActionTypes.LOAD_DATA=`LOAD_DATA`,ActionTypes.LOAD_ERROR=`LOAD_DATA_ERROR`,ActionTypes.LOAD_SUCCESS=`LOAD_DATA_SUCCESS`,ActionTypes.LOAD_MORE=`LOAD_DATA_SUCCESS`,ActionTypes.RESET=`RESET`,ActionTypes}({}),treeReducer=(state,action)=>{let{id,items,marker}=action.payload;switch(action.type){case ActionTypes.LOAD_DATA:return{...state,[id]:{...state[id],status:`loading`}};case ActionTypes.LOAD_ERROR:return{...state,[id]:{...state[id],marker,status:`error`}};case ActionTypes.LOAD_SUCCESS:{let{itemsWithParent,itemsIds}=items.reduce((acc,item)=>({itemsWithParent:{...acc.itemsWithParent,[item.id]:{...item,parent:id,children:[]}},itemsIds:[...acc.itemsIds,item.id]}),{itemsWithParent:{},itemsIds:[]});return{...state,[id]:{...state[id],status:`success`,marker,children:[...state[id].children||[],...itemsIds]},...itemsWithParent}}case ActionTypes.RESET:return{...state,[id]:{...state[id],status:`success`,marker,children:[]}};default:return state}},initialTreeState={[RootTreeNode.id]:RootTreeNode};export{treeReducer as n,ActionTypes as r,initialTreeState as t};

package/dist/esm/index.js

@@ -1,6 +1 @@
-import { t as e } from "../chunks/combobox-with-api-pagination.js";
-import { n as t, r as n, t as r } from "../chunks/combobox-with-api-pagination2.js";
-import { ComboboxWithApiTreeView as i } from "./lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js";
-import { n as a, r as o, t as s } from "../chunks/combobox-with-api-tree-view.js";
-import { ComboboxWithApiContainer as c } from "./lib/components/combobox-with-api/combobox-with-api-container.js";
-export { c as ComboboxWithApi, e as ComboboxWithApiPagination, i as ComboboxWithApiTreeView, o as apiResponse, s as findNode, r as findState, t as mockFetcher, a as mockTreeFetcher, n as states };
+import{t as ComboboxWithApiPagination}from"../chunks/combobox-with-api-pagination.js";import{n as mockFetcher,r as states,t as findState}from"../chunks/combobox-with-api-pagination2.js";import{ComboboxWithApiTreeView}from"./lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js";import{n as mockTreeFetcher,r as apiResponse,t as findNode}from"../chunks/combobox-with-api-tree-view.js";import{ComboboxWithApiContainer}from"./lib/components/combobox-with-api/combobox-with-api-container.js";export{ComboboxWithApiContainer as ComboboxWithApi,ComboboxWithApiPagination,ComboboxWithApiTreeView,apiResponse,findNode,findState,mockFetcher,mockTreeFetcher,states};

package/dist/esm/lib/components/combobox-with-api/combobox-with-api-container.js

@@ -1,48 +1 @@
-import { ComboboxWithApi as e } from "./combobox-with-api.js";
-import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import o from "lodash/debounce";
-var s = "AbortError", c = (c) => {
-	let { debounceTime: l = 250, defaultOptions: u, fetcher: d, includeTextInputOption: f = !1, onInputValueChange: p, ...m } = c, [h, g] = i(!1), [_, v] = i(!1), [y, b] = i(!1), [x, S] = i(""), [C, w] = i([]), T = r(() => o(S, l), [l]), E = (e) => {
-		T(e), p?.(e);
-	}, D = t(async (e) => {
-		let t = e.trim();
-		if (t) {
-			v(!1), g(!0);
-			try {
-				let e = await d(t);
-				(!(e.length > 0) || typeof e[0] == "string") && f ? w([t.toLocaleLowerCase(), ...e]) : (b(e?.length === 0), w(e));
-			} catch (e) {
-				e?.name !== s && v(!0);
-			} finally {
-				g(!1);
-			}
-		}
-	}, [d, f]), O = () => {
-		D(x);
-	};
-	n(() => (x.trim().length ? D(x) : (w([]), b(!1)), () => T.cancel()), [
-		T,
-		D,
-		x
-	]);
-	let k = r(() => {
-		let e = x.trim().length > 0;
-		return u?.length > 0 && !e ? u : C;
-	}, [
-		x,
-		u,
-		C
-	]);
-	return /* @__PURE__ */ a(e, {
-		...m,
-		isEmpty: y,
-		isError: _,
-		isLoading: h,
-		loading: h,
-		onInputValueChange: E,
-		onTryAgain: O,
-		options: k
-	});
-};
-export { c as ComboboxWithApiContainer };
+import{ComboboxWithApi}from"./combobox-with-api.js";import{useCallback,useEffect,useMemo,useState}from"react";import{jsx}from"react/jsx-runtime";import _debounce from"lodash/debounce";var abortErrorName=`AbortError`,ComboboxWithApiContainer=props=>{let{debounceTime=250,defaultOptions,fetcher,includeTextInputOption=!1,onInputValueChange,...rest}=props,[isLoading,setIsLoading]=useState(!1),[isError,setIsError]=useState(!1),[isEmpty,setIsEmpty]=useState(!1),[queryValue,setQueryValue]=useState(``),[fetchedOptions,setFetchedOptions]=useState([]),debouncedSetQueryValue=useMemo(()=>_debounce(setQueryValue,debounceTime),[debounceTime]),handleOnInputValueChange=inputVal=>{debouncedSetQueryValue(inputVal),onInputValueChange?.(inputVal)},fetchOptions=useCallback(async queryVal=>{let trimmedValue=queryVal.trim();if(trimmedValue){setIsError(!1),setIsLoading(!0);try{let data=await fetcher(trimmedValue);(!(data.length>0)||typeof data[0]==`string`)&&includeTextInputOption?setFetchedOptions([trimmedValue.toLocaleLowerCase(),...data]):(setIsEmpty(data?.length===0),setFetchedOptions(data))}catch(err){err?.name!==abortErrorName&&setIsError(!0)}finally{setIsLoading(!1)}}},[fetcher,includeTextInputOption]),onTryAgain=()=>{fetchOptions(queryValue)};useEffect(()=>(queryValue.trim().length?fetchOptions(queryValue):(setFetchedOptions([]),setIsEmpty(!1)),()=>debouncedSetQueryValue.cancel()),[debouncedSetQueryValue,fetchOptions,queryValue]);let options=useMemo(()=>{let hasQuery=queryValue.trim().length>0;return defaultOptions?.length>0&&!hasQuery?defaultOptions:fetchedOptions},[queryValue,defaultOptions,fetchedOptions]);return jsx(ComboboxWithApi,{...rest,isEmpty,isError,isLoading,loading:isLoading,onInputValueChange:handleOnInputValueChange,onTryAgain,options})};export{ComboboxWithApiContainer};

package/dist/esm/lib/components/combobox-with-api/combobox-with-api-error.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/combobox-with-api-error.js";
-export { e as default };
+import{t as ComboboxWithApiError}from"../../../../chunks/combobox-with-api-error.js";export{ComboboxWithApiError as default};

package/dist/esm/lib/components/combobox-with-api/combobox-with-api.js

@@ -1,17 +1 @@
-import { t as e } from "../../../../chunks/combobox-with-api-error.js";
-import { Combobox as t } from "@box/blueprint-web";
-import { useMemo as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import i from "lodash/uniqBy";
-var a = (a) => {
-	let { isEmpty: o, isError: s, isLoading: c, noResultMessage: l, onTryAgain: u, options: d, value: f, ...p } = a, m = n(() => Array.isArray(f) ? i([...d, ...f].reverse(), (e) => (typeof e == "string" ? e : e.value).toLocaleLowerCase().trim()).reverse() : d, [d, f]), h;
-	return h = s && !c ? /* @__PURE__ */ r(e, { onTryAgain: u }) : o && l && !c ? l : void 0, /* @__PURE__ */ r(t, {
-		...p,
-		hideSelectedOptions: !0,
-		loading: c,
-		noResultMessage: h,
-		options: m,
-		value: f
-	});
-};
-export { a as ComboboxWithApi };
+import{t as ComboboxWithApiError}from"../../../../chunks/combobox-with-api-error.js";import{Combobox}from"@box/blueprint-web";import{useMemo}from"react";import{jsx}from"react/jsx-runtime";import _uniqBy from"lodash/uniqBy";var ComboboxWithApi=props=>{let{isEmpty,isError,isLoading,noResultMessage,onTryAgain,options,value,...rest}=props,combinedOptions=useMemo(()=>Array.isArray(value)?_uniqBy([...options,...value].reverse(),item=>(typeof item==`string`?item:item.value).toLocaleLowerCase().trim()).reverse():options,[options,value]),noResultMessageFromState;return noResultMessageFromState=isError&&!isLoading?jsx(ComboboxWithApiError,{onTryAgain}):isEmpty&&noResultMessage&&!isLoading?noResultMessage:void 0,jsx(Combobox,{...rest,hideSelectedOptions:!0,loading:isLoading,noResultMessage:noResultMessageFromState,options:combinedOptions,value})};export{ComboboxWithApi};

package/dist/esm/lib/components/combobox-with-api/messages.js

@@ -1,6 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({ loadingResultsError: {
-	id: "comboboxWithApi.apiError",
-	defaultMessage: "Couldn't load results. Click to try again."
-} });
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({loadingResultsError:{id:`comboboxWithApi.apiError`,defaultMessage:`Couldn't load results. Click to try again.`}});export{messages as default};

package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/combobox-with-api-pagination.js";
-export { e as ComboboxWithApiPagination };
+import{t as ComboboxWithApiPagination}from"../../../../chunks/combobox-with-api-pagination.js";export{ComboboxWithApiPagination};

package/dist/esm/lib/components/combobox-with-api-pagination/index.js

@@ -1,3 +1 @@
-import { t as e } from "../../../../chunks/combobox-with-api-pagination.js";
-import { n as t, r as n, t as r } from "../../../../chunks/combobox-with-api-pagination2.js";
-export { e as ComboboxWithApiPagination, r as findState, t as mockFetcher, n as states };
+import{t as ComboboxWithApiPagination}from"../../../../chunks/combobox-with-api-pagination.js";import{n as mockFetcher,r as states,t as findState}from"../../../../chunks/combobox-with-api-pagination2.js";export{ComboboxWithApiPagination,findState,mockFetcher,states};

package/dist/esm/lib/components/combobox-with-api-pagination/messages.js

@@ -1,32 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	loadingResultsErrorAction: {
-		id: "comboboxWithApiPagination.errorAction",
-		defaultMessage: "Reload"
-	},
-	loadingResultsErrorMessage: {
-		id: "comboboxWithApiPagination.errorMessage",
-		defaultMessage: "Failed to load options"
-	},
-	loadingResultsErrorIconLabel: {
-		id: "comboboxWithApiPagination.errorIconLabel",
-		defaultMessage: "Error"
-	},
-	loadingAriaLabel: {
-		id: "comboboxWithApiPagination.loadingAriaLabel",
-		defaultMessage: "Loading..."
-	},
-	loadingMoreAriaLabel: {
-		id: "comboboxWithApiPagination.loadingMoreAriaLabel",
-		defaultMessage: "Loading more..."
-	},
-	noResults: {
-		id: "comboboxWithApiPagination.noResults",
-		defaultMessage: "No results found"
-	},
-	clearButtonAriaLabel: {
-		id: "comboboxWithApiPagination.clearButtonAriaLabel",
-		defaultMessage: "Clear input and selection"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({loadingResultsErrorAction:{id:`comboboxWithApiPagination.errorAction`,defaultMessage:`Reload`},loadingResultsErrorMessage:{id:`comboboxWithApiPagination.errorMessage`,defaultMessage:`Failed to load options`},loadingResultsErrorIconLabel:{id:`comboboxWithApiPagination.errorIconLabel`,defaultMessage:`Error`},loadingAriaLabel:{id:`comboboxWithApiPagination.loadingAriaLabel`,defaultMessage:`Loading...`},loadingMoreAriaLabel:{id:`comboboxWithApiPagination.loadingMoreAriaLabel`,defaultMessage:`Loading more...`},noResults:{id:`comboboxWithApiPagination.noResults`,defaultMessage:`No results found`},clearButtonAriaLabel:{id:`comboboxWithApiPagination.clearButtonAriaLabel`,defaultMessage:`Clear input and selection`}});export{messages as default};

package/dist/esm/lib/components/combobox-with-api-pagination/request.js

@@ -1,4 +1 @@
-var e = /* @__PURE__ */ function(e) {
-	return e.NOT_STARTED = "NOT_STARTED", e.IN_PROGRESS = "IN_PROGRESS", e.ERROR = "ERROR", e.SUCCESS = "SUCCESS", e.CANCELLED = "CANCELLED", e;
-}({});
-export { e as RequestStates };
+var RequestStates=function(RequestStates){return RequestStates.NOT_STARTED=`NOT_STARTED`,RequestStates.IN_PROGRESS=`IN_PROGRESS`,RequestStates.ERROR=`ERROR`,RequestStates.SUCCESS=`SUCCESS`,RequestStates.CANCELLED=`CANCELLED`,RequestStates}({});export{RequestStates};

package/dist/esm/lib/components/combobox-with-api-pagination/use-async-list.js

@@ -1,118 +1 @@
-import { RequestStates as e } from "./request.js";
-import { isAbortError as t } from "./utils/is-abort-error.js";
-import { useReducer as n } from "react";
-function r(t, n) {
-	switch (n.type) {
-		case "LOAD_MORE": return {
-			...t,
-			abortController: n.abortController,
-			error: null,
-			items: [...t.items, ...n.items],
-			marker: n.marker,
-			requestState: e.SUCCESS
-		};
-		case "RELOAD": return n.abortController === t.abortController ? {
-			...t,
-			abortController: null,
-			error: null,
-			items: [...n.items],
-			marker: n.marker,
-			requestState: e.SUCCESS,
-			searchInput: ""
-		} : t;
-		case "SEARCH": return {
-			...t,
-			abortController: n.abortController,
-			error: null,
-			items: [...n.items],
-			marker: n.marker,
-			requestState: e.SUCCESS,
-			searchInput: n.searchInput ?? t.searchInput
-		};
-		case "SET_ERROR": return {
-			...t,
-			items: t.items,
-			error: n.error,
-			requestState: e.ERROR
-		};
-		case "SET_LOADING": return {
-			...t,
-			requestInitiator: n.requestInitiator,
-			requestState: e.IN_PROGRESS,
-			abortController: n.abortController
-		};
-		default: throw Error(`Invalid action type "${n.type}"`);
-	}
-}
-function i(t, n) {
-	return t.type === "SEARCH" && n.requestState === e.IN_PROGRESS;
-}
-function a(t, n) {
-	return n.requestInitiator === "LOAD_MORE" && n.requestState === e.IN_PROGRESS && t.type === "LOAD_MORE";
-}
-function o(e, t) {
-	return i(e, t) || a(e, t);
-}
-function s(e, t) {
-	i(e, t) && t.abortController.abort(), a(e, t) && e.abortController?.abort();
-}
-function c(e, t) {
-	return a(e, t);
-}
-async function l(e, n, r, i) {
-	let a = new AbortController();
-	if (o(e, r) && s(e, r), !c(e, r)) {
-		i({
-			type: "SET_LOADING",
-			requestInitiator: e.type,
-			abortController: a
-		});
-		try {
-			let t = await n({
-				items: r.items.slice(),
-				signal: a.signal,
-				marker: e.type === "LOAD_MORE" ? r.marker : null,
-				searchInput: e.searchInput ?? r.searchInput
-			}), o = t.searchInput ?? e.searchInput ?? r.searchInput;
-			i({
-				type: e.type,
-				...t,
-				searchInput: o,
-				abortController: a
-			});
-		} catch (e) {
-			if (t(e)) return;
-			i({
-				type: "SET_ERROR",
-				error: e,
-				abortController: a
-			});
-		}
-	}
-}
-function u(t) {
-	let { load: i } = t, [a, o] = n(r, {
-		error: null,
-		items: [],
-		requestInitiator: null,
-		requestState: e.NOT_STARTED,
-		searchInput: ""
-	});
-	return {
-		hasError: a.requestState === e.ERROR,
-		hasNextPage: a.requestState === e.ERROR ? !1 : a.marker != null,
-		isEmpty: a.items.length === 0,
-		isLoading: a.requestState === e.IN_PROGRESS,
-		isReloading: a.requestState === e.IN_PROGRESS && (a.requestInitiator === "RELOAD" || a.requestInitiator === "SEARCH"),
-		items: a.items,
-		loadMore: () => l({ type: "LOAD_MORE" }, i, a, o),
-		reload: () => l({ type: "RELOAD" }, i, a, o),
-		requestInitiator: a.requestInitiator,
-		searchInput: a.searchInput,
-		search: (e) => l({
-			type: "SEARCH",
-			searchInput: e
-		}, i, a, o)
-	};
-}
-export { u as useAsyncList };
+import{RequestStates}from"./request.js";import{isAbortError}from"./utils/is-abort-error.js";import{useReducer}from"react";function reducer(data,action){switch(action.type){case`LOAD_MORE`:return{...data,abortController:action.abortController,error:null,items:[...data.items,...action.items],marker:action.marker,requestState:RequestStates.SUCCESS};case`RELOAD`:return action.abortController===data.abortController?{...data,abortController:null,error:null,items:[...action.items],marker:action.marker,requestState:RequestStates.SUCCESS,searchInput:``}:data;case`SEARCH`:return{...data,abortController:action.abortController,error:null,items:[...action.items],marker:action.marker,requestState:RequestStates.SUCCESS,searchInput:action.searchInput??data.searchInput};case`SET_ERROR`:return{...data,items:data.items,error:action.error,requestState:RequestStates.ERROR};case`SET_LOADING`:return{...data,requestInitiator:action.requestInitiator,requestState:RequestStates.IN_PROGRESS,abortController:action.abortController};default:throw Error(`Invalid action type "${action.type}"`)}}function hasPendingSearch(action,data){return action.type===`SEARCH`&&data.requestState===RequestStates.IN_PROGRESS}function hasPendingLoadMore(action,data){return data.requestInitiator===`LOAD_MORE`&&data.requestState===RequestStates.IN_PROGRESS&&action.type===`LOAD_MORE`}function shouldAbort(action,data){return hasPendingSearch(action,data)||hasPendingLoadMore(action,data)}function handleAbort(action,data){hasPendingSearch(action,data)&&data.abortController.abort(),hasPendingLoadMore(action,data)&&action.abortController?.abort()}function shouldPreventDispatch(action,data){return hasPendingLoadMore(action,data)}async function fetchData(action,fn,data,dispatch){let abortController=new AbortController;if(shouldAbort(action,data)&&handleAbort(action,data),!shouldPreventDispatch(action,data)){dispatch({type:`SET_LOADING`,requestInitiator:action.type,abortController});try{let response=await fn({items:data.items.slice(),signal:abortController.signal,marker:action.type===`LOAD_MORE`?data.marker:null,searchInput:action.searchInput??data.searchInput}),searchInput=response.searchInput??action.searchInput??data.searchInput;dispatch({type:action.type,...response,searchInput,abortController})}catch(error){if(isAbortError(error))return;dispatch({type:`SET_ERROR`,error,abortController})}}}function useAsyncList(options){let{load}=options,[data,dispatch]=useReducer(reducer,{error:null,items:[],requestInitiator:null,requestState:RequestStates.NOT_STARTED,searchInput:``});return{hasError:data.requestState===RequestStates.ERROR,hasNextPage:data.requestState===RequestStates.ERROR?!1:data.marker!=null,isEmpty:data.items.length===0,isLoading:data.requestState===RequestStates.IN_PROGRESS,isReloading:data.requestState===RequestStates.IN_PROGRESS&&(data.requestInitiator===`RELOAD`||data.requestInitiator===`SEARCH`),items:data.items,loadMore:()=>fetchData({type:`LOAD_MORE`},load,data,dispatch),reload:()=>fetchData({type:`RELOAD`},load,data,dispatch),requestInitiator:data.requestInitiator,searchInput:data.searchInput,search:searchInput=>fetchData({type:`SEARCH`,searchInput},load,data,dispatch)}}export{useAsyncList};

package/dist/esm/lib/components/combobox-with-api-pagination/utils/is-abort-error.js

@@ -1,11 +1 @@
-var e = "AbortError";
-function t(e) {
-	return !!(e && e.__CANCEL__);
-}
-function n(t) {
-	return !!(t && typeof t == "object" && t.name === e);
-}
-function r(e) {
-	return t(e) || n(e);
-}
-export { r as isAbortError };
+var ABORT_ERROR_NAME=`AbortError`;function isAxiosCancelError(value){return!!(value&&value.__CANCEL__)}function isFetchAbortError(value){return!!(value&&typeof value==`object`&&value.name===ABORT_ERROR_NAME)}function isAbortError(error){return isAxiosCancelError(error)||isFetchAbortError(error)}export{isAbortError};