@box/combobox-with-api 0.35.2 → 0.36.0

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

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

package/dist/chunks/treeReducer.js

@@ -0,0 +1,78 @@
+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
+};

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

@@ -8,7 +8,7 @@ import { useIntl as re } from "react-intl";
 import I from "../combobox-with-api-pagination/messages.js";
 import { useControllableState as ne } from "../combobox-with-api-pagination/utils/use-controllable-state.js";
 import { s as l, D as ie } from "../../../../chunks/dynamic-loading-tree.js";
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 const ce = () => /* @__PURE__ */ o($, {
   color: ee,
   height: g,
@@ -38,31 +38,31 @@ const ce = () => /* @__PURE__ */ o($, {
     disabled: D
   } = S, {
     formatMessage: d
-  } = re(), i = te(), [h, T] = V(!1), [t, c] = ne({
+  } = re(), n = te(), [h, T] = V(!1), [t, i] = ne({
     prop: L,
     defaultProp: A,
     onChange: N
   }), [f, x] = V(""), j = ae(null), E = se((e) => {
     x(e);
-  }, [x]), u = G({
+  }, [x]), c = G({
     includesBaseElement: !0,
     virtualFocus: !1,
     value: f,
     setValue: E,
     open: h,
     setOpen: T
-  }), C = t.length > 0, v = t.length > 0, F = Q(O, i);
-  return /* @__PURE__ */ n(X, {
-    store: u,
+  }), C = t.length > 0, v = t.length > 0, F = Q(O, n);
+  return /* @__PURE__ */ r(X, {
+    store: c,
     children: [/* @__PURE__ */ o(q, {
-      children: /* @__PURE__ */ n("div", {
+      children: /* @__PURE__ */ r("div", {
         className: m(l.container, B),
         children: [/* @__PURE__ */ o(F, {
           className: m(l.label, {
             [l.hiddenLabel]: b
           }),
           hideLabel: b
-        }), /* @__PURE__ */ n("div", {
+        }), /* @__PURE__ */ r("div", {
           className: m(l.comboboxContainer, {
             [l.withChips]: v,
             [l.withComboboxButtons]: C
@@ -71,25 +71,25 @@ const ce = () => /* @__PURE__ */ o($, {
             children: t.map((e) => /* @__PURE__ */ o(Y, {
               label: e.displayValue,
               onDelete: () => {
-                const a = t.filter((r) => r.value !== e.value);
-                c(a);
+                const a = t.filter((s) => s.value !== e.value);
+                i(a);
               },
               tooltip: e.displayValue
             }, e.value))
-          }), /* @__PURE__ */ n("div", {
+          }), /* @__PURE__ */ r("div", {
             className: l.textInputWrapper,
             children: [/* @__PURE__ */ o(H, {
               ref: j,
               className: l.textInput,
               disabled: D,
-              id: i,
+              id: n,
               placeholder: k,
-              store: u
+              store: c
             }), /* @__PURE__ */ o("div", {
               className: l.comboboxButtons,
               children: C ? /* @__PURE__ */ o(J, {
                 onClick: () => {
-                  c([]);
+                  i([]);
                 },
                 render: (e) => /* @__PURE__ */ o(Z, {
                   ...e,
@@ -97,14 +97,14 @@ const ce = () => /* @__PURE__ */ o($, {
                   icon: _,
                   size: "x-small"
                 }),
-                store: u
+                store: c
               }) : /* @__PURE__ */ o(ce, {})
             })]
           })]
         })]
       })
     }), /* @__PURE__ */ o(K, {
-      "aria-labelledby": i,
+      "aria-labelledby": n,
       className: l.popover,
       fitViewport: !0,
       gutter: 8,
@@ -121,16 +121,16 @@ const ce = () => /* @__PURE__ */ o($, {
         noResultMessage: y || d(I.noResults),
         onSelect: (e) => {
           const {
-            metadata: s
+            metadata: a
           } = e.element;
-          let a = [];
-          e.isSelected ? (p && (a = t.filter((r) => r.value !== e.element.id)), a.push({
+          let s = [];
+          e.isSelected ? (p && (s = t.filter((u) => u.value !== e.element.id)), s.push({
             value: e.element.id,
-            displayValue: s.displayValue,
-            level: s.level,
-            selectable: s.selectable,
-            ancestors: s.ancestors
-          })) : a = t.filter((r) => r.value !== e.element.id), c(a);
+            displayValue: a.displayValue,
+            level: a.level,
+            selectable: a.selectable,
+            ancestors: a.ancestors
+          })) : s = t.filter((u) => u.value !== e.element.id), i(s);
         },
         open: h,
         searchInput: f.trimStart(),

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

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

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

@@ -1,15 +1,15 @@
-const r = (t, n, e) => {
-  const o = {
+const r = (e, n, o) => {
+  const t = {
     name: n,
-    id: `${t}_${e}`,
-    parent: t,
+    id: `${e}_${o}`,
+    parent: e,
     children: [],
     metadata: {
-      variant: e
+      variant: o
     }
   };
-  return o;
-}, d = {
+  return t;
+}, l = (e) => e && typeof e.level == "number", d = {
   name: "Root",
   id: "root",
   parent: null,
@@ -22,5 +22,6 @@ const r = (t, n, e) => {
 };
 export {
   d as RootTreeNode,
-  r as getServiceNode
+  r as getServiceNode,
+  l as hasValidLevel
 };

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

@@ -0,0 +1,6 @@
+import { i, t as a } from "../../../../chunks/treeReducer.js";
+import "./tree-utils.js";
+export {
+  i as initialTreeState,
+  a as treeReducer
+};

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

@@ -1,5 +1,9 @@
 import { LoadingNode, LoadMoreNode, ReloadNode } from '@box/tree';
 import { NodeId } from './types';
+interface Metadata {
+    level: number;
+    [key: string]: unknown;
+}
 export declare const getServiceNode: (parentId: NodeId, parentName: string, variant: "reload" | "loadMore" | "loading") => LoadMoreNode | ReloadNode | LoadingNode | {
     name: string;
     id: string;
@@ -9,6 +13,7 @@ export declare const getServiceNode: (parentId: NodeId, parentName: string, vari
         variant: "loading" | "loadMore" | "reload";
     };
 };
+export declare const hasValidLevel: (metadata: any) => metadata is Metadata;
 export declare const RootTreeNode: {
     name: string;
     id: string;
@@ -20,3 +25,4 @@ export declare const RootTreeNode: {
         displayValue: string;
     };
 };
+export {};

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

@@ -0,0 +1,3 @@
+import { TreeState, TreeStateUpdateAction } from './types';
+export declare const treeReducer: (state: TreeState, action: TreeStateUpdateAction) => TreeState;
+export declare const initialTreeState: TreeState;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.35.2",
+    "version": "0.36.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^10.3.1",