@box/combobox-with-api 1.42.33 → 1.42.35

package/dist/chunks/treeReducer.js

@@ -1,78 +1,60 @@
-import { RootTreeNode as n } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
-let s = /* @__PURE__ */ (function(r) {
-  return r.LOAD_DATA = "LOAD_DATA", r.LOAD_ERROR = "LOAD_DATA_ERROR", r.LOAD_SUCCESS = "LOAD_DATA_SUCCESS", r.LOAD_MORE = "LOAD_DATA_SUCCESS", r.RESET = "RESET", r;
-})({});
-const R = (r, A) => {
-  const {
-    id: e,
-    items: D,
-    marker: t
-  } = A.payload;
-  switch (A.type) {
-    case s.LOAD_DATA:
-      return {
-        ...r,
-        [e]: {
-          ...r[e],
-          status: "loading"
-        }
-      };
-    case s.LOAD_ERROR:
-      return {
-        ...r,
-        [e]: {
-          ...r[e],
-          marker: t,
-          status: "error"
-        }
-      };
-    case s.LOAD_SUCCESS: {
-      const {
-        itemsWithParent: u,
-        itemsIds: S
-      } = D.reduce((d, i) => ({
-        itemsWithParent: {
-          ...d.itemsWithParent,
-          [i.id]: {
-            ...i,
-            parent: e,
-            children: []
-          }
-        },
-        itemsIds: [...d.itemsIds, i.id]
-      }), {
-        itemsWithParent: {},
-        itemsIds: []
-      });
-      return {
-        ...r,
-        [e]: {
-          ...r[e],
-          status: "success",
-          marker: t,
-          children: [...r[e].children || [], ...S]
-        },
-        ...u
-      };
-    }
-    case s.RESET:
-      return {
-        ...r,
-        [e]: {
-          ...r[e],
-          status: "success",
-          marker: t,
-          children: []
-        }
-      };
-    default:
-      return r;
-  }
-}, E = {
-  [n.id]: n
-};
-export {
-  s as A,
-  E as i,
-  R as t
-};
+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 };

package/dist/esm/index.js

@@ -1,16 +1,6 @@
-import { ComboboxWithApiContainer as t } from "./lib/components/combobox-with-api/combobox-with-api-container.js";
-import { ComboboxWithApiPagination as r } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { ComboboxWithApiTreeView as p } from "./lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js";
-import { apiResponse as b, findNode as a, mockTreeFetcher as f } from "./lib/components/combobox-with-api-tree-view/index.js";
-import { findState as h, mockFetcher as s, states as C } from "./lib/components/combobox-with-api-pagination/index.js";
-export {
-  t as ComboboxWithApi,
-  r as ComboboxWithApiPagination,
-  p as ComboboxWithApiTreeView,
-  b as apiResponse,
-  a as findNode,
-  h as findState,
-  s as mockFetcher,
-  f as mockTreeFetcher,
-  C as states
-};
+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 };

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

@@ -1,53 +1,48 @@
-import { useState as o, useMemo as y, useCallback as Q, useEffect as T } from "react";
-import w from "lodash/debounce";
-import { ComboboxWithApi as D } from "./combobox-with-api.js";
-import { jsx as W } from "react/jsx-runtime";
-const j = "AbortError", _ = (b) => {
-  const {
-    debounceTime: u = 250,
-    defaultOptions: r,
-    fetcher: l,
-    includeTextInputOption: f = !1,
-    onInputValueChange: O,
-    ...C
-  } = b, [p, m] = o(!1), [I, h] = o(!1), [E, g] = o(!1), [e, x] = o(""), [d, a] = o([]), i = y(() => w(x, u), [u]), A = (n) => {
-    i(n), O?.(n);
-  }, c = Q(async (n) => {
-    const s = n.trim();
-    if (s) {
-      h(!1), m(!0);
-      try {
-        const t = await l(s);
-        if ((t.length > 0 ? typeof t[0] == "string" : !0) && f) {
-          const S = s.toLocaleLowerCase();
-          a([S, ...t]);
-        } else
-          g(t?.length === 0), a(t);
-      } catch (t) {
-        t?.name !== j && h(!0);
-      } finally {
-        m(!1);
-      }
-    }
-  }, [l, f]), V = () => {
-    c(e);
-  };
-  T(() => (e.trim().length ? c(e) : (a([]), g(!1)), () => i.cancel()), [i, c, e]);
-  const L = y(() => {
-    const n = e.trim().length > 0;
-    return r?.length > 0 && !n ? r : d;
-  }, [e, r, d]);
-  return /* @__PURE__ */ W(D, {
-    ...C,
-    isEmpty: E,
-    isError: I,
-    isLoading: p,
-    loading: p,
-    onInputValueChange: A,
-    onTryAgain: V,
-    options: L
-  });
-};
-export {
-  _ as ComboboxWithApiContainer
+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 };

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

