@box/combobox-with-api 0.45.8 → 0.46.0

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

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

package/dist/types/lib/components/combobox-with-api/types.d.ts

@@ -30,6 +30,10 @@ export type ComboboxWithApiContainerProps<Multiple extends boolean, FreeInput ex
      * Boolean to show a dropdown option for text input
      */
     includeTextInputOption?: boolean;
+    /**
+     * Default options to show when the input is empty
+     */
+    defaultOptions?: T[];
 };
 export type ComboboxWithApiErrorProps = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.45.8",
+    "version": "0.46.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^10.3.1",
@@ -11,11 +11,11 @@
         "react-intl": "^6.4.2"
     },
     "dependencies": {
-        "@box/tree": "^0.51.4",
+        "@box/tree": "^0.51.5",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.18.0",
+        "@box/blueprint-web": "^12.19.0",
         "@box/blueprint-web-assets": "^4.55.0",
         "@box/storybook-utils": "^0.13.8",
         "react": "^18.3.0",