@box/combobox-with-api 1.42.33 → 1.42.34

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

@@ -1,327 +1,300 @@
-import { LoadingIndicator as $ } from "@box/blueprint-web";
-import { InlineError as P, Tree as ee } from "@box/tree";
-import { forwardRef as te, useReducer as ae, useState as D, useMemo as z, useCallback as m, useEffect as F } from "react";
-import { RootTreeNode as p, hasValidLevel as le, getServiceNode as L } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
-import { t as se, i as oe, A as r } from "./treeReducer.js";
-import { jsx as f, jsxs as ne } from "react/jsx-runtime";
-import '../styles/dynamic-loading-tree.css';const re = "_container_rhp7y_2", de = "_disabled_rhp7y_13", ie = "_label_rhp7y_16", ce = "_hiddenLabel_rhp7y_28", pe = "_comboboxContainer_rhp7y_31", me = "_withComboboxButtons_rhp7y_47", ue = "_textInputWrapper_rhp7y_69", ye = "_textInput_rhp7y_69", he = "_comboboxButtons_rhp7y_94", be = "_withChips_rhp7y_101", _e = "_popover_rhp7y_115", ve = "_loadingIndicator_rhp7y_179", fe = "_noResultOption_rhp7y_182", V = {
-  container: re,
-  disabled: de,
-  label: ie,
-  hiddenLabel: ce,
-  comboboxContainer: pe,
-  withComboboxButtons: me,
-  textInputWrapper: ue,
-  textInput: ye,
-  comboboxButtons: he,
-  withChips: be,
-  popover: _e,
-  loadingIndicator: ve,
-  noResultOption: fe
-}, ge = (n) => {
-  const i = [...n.children], {
-    metadata: c
-  } = n;
-  return {
-    ...n,
-    children: i,
-    metadata: {
-      ...n.metadata,
-      variant: c.variant,
-      isLoading: n.status === "loading" && !n.children.length,
-      labelName: c.labelName || "",
-      labelValue: c.labelValue || ""
-    }
-  };
-}, Se = (n, i) => {
-  let c;
-  return n.children.length && n.status === "loading" && (c = L(i.id, i.metadata.displayValue, "loading")), n.status === "error" && (c = L(i.id, i.metadata.displayValue, "reload")), n.status === "success" && n.marker && (c = L(i.id, i.metadata.displayValue, "loadMore")), c;
-}, xe = /* @__PURE__ */ te(({
-  ariaLabel: n,
-  onSelect: i,
-  selectedNodes: c,
-  defaultFetcher: y,
-  levels: O,
-  selectableLevels: g,
-  multiselect: E,
-  open: k,
-  searchInput: u,
-  noResultMessage: q,
-  loadingAriaLabel: G
-}, H) => {
-  const [_, s] = ae(se, oe), [h, J] = D({
-    nodes: [],
-    selectedIds: []
-  }), [T, b] = D(!1), [S, I] = D(!1), N = z(() => Math.max(...g), [g]), w = m((e = _) => {
-    const a = [];
-    return [...Object.values(e).map((t) => {
-      const l = ge(t), d = Se(t, l);
-      return d && (a.push(d), l.children.push(d.id)), l;
-    }), ...a];
-  }, [_]), B = m((e) => {
-    const a = e.ancestors?.find((l) => l.level === e.level - 1), o = O.find((l) => l.level === e.level);
-    return e.level === 1 || u === "" ? e.displayValue : {
-      labelName: o.displayName,
-      labelValue: a.displayName
-    };
-  }, [O, u]), v = m((e) => ({
-    id: e.value,
-    name: e.displayValue,
-    parent: p.id,
-    isBranch: e.level !== N,
-    children: [],
-    metadata: {
-      variant: "content",
-      displayValue: e.displayValue,
-      level: e.level,
-      selectable: e.selectable,
-      marker: e.marker,
-      ancestors: e.ancestors
-    }
-  }), [N]), x = m((e, a) => {
-    s({
-      type: r.RESET,
-      payload: {
-        id: p.id,
-        items: []
-      }
-    }), s({
-      type: r.LOAD_SUCCESS,
-      payload: {
-        id: p.id,
-        items: e,
-        marker: a
-      }
-    }), b(!1);
-  }, [s, b]), C = m(() => {
-    s({
-      type: r.LOAD_ERROR,
-      payload: {
-        id: p.id
-      }
-    }), b(!1), I(!0);
-  }, [s, b, I]), j = m((e, a) => {
-    const o = new Set(e.map((t) => t.id));
-    return a.filter((t) => t != null && o.has(t));
-  }, []);
-  F(() => {
-    const e = w(_);
-    J({
-      nodes: e,
-      selectedIds: j(e, c)
-    });
-  }, [j, w, c, _, S]), F(() => {
-    if (!k)
-      return;
-    const {
-      signal: e
-    } = new AbortController();
-    b(!0), I(!1), u ? (s({
-      type: r.RESET,
-      payload: {
-        id: p.id,
-        items: []
-      }
-    }), y({
-      signal: e,
-      marker: null,
-      searchInput: u,
-      level: null,
-      onlySelectableOptions: !1,
-      ancestorId: null
-    }).then((a) => {
-      const o = a.options.filter((t) => t.selectable).map((t) => {
-        const {
-          labelName: l,
-          labelValue: d
-        } = B(t);
-        return {
-          id: t.value,
-          name: t.displayValue,
-          parent: p.id,
-          isBranch: t.level < N,
-          children: [],
-          metadata: {
-            variant: t.level === 1 ? "content" : "labeled",
-            displayValue: t.displayValue,
-            level: t.level,
-            selectable: t.selectable,
-            ancestors: t.ancestors,
-            labelName: l,
-            labelValue: d
-          }
-        };
-      });
-      x(o, a.marker);
-    }).catch(() => {
-      C();
-    })) : (s({
-      type: r.RESET,
-      payload: {
-        id: p.id,
-        items: []
-      }
-    }), s({
-      type: r.LOAD_DATA,
-      payload: {
-        id: p.id
-      }
-    }), y({
-      signal: e,
-      marker: null,
-      searchInput: "",
-      level: 1,
-      onlySelectableOptions: !1,
-      ancestorId: null
-    }).then((a) => {
-      const o = a.options.map(v);
-      x(o, a.marker);
-    }).catch(() => {
-      C();
-    }));
-  }, [y, v, k, u, O, N, B, x, C]);
-  const K = m((e) => {
-    const {
-      isExpanded: a,
-      isDisabled: o,
-      element: t
-    } = e;
-    if (!a || o) {
-      s({
-        type: r.RESET,
-        payload: {
-          id: t.id,
-          items: []
-        }
-      });
-      return;
-    }
-    const {
-      level: l
-    } = t.metadata, {
-      id: d,
-      marker: R
-    } = t, {
-      signal: A
-    } = new AbortController();
-    s({
-      type: r.LOAD_DATA,
-      payload: {
-        id: d
-      }
-    }), y({
-      signal: A,
-      marker: R,
-      searchInput: "",
-      level: l + 1,
-      ancestorId: d,
-      onlySelectableOptions: !1
-    }).then((U) => {
-      const Z = U.options.map((W) => (t.children.push(W.value), v(W)));
-      s({
-        type: r.LOAD_SUCCESS,
-        payload: {
-          id: d,
-          items: Z,
-          marker: U.marker
-        }
-      });
-    }).catch(() => {
-      s({
-        type: r.LOAD_ERROR,
-        payload: {
-          id: d
-        }
-      });
-    });
-  }, [y, v]), M = m((e) => {
-    S && (I(!1), b(!0));
-    const a = _[e], {
-      level: o
-    } = a.metadata, {
-      id: t,
-      marker: l
-    } = a, {
-      signal: d
-    } = new AbortController();
-    s({
-      type: r.LOAD_DATA,
-      payload: {
-        id: t
-      }
-    }), y({
-      signal: d,
-      marker: l,
-      searchInput: u,
-      level: u === "" ? o + 1 : null,
-      ancestorId: t !== p.id ? t.toString() : null,
-      onlySelectableOptions: !1
-    }).then((R) => {
-      const A = R.options.map(v);
-      s({
-        type: r.LOAD_SUCCESS,
-        payload: {
-          id: t,
-          items: A,
-          marker: R.marker
-        }
-      }), b(!1);
-    }).catch(() => {
-      s({
-        type: r.LOAD_ERROR,
-        payload: {
-          id: t,
-          marker: l
-        }
-      });
-    });
-  }, [y, S, v, u, _]), {
-    isTreeEmpty: Q,
-    focusedId: X
-  } = z(() => {
-    const a = h.nodes.find(({
-      id: l
-    }) => l === p.id)?.children ?? [], o = a[0], t = !E && h.selectedIds.length === 0 && o != null;
-    return {
-      isTreeEmpty: h.nodes.length === 0 || a.length === 0,
-      focusedId: t ? o : void 0
-    };
-  }, [E, h.nodes, h.selectedIds.length]), Y = m((e) => {
-    const {
-      metadata: a
-    } = e.element;
-    le(a) && g.includes(a.level) ? i(e) : (e.isSelected = !1, e.treeState.selectedIds.delete(e.element.id));
-  }, [g, i]);
-  return S ? /* @__PURE__ */ f(P, {
-    onReload: () => {
-      M("root");
-    }
-  }) : /* @__PURE__ */ ne("div", {
-    children: [T && /* @__PURE__ */ f("div", {
-      className: V.noResultOption,
-      children: /* @__PURE__ */ f($, {
-        "aria-label": G,
-        className: V.loadingIndicator
-      })
-    }), Q && !T ? /* @__PURE__ */ f("div", {
-      className: V.noResultOption,
-      children: q
-    }) : !T && /* @__PURE__ */ f(ee, {
-      ref: H,
-      "aria-label": n,
-      data: h.nodes,
-      focusedId: X,
-      multiSelect: E,
-      onExpand: K,
-      onLoadData: M,
-      onNodeSelect: Y,
-      selectedIds: h.selectedIds,
-      size: "large",
-      togglableSelect: !0
-    })]
-  });
+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_rhp7y_2",
+	disabled: "_disabled_rhp7y_13",
+	label: "_label_rhp7y_16",
+	hiddenLabel: "_hiddenLabel_rhp7y_28",
+	comboboxContainer: "_comboboxContainer_rhp7y_31",
+	withComboboxButtons: "_withComboboxButtons_rhp7y_47",
+	error: "_error_rhp7y_58",
+	textInputWrapper: "_textInputWrapper_rhp7y_69",
+	textInput: "_textInput_rhp7y_69",
+	errorIcon: "_errorIcon_rhp7y_91",
+	comboboxButtons: "_comboboxButtons_rhp7y_94",
+	withChips: "_withChips_rhp7y_101",
+	inlineError: "_inlineError_rhp7y_111",
+	popover: "_popover_rhp7y_115",
+	option: "_option_rhp7y_141",
+	indicator: "_indicator_rhp7y_164",
+	indicatorIcon: "_indicatorIcon_rhp7y_173",
+	optionWithIndicator: "_optionWithIndicator_rhp7y_176",
+	loadingIndicator: "_loadingIndicator_rhp7y_179",
+	noResultOption: "_noResultOption_rhp7y_182"
+}, 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 {
-  xe as D,
-  V as s
-};
+export { _ as n, b as t };