@@ -1,26 +1,2 @@
-import { Combobox as e, Text as i } from "@box/blueprint-web";
-import { forwardRef as n } from "react";
-import { FormattedMessage as s } from "react-intl";
-import a from "./messages.js";
-import { jsx as o } from "react/jsx-runtime";
-import '../../../../styles/combobox-with-api-error.css';const m = "_container_1ozsi_1", c = {
-  container: m
-}, h = /* @__PURE__ */ n(({
-  onTryAgain: r
-}, t) => /* @__PURE__ */ o(e.Option, {
-  onClick: r,
-  children: /* @__PURE__ */ o("div", {
-    ref: t,
-    className: c.container,
-    children: /* @__PURE__ */ o(i, {
-      as: "span",
-      color: "textOnLightLink",
-      children: /* @__PURE__ */ o(s, {
-        ...a.loadingResultsError
-      })
-    })
-  })
-}));
-export {
-  h as default
-};
+import { t as e } from "../../../../chunks/combobox-with-api-error.js";
+export { e as default };

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

@@ -1,37 +1,17 @@
-import { useMemo as f } from "react";
-import v from "lodash/uniqBy";
-import { Combobox as b } from "@box/blueprint-web";
-import g from "./combobox-with-api-error.js";
-import { jsx as n } from "react/jsx-runtime";
-const h = (m) => {
-  const {
-    isEmpty: u,
-    isError: p,
-    isLoading: r,
-    noResultMessage: i,
-    onTryAgain: a,
-    options: t,
-    value: e,
-    ...l
-  } = m, c = f(() => {
-    if (Array.isArray(e)) {
-      const d = [...t, ...e].reverse();
-      return v(d, (s) => (typeof s == "string" ? s : s.value).toLocaleLowerCase().trim()).reverse();
-    }
-    return t;
-  }, [t, e]);
-  let o;
-  return p && !r ? o = /* @__PURE__ */ n(g, {
-    onTryAgain: a
-  }) : u && i && !r ? o = i : o = void 0, /* @__PURE__ */ n(b, {
-    ...l,
-    hideSelectedOptions: !0,
-    loading: r,
-    noResultMessage: o,
-    options: c,
-    value: e
-  });
-};
-export {
-  h as ComboboxWithApi
+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 };

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

@@ -1,10 +1,6 @@
-import { defineMessages as s } from "react-intl";
-const o = s({
-  loadingResultsError: {
-    id: "comboboxWithApi.apiError",
-    defaultMessage: "Couldn't load results. Click to try again."
-  }
-});
-export {
-  o as default
-};
+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 };

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

