@box/combobox-with-api 0.34.2 → 0.34.5

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

@@ -1,298 +1,280 @@
-import { Text as L, LoadingIndicator as G } from "@box/blueprint-web";
-import { Tree as H } from "@box/tree";
-import { useReducer as J, useState as V, useMemo as K, useCallback as O, useEffect as W } from "react";
-import { RootTreeNode as i, getServiceNode as g } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
-import { jsxs as N, jsx as u } from "react/jsx-runtime";
-import '../styles/dynamic-loading-tree.css';const Q = "_container_xz6fa_1", X = "_disabled_xz6fa_12", Y = "_label_xz6fa_15", Z = "_hiddenLabel_xz6fa_27", F = "_comboboxContainer_xz6fa_30", ee = "_withComboboxButtons_xz6fa_46", ae = "_error_xz6fa_54", te = "_textInputWrapper_xz6fa_62", ne = "_textInput_xz6fa_62", le = "_errorIcon_xz6fa_84", se = "_comboboxButtons_xz6fa_87", oe = "_withChips_xz6fa_94", re = "_inlineError_xz6fa_104", ie = "_popover_xz6fa_108", de = "_option_xz6fa_134", ce = "_indicator_xz6fa_157", pe = "_indicatorIcon_xz6fa_166", me = "_optionWithIndicator_xz6fa_169", _e = "_loadingIndicator_xz6fa_172", ue = "_noResultOption_xz6fa_175", C = {
+import { LoadingIndicator as q } from "@box/blueprint-web";
+import { Tree as G } from "@box/tree";
+import { useReducer as H, useState as k, useMemo as J, useCallback as O, useEffect as V } from "react";
+import { RootTreeNode as r, getServiceNode as L } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
+import { jsxs as K, jsx as R } from "react/jsx-runtime";
+import '../styles/dynamic-loading-tree.css';const Q = "_container_xz6fa_1", X = "_disabled_xz6fa_12", Y = "_label_xz6fa_15", Z = "_hiddenLabel_xz6fa_27", $ = "_comboboxContainer_xz6fa_30", F = "_withComboboxButtons_xz6fa_46", ee = "_error_xz6fa_54", ae = "_textInputWrapper_xz6fa_62", te = "_textInput_xz6fa_62", ne = "_errorIcon_xz6fa_84", le = "_comboboxButtons_xz6fa_87", oe = "_withChips_xz6fa_94", se = "_inlineError_xz6fa_104", re = "_popover_xz6fa_108", ie = "_option_xz6fa_134", de = "_indicator_xz6fa_157", ce = "_indicatorIcon_xz6fa_166", _e = "_optionWithIndicator_xz6fa_169", me = "_loadingIndicator_xz6fa_172", pe = "_noResultOption_xz6fa_175", C = {
   container: Q,
   disabled: X,
   label: Y,
   hiddenLabel: Z,
-  comboboxContainer: F,
-  withComboboxButtons: ee,
-  error: ae,
-  textInputWrapper: te,
-  textInput: ne,
-  errorIcon: le,
-  comboboxButtons: se,
+  comboboxContainer: $,
+  withComboboxButtons: F,
+  error: ee,
+  textInputWrapper: ae,
+  textInput: te,
+  errorIcon: ne,
+  comboboxButtons: le,
   withChips: oe,
-  inlineError: re,
-  popover: ie,
-  option: de,
-  indicator: ce,
-  indicatorIcon: pe,
-  optionWithIndicator: me,
-  loadingIndicator: _e,
-  noResultOption: ue
+  inlineError: se,
+  popover: re,
+  option: ie,
+  indicator: de,
+  indicatorIcon: ce,
+  optionWithIndicator: _e,
+  loadingIndicator: me,
+  noResultOption: pe
 };
-let n = /* @__PURE__ */ function(t) {
-  return t.LOAD_DATA = "LOAD_DATA", t.LOAD_ERROR = "LOAD_DATA_ERROR", t.LOAD_SUCCESS = "LOAD_DATA_SUCCESS", t.LOAD_MORE = "LOAD_DATA_SUCCESS", t.RESET = "RESET", t;
+let t = /* @__PURE__ */ function(n) {
+  return n.LOAD_DATA = "LOAD_DATA", n.LOAD_ERROR = "LOAD_DATA_ERROR", n.LOAD_SUCCESS = "LOAD_DATA_SUCCESS", n.LOAD_MORE = "LOAD_DATA_SUCCESS", n.RESET = "RESET", n;
 }({});
-const ye = ({
-  levelName: t,
-  parentDisplayValue: h,
-  displayValue: o
-}) => /* @__PURE__ */ N("div", {
-  style: {
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column"
-  },
-  children: [/* @__PURE__ */ N("div", {
-    style: {
-      display: "flex",
-      alignItems: "flex-start"
-    },
-    children: [/* @__PURE__ */ u(L, {
-      as: "span",
-      variant: "labelBold",
-      children: `${t}`
-    }), /* @__PURE__ */ u(L, {
-      as: "span",
-      variant: "label",
-      children: `/${h}`
-    })]
-  }), /* @__PURE__ */ u(L, {
-    as: "span",
-    variant: "bodyDefault",
-    children: o
-  })]
-}), he = (t, h) => {
+const ue = (n, A) => {
   const {
-    id: o,
-    items: m,
-    marker: y
-  } = h.payload;
-  switch (h.type) {
-    case n.LOAD_DATA:
+    id: i,
+    items: u,
+    marker: b
+  } = A.payload;
+  switch (A.type) {
+    case t.LOAD_DATA:
       return {
-        ...t,
-        [o]: {
-          ...t[o],
+        ...n,
+        [i]: {
+          ...n[i],
           status: "loading"
         }
       };
-    case n.LOAD_ERROR:
+    case t.LOAD_ERROR:
       return {
-        ...t,
-        [o]: {
-          ...t[o],
-          marker: y,
+        ...n,
+        [i]: {
+          ...n[i],
+          marker: b,
           status: "error"
         }
       };
-    case n.LOAD_SUCCESS: {
+    case t.LOAD_SUCCESS: {
       const {
-        itemsWithParent: x,
+        itemsWithParent: h,
         itemsIds: v
-      } = m.reduce((b, d) => ({
+      } = u.reduce((f, c) => ({
         itemsWithParent: {
-          ...b.itemsWithParent,
-          [d.id]: {
-            ...d,
-            parent: o,
+          ...f.itemsWithParent,
+          [c.id]: {
+            ...c,
+            parent: i,
             children: []
           }
         },
-        itemsIds: [...b.itemsIds, d.id]
+        itemsIds: [...f.itemsIds, c.id]
       }), {
         itemsWithParent: {},
         itemsIds: []
       });
       return {
-        ...t,
-        [o]: {
-          ...t[o],
+        ...n,
+        [i]: {
+          ...n[i],
           status: "success",
-          marker: y,
-          children: [...t[o].children || [], ...v]
+          marker: b,
+          children: [...n[i].children || [], ...v]
         },
-        ...x
+        ...h
       };
     }
-    case n.RESET:
+    case t.RESET:
       return {
-        ...t,
-        [o]: {
-          ...t[o],
+        ...n,
+        [i]: {
+          ...n[i],
           status: "success",
-          marker: y,
+          marker: b,
           children: []
         }
       };
     default:
-      return t;
+      return n;
   }
-}, Oe = ({
-  ariaLabel: t,
-  onSelect: h,
-  selectedNodes: o,
-  defaultFetcher: m,
-  levels: y,
-  selectableLevels: x,
+}, xe = ({
+  ariaLabel: n,
+  onSelect: A,
+  selectedNodes: i,
+  defaultFetcher: u,
+  levels: b,
+  selectableLevels: h,
   multiselect: v,
-  open: b,
-  searchInput: d,
-  noResultMessage: B,
-  loadingAriaLabel: U
+  open: f,
+  searchInput: c,
+  noResultMessage: w,
+  loadingAriaLabel: W
 }) => {
-  const [f, s] = J(he, {
-    [i.id]: i
-  }), [A, P] = V({
+  const [y, l] = H(ue, {
+    [r.id]: r
+  }), [D, B] = k({
     nodes: [],
     selectedIds: []
-  }), [T, D] = V(!1), E = K(() => Math.max(...x), [x]), z = O((e = f) => {
-    const r = [];
-    return [...Object.values(e).map((a) => {
-      const _ = [...a.children], l = {
-        ...a,
+  }), [I, x] = k(!1), E = J(() => Math.max(...h), [h]), g = O((a = y) => {
+    const s = [];
+    return [...Object.values(a).map((e) => {
+      const _ = [...e.children], {
+        metadata: o
+      } = e, d = {
+        ...e,
         children: _,
         metadata: {
-          ...a.metadata,
-          variant: "content",
-          isLoading: a.status === "loading" && !a.children.length
+          ...e.metadata,
+          variant: o.variant,
+          isLoading: e.status === "loading" && !e.children.length,
+          labelName: o.labelName || "",
+          labelValue: o.labelValue || ""
         }
       };
-      let c;
-      return a.children.length && a.status === "loading" && (c = g(l.id, l.metadata.displayValue, "loading")), a.status === "error" && (c = g(l.id, l.metadata.displayValue, "reload")), a.status === "success" && a.marker && (c = g(l.id, l.metadata.displayValue, "loadMore")), c && (r.push(c), l.children.push(c.id)), l;
-    }), ...r];
-  }, [f]), R = O((e) => {
+      let p;
+      return e.children.length && e.status === "loading" && (p = L(d.id, d.metadata.displayValue, "loading")), e.status === "error" && (p = L(d.id, d.metadata.displayValue, "reload")), e.status === "success" && e.marker && (p = L(d.id, d.metadata.displayValue, "loadMore")), p && (s.push(p), d.children.push(p.id)), d;
+    }), ...s];
+  }, [y]), N = O((a) => {
     var _;
-    const r = (_ = e.ancestors) == null ? void 0 : _.find((l) => l.level === e.level - 1), p = y.find((l) => l.level === e.level);
-    return e.level === 1 || d === "" ? e.displayValue : /* @__PURE__ */ u(ye, {
-      displayValue: e.displayValue,
-      levelName: p.displayName,
-      parentDisplayValue: r.displayName
-    });
-  }, [y, d]), S = O((e) => ({
-    id: e.value,
-    name: R(e),
-    parent: i.id,
-    isBranch: e.level !== E,
+    const s = (_ = a.ancestors) == null ? void 0 : _.find((o) => o.level === a.level - 1), m = b.find((o) => o.level === a.level);
+    return a.level === 1 || c === "" ? a.displayValue : {
+      labelName: m.displayName,
+      labelValue: s.displayName
+    };
+  }, [b, c]), S = O((a) => ({
+    id: a.value,
+    name: a.displayValue,
+    parent: r.id,
+    isBranch: a.level !== E,
     children: [],
     metadata: {
       variant: "content",
-      level: e.level,
-      selectable: e.selectable,
-      displayValue: e.displayValue,
-      marker: e.marker,
-      ancestors: e.ancestors
+      displayValue: a.displayValue,
+      level: a.level,
+      selectable: a.selectable,
+      marker: a.marker,
+      ancestors: a.ancestors
     }
-  }), [R, E]);
-  W(() => {
-    P({
-      nodes: z(f),
-      selectedIds: o
+  }), [E]);
+  V(() => {
+    B({
+      nodes: g(y),
+      selectedIds: i
     });
-  }, [z, o, f]), W(() => {
-    if (!b)
+  }, [g, i, y]), V(() => {
+    if (!f)
       return;
     const {
-      signal: e
+      signal: a
     } = new AbortController();
-    D(!0), d ? (s({
-      type: n.RESET,
+    x(!0), c ? (l({
+      type: t.RESET,
       payload: {
-        id: i.id,
+        id: r.id,
         items: []
       }
-    }), m({
-      signal: e,
+    }), u({
+      signal: a,
       marker: null,
-      searchInput: d,
+      searchInput: c,
       level: null,
       onlySelectableOptions: !1,
       ancestorId: null
-    }).then((r) => {
-      const p = r.options.map((a) => ({
-        id: a.value,
-        name: R(a),
-        parent: i.id,
-        isBranch: a.level < E,
-        children: [],
-        metadata: {
-          variant: "content",
-          level: a.level,
-          selectable: a.selectable,
-          displayValue: a.displayValue,
-          ancestors: a.ancestors
-        }
-      }));
-      s({
-        type: n.RESET,
+    }).then((s) => {
+      const m = s.options.map((e) => {
+        const {
+          labelName: _,
+          labelValue: o
+        } = N(e);
+        return {
+          id: e.value,
+          name: e.displayValue,
+          parent: r.id,
+          isBranch: e.level < E,
+          children: [],
+          metadata: {
+            variant: e.level === 1 ? "content" : "labeled",
+            displayValue: e.displayValue,
+            level: e.level,
+            selectable: e.selectable,
+            ancestors: e.ancestors,
+            labelName: _,
+            labelValue: o
+          }
+        };
+      });
+      l({
+        type: t.RESET,
         payload: {
-          id: i.id,
+          id: r.id,
           items: []
         }
-      }), s({
-        type: n.LOAD_SUCCESS,
+      }), l({
+        type: t.LOAD_SUCCESS,
         payload: {
-          id: i.id,
-          items: p,
-          marker: r.marker
+          id: r.id,
+          items: m,
+          marker: s.marker
         }
-      }), D(!1);
+      }), x(!1);
     }).catch(() => {
-      s({
-        type: n.LOAD_ERROR,
+      l({
+        type: t.LOAD_ERROR,
         payload: {
-          id: i.id
+          id: r.id
         }
-      }), D(!1);
-    })) : (s({
-      type: n.RESET,
+      }), x(!1);
+    })) : (l({
+      type: t.RESET,
       payload: {
-        id: i.id,
+        id: r.id,
         items: []
       }
-    }), s({
-      type: n.LOAD_DATA,
+    }), l({
+      type: t.LOAD_DATA,
       payload: {
-        id: i.id
+        id: r.id
       }
-    }), m({
-      signal: e,
+    }), u({
+      signal: a,
       marker: null,
       searchInput: "",
       level: 1,
       onlySelectableOptions: !1,
       ancestorId: null
-    }).then((r) => {
-      const p = r.options.map(S);
-      s({
-        type: n.RESET,
+    }).then((s) => {
+      const m = s.options.map(S);
+      l({
+        type: t.RESET,
         payload: {
-          id: i.id,
+          id: r.id,
           items: []
         }
-      }), s({
-        type: n.LOAD_SUCCESS,
+      }), l({
+        type: t.LOAD_SUCCESS,
         payload: {
-          id: i.id,
-          items: p,
-          marker: r.marker
+          id: r.id,
+          items: m,
+          marker: s.marker
         }
-      }), D(!1);
+      }), x(!1);
     }).catch(() => {
-      s({
-        type: n.LOAD_ERROR,
+      l({
+        type: t.LOAD_ERROR,
         payload: {
-          id: i.id
+          id: r.id
         }
-      }), D(!1);
+      }), x(!1);
     }));
-  }, [m, S, b, d, y, E, R]);
-  const M = O((e) => {
+  }, [u, S, f, c, b, E, N]);
+  const U = O((a) => {
     const {
-      isExpanded: r,
-      isDisabled: p,
-      element: a
-    } = e;
-    if (!r || p) {
-      s({
-        type: n.RESET,
+      isExpanded: s,
+      isDisabled: m,
+      element: e
+    } = a;
+    if (!s || m) {
+      l({
+        type: t.RESET,
         payload: {
-          id: a.id,
+          id: e.id,
           items: []
         }
       });
@@ -300,101 +282,101 @@ const ye = ({
     }
     const {
       level: _
-    } = a.metadata, {
-      id: l,
-      marker: c
-    } = a, {
-      signal: I
+    } = e.metadata, {
+      id: o,
+      marker: d
+    } = e, {
+      signal: p
     } = new AbortController();
-    s({
-      type: n.LOAD_DATA,
+    l({
+      type: t.LOAD_DATA,
       payload: {
-        id: l
+        id: o
       }
-    }), m({
-      signal: I,
-      marker: c,
+    }), u({
+      signal: p,
+      marker: d,
       searchInput: "",
       level: _ + 1,
-      ancestorId: l,
+      ancestorId: o,
       onlySelectableOptions: !1
-    }).then((k) => {
-      const q = k.options.map((w) => (a.children.push(w.value), S(w)));
-      s({
-        type: n.LOAD_SUCCESS,
+    }).then((z) => {
+      const j = z.options.map((T) => (e.children.push(T.value), S(T)));
+      l({
+        type: t.LOAD_SUCCESS,
         payload: {
-          id: l,
-          items: q,
-          marker: k.marker
+          id: o,
+          items: j,
+          marker: z.marker
         }
       });
     }).catch(() => {
-      s({
-        type: n.LOAD_ERROR,
+      l({
+        type: t.LOAD_ERROR,
         payload: {
-          id: l
+          id: o
         }
       });
     });
-  }, [m, S]), j = O((e) => {
-    const r = f[e], {
-      level: p
-    } = r.metadata, {
-      id: a,
+  }, [u, S]), P = O((a) => {
+    const s = y[a], {
+      level: m
+    } = s.metadata, {
+      id: e,
       marker: _
-    } = r, {
-      signal: l
+    } = s, {
+      signal: o
     } = new AbortController();
-    s({
-      type: n.LOAD_DATA,
+    l({
+      type: t.LOAD_DATA,
       payload: {
-        id: a
+        id: e
       }
-    }), m({
-      signal: l,
+    }), u({
+      signal: o,
       marker: _,
-      searchInput: d,
-      level: d === "" ? p + 1 : null,
-      ancestorId: a !== i.id ? a.toString() : null,
+      searchInput: c,
+      level: c === "" ? m + 1 : null,
+      ancestorId: e !== r.id ? e.toString() : null,
       onlySelectableOptions: !1
-    }).then((c) => {
-      const I = c.options.map(S);
-      s({
-        type: n.LOAD_SUCCESS,
+    }).then((d) => {
+      const p = d.options.map(S);
+      l({
+        type: t.LOAD_SUCCESS,
         payload: {
-          id: a,
-          items: I,
-          marker: c.marker
+          id: e,
+          items: p,
+          marker: d.marker
         }
       });
     }).catch(() => {
-      s({
-        type: n.LOAD_ERROR,
+      l({
+        type: t.LOAD_ERROR,
         payload: {
-          id: a,
+          id: e,
           marker: _
         }
       });
     });
-  }, [m, S, d, f]), $ = A.nodes.length === 0 || A.nodes[0].children.length === 0 && A.nodes[0].id === i.id;
-  return /* @__PURE__ */ N("div", {
-    children: [T && /* @__PURE__ */ u("div", {
+  }, [u, S, c, y]), M = D.nodes.length === 0 || D.nodes[0].children.length === 0 && D.nodes[0].id === r.id;
+  return /* @__PURE__ */ K("div", {
+    children: [I && /* @__PURE__ */ R("div", {
       className: C.noResultOption,
-      children: /* @__PURE__ */ u(G, {
-        "aria-label": U,
+      children: /* @__PURE__ */ R(q, {
+        "aria-label": W,
         className: C.loadingIndicator
       })
-    }), $ && !T ? /* @__PURE__ */ u("div", {
+    }), M && !I ? /* @__PURE__ */ R("div", {
       className: C.noResultOption,
-      children: B
-    }) : /* @__PURE__ */ u(H, {
-      "aria-label": t,
-      data: A.nodes,
+      children: w
+    }) : /* @__PURE__ */ R(G, {
+      "aria-label": n,
+      data: D.nodes,
       multiSelect: v,
-      onExpand: M,
-      onLoadData: j,
-      onNodeSelect: (e) => {
-        x.includes(e.element.metadata.level) ? h(e) : (e.isSelected = !1, e.treeState.selectedIds.delete(e.element.id));
+      onExpand: U,
+      onLoadData: P,
+      onNodeSelect: (a) => {
+        h.includes(a.element.metadata.level) ? A(a) : (a.isSelected = !1, a.treeState.selectedIds.delete(a.element.id));
       },
       size: "large",
       togglableSelect: !0,
@@ -403,7 +385,6 @@ const ye = ({
   });
 };
 export {
-  Oe as D,
-  ye as S,
+  xe as D,
   C as s
 };

package/dist/esm/lib/components/combobox-with-api-tree-view/dynamic-loading-tree.js

@@ -2,9 +2,8 @@ import "@box/blueprint-web";
 import "@box/tree";
 import "react";
 import "./tree-utils.js";
-import { D as p, S as s } from "../../../../chunks/dynamic-loading-tree.js";
+import { D as e } from "../../../../chunks/dynamic-loading-tree.js";
 import "react/jsx-runtime";
 export {
-  p as DynamicLoadingTree,
-  s as SearchResultsName
+  e as DynamicLoadingTree
 };

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

@@ -1,5 +1,5 @@
 import { ComboboxWithApiTreeView as I } from "./combobox-with-api-tree-view.js";
-const y = [
+const u = [
   // Level 1
   {
     id: "japan-l1-id",
@@ -203,6 +203,17 @@ const y = [
     level: 3,
     selectable: !0
   },
+  {
+    id: "long-option-l3-id",
+    ancestors: [{
+      id: "long-option-l1-id",
+      displayName: "Long child node",
+      level: 1
+    }],
+    displayName: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+    level: 2,
+    selectable: !0
+  },
   // Japan L2
   {
     id: "hokkaido-l2-id",
@@ -359,8 +370,8 @@ const y = [
     level: 2,
     selectable: !0
   }
-], N = 5, j = (l, e) => {
-  const a = parseInt(l, 10) || 0, i = a + N;
+], y = 5, j = (l, e) => {
+  const a = parseInt(l, 10) || 0, i = a + y;
   return e.slice(a, i).map(({
     displayName: s,
     id: t,
@@ -371,7 +382,7 @@ const y = [
     ...n
   }));
 }, U = (l, e) => {
-  const i = (parseInt(l, 10) || 0) + N;
+  const i = (parseInt(l, 10) || 0) + y;
   return i < e.length ? i.toString() : void 0;
 }, x = /* @__PURE__ */ (() => {
   let l = 0, e = 0;
@@ -382,17 +393,17 @@ const y = [
     searchInput: t,
     ancestorId: n,
     marker: o,
-    failOnLoadMore: u,
-    options: v = y,
+    failOnLoadMore: N,
+    options: v = u,
     failOnLoadMoreTimes: b = Number.MAX_SAFE_INTEGER,
-    failOnLoadLevel: k,
-    failOnLoadLevelTimes: f = Number.MAX_SAFE_INTEGER
+    failOnLoadLevel: g,
+    failOnLoadLevelTimes: k = Number.MAX_SAFE_INTEGER
   }) => {
     if (i.aborted)
       return Promise.reject(new DOMException("Aborted", "AbortError"));
-    if (u && o != null && l < b)
+    if (N && o != null && l < b)
       return l += 1, Promise.reject();
-    if (s === k && e < f)
+    if (s === g && e < k)
       return e += 1, Promise.reject();
     a && await new Promise((r) => setTimeout(r, a));
     const m = v.filter((r) => {
@@ -407,11 +418,11 @@ const y = [
       return s && c && c !== s && (d = !1), t && (d = d && h.toLowerCase().includes(t.toLowerCase())), n && (d = d && (p == null ? void 0 : p.some(({
         id: S
       }) => S === n))), d;
-    }), g = Promise.resolve({
+    }), f = Promise.resolve({
       marker: U(o, m),
       options: j(o, m)
     });
-    return w(await g);
+    return w(await f);
   };
 })();
 function w(l) {
@@ -432,7 +443,7 @@ function w(l) {
   };
 }
 const J = (l) => {
-  const e = y.find((a) => a.displayName === l);
+  const e = u.find((a) => a.displayName === l);
   return e ? {
     value: e.id,
     displayValue: e.displayName,
@@ -443,7 +454,7 @@ const J = (l) => {
 };
 export {
   I as ComboboxWithApiTreeView,
-  y as apiResponse,
+  u as apiResponse,
   J as findNode,
   x as mockTreeFetcher
 };

package/dist/types/lib/components/combobox-with-api-tree-view/dynamic-loading-tree.d.ts

@@ -1,12 +1,6 @@
 import { NodeId, TreeProps } from '@box/tree';
 import { TreeOptionType } from '../combobox-with-api-pagination/types';
 import { ComboboxWithApiTreeViewProps, Level } from './types';
-export interface SearchResultsNameProps {
-    levelName: string;
-    parentDisplayValue: string;
-    displayValue: string;
-}
-export declare const SearchResultsName: ({ levelName, parentDisplayValue, displayValue }: SearchResultsNameProps) => import("react/jsx-runtime").JSX.Element;
 export interface DynamicLoadingTreeProps {
     ariaLabel: string;
     onSelect: TreeProps['onNodeSelect'];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.34.2",
+    "version": "0.34.5",
     "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.45.1",
+        "@box/tree": "^0.45.2",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^11.8.4",
+        "@box/blueprint-web": "^11.9.0",
         "@box/blueprint-web-assets": "^4.41.1",
         "@box/storybook-utils": "^0.12.0",
         "react": "^18.3.0",