@@ -1,214 +1,2 @@
-import { ComboboxItemValue as ue } from "@ariakit/react";
-import { Combobox as d, useForkRef as de, LoadingIndicator as pe, InlineNotice as me, Text as he } from "@box/blueprint-web";
-import { Search as fe, Loader as ge } from "@box/blueprint-web-assets/icons/Fill";
-import { Size6 as V, Size1 as be, IconIconOnLightSecondary as Oe } from "@box/blueprint-web-assets/tokens/tokens";
-import N from "clsx";
-import { forwardRef as B, useRef as L, useState as xe, useCallback as k, useMemo as y, useEffect as _e } from "react";
-import { useIntl as W, FormattedMessage as F } from "react-intl";
-import a from "./messages.js";
-import { useAsyncList as Ce } from "./use-async-list.js";
-import { useControllableState as Re } from "./utils/use-controllable-state.js";
-import { useTrackVisibility as Ae } from "./utils/use-intersection-observer.js";
-import { jsx as r, jsxs as P, Fragment as Le } from "react/jsx-runtime";
-import '../../../../styles/combobox-with-api-pagination.css';const ye = "_disabled_19k3s_8", Ee = "_highlightOptionText_19k3s_12", Ie = "_selected_19k3s_24", ve = "_option_19k3s_35", Me = "_errorComboboxOption_19k3s_39", Se = "_errorComboboxOptionText_19k3s_44", i = {
-  disabled: ye,
-  highlightOptionText: Ee,
-  selected: Ie,
-  option: ve,
-  errorComboboxOption: Me,
-  errorComboboxOptionText: Se
-}, D = /* @__PURE__ */ B(({
-  onTryAgain: v
-}, p) => {
-  const {
-    formatMessage: m
-  } = W();
-  return /* @__PURE__ */ P(Le, {
-    children: [/* @__PURE__ */ r(me, {
-      variant: "error",
-      variantIconAriaLabel: m(a.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(F, {
-        ...a.loadingResultsErrorMessage
-      })
-    }), /* @__PURE__ */ r(d.Option, {
-      ref: p,
-      className: i.errorComboboxOption,
-      onClick: v,
-      children: /* @__PURE__ */ P(he, {
-        as: "span",
-        className: i.errorComboboxOptionText,
-        color: "textOnLightLink",
-        variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(F, {
-          ...a.loadingResultsErrorAction
-        }), /* @__PURE__ */ r(ge, {
-          color: "currentColor",
-          height: "12px",
-          width: "12px"
-        })]
-      })
-    })]
-  });
-}), E = "__LOADING__", I = "__LOADING_ERROR__", Te = "0px 0px 20px 0px", Ve = /* @__PURE__ */ r(fe, {
-  color: Oe,
-  height: V,
-  role: "presentation",
-  style: {
-    padding: be,
-    boxSizing: "border-box"
-  },
-  width: V
-}), qe = /* @__PURE__ */ B(function(p, m) {
-  const {
-    dataTargetId: w,
-    defaultFetcher: z,
-    initialOpen: G = !1,
-    onInputValueChange: j,
-    value: U,
-    onValueChange: q,
-    onOpenChange: h,
-    noResultMessage: H,
-    defaultValue: J = [],
-    loadingAriaLabel: K,
-    multiselect: s = !1,
-    disabled: f,
-    className: Q,
-    displaySingleSelectionAsChip: g = !0,
-    ...X
-  } = p, {
-    formatMessage: c
-  } = W(), b = L(null), O = L(!0), [Y, M] = xe(G), e = Ce({
-    async load({
-      marker: o,
-      searchInput: t,
-      signal: R
-    }) {
-      const l = await z({
-        signal: R,
-        marker: o,
-        searchInput: t
-      });
-      return {
-        items: l.options,
-        marker: l.marker
-      };
-    }
-  }), S = L(!1), Z = k(() => {
-    S.current || (e.reload(), S.current = !0);
-  }, []), [n, x] = Re({
-    prop: U,
-    defaultProp: J,
-    onChange: q
-  }), _ = !s && n.length === 1, $ = _ && !f, ee = k((o) => {
-    M(o), h?.(o);
-  }, [h]), oe = (o) => {
-    f || (o === void 0 ? (x([]), (!O.current || !g) && (e.search(""), O.current = !0)) : Array.isArray(o) ? x(o) : (x([o]), s || (M(!1), h?.(!1))));
-  }, te = y(() => n.length === 0 ? s ? [] : void 0 : s ? n : n[0], [s, n]), C = y(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), re = (o) => {
-    const {
-      value: t,
-      displayValue: R,
-      ...l
-    } = o;
-    if (t === E)
-      return e.hasNextPage ? /* @__PURE__ */ r(d.Option, {
-        ...l,
-        ref: se,
-        disabled: !0,
-        value: t,
-        children: /* @__PURE__ */ r(pe, {
-          "aria-label": c(a.loadingMoreAriaLabel),
-          style: {
-            position: "unset"
-          }
-        })
-      }) : null;
-    if (t === I && e.hasError && !e.isEmpty)
-      return /* @__PURE__ */ r(D, {
-        onTryAgain: () => {
-          e.loadMore(), b.current?.focus();
-        }
-      });
-    if (C.some((A) => A.value === t))
-      return null;
-    const ce = n.some((A) => A.value === t);
-    return /* @__PURE__ */ r(d.Option, {
-      ...l,
-      className: i.option,
-      value: t,
-      children: /* @__PURE__ */ r(ue, {
-        className: N(i.highlightOptionText, ce && i.selected),
-        value: R || t
-      })
-    });
-  }, ne = (o) => {
-    if (j?.(o), _ && o === "") {
-      O.current = !1;
-      return;
-    }
-    e.search(o);
-  }, ae = () => {
-    e.reload(), b.current?.focus();
-  };
-  let u;
-  e.hasError && !e.isLoading ? u = /* @__PURE__ */ r(D, {
-    onTryAgain: ae
-  }) : e.isEmpty && !e.isLoading ? u = H || c(a.noResults) : u = void 0;
-  const [se, {
-    rootRef: ie,
-    isVisible: T
-  }] = Ae({
-    rootMargin: Te
-  });
-  _e(() => {
-    if (!(T && e.hasNextPage))
-      return;
-    const t = setTimeout(() => {
-      e.loadMore();
-    }, 100);
-    return () => {
-      clearTimeout(t);
-    };
-  }, [T]);
-  const le = y(() => {
-    const o = e.hasNextPage ? {
-      displayValue: E,
-      value: E
-    } : null, t = !o && e.hasError && !e.isEmpty ? {
-      displayValue: I,
-      value: I
-    } : null;
-    return [...e.items, ...C, o, t].filter(Boolean);
-  }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, C]);
-  return /* @__PURE__ */ r(d, {
-    ...X,
-    ref: de(b, m),
-    as: "input",
-    className: N(Q, {
-      [i.disabled]: $
-    }),
-    clearButtonAriaLabel: c(a.clearButtonAriaLabel),
-    clearOnBlur: !1,
-    "data-target-id": w,
-    disabled: f || _ && g,
-    displaySingleSelectionAsChip: g,
-    displayValue: (o) => o.displayValue || o.value,
-    endComboboxIcon: Ve,
-    focusLoop: !1,
-    getPopoverRef: ie,
-    loading: e.isReloading,
-    loadingAriaLabel: K || c(a.loadingAriaLabel),
-    multiselect: s,
-    noResultMessage: u,
-    onFocus: Z,
-    onInputValueChange: ne,
-    onOpenChange: ee,
-    onValueChange: oe,
-    open: Y,
-    options: le,
-    renderOption: re,
-    value: te
-  });
-});
-export {
-  qe as ComboboxWithApiPagination
-};
+import { t as e } from "../../../../chunks/combobox-with-api-pagination.js";
+export { e as ComboboxWithApiPagination };