@turquoisehealth/pit-viper 2.183.0 → 2.183.1-dev.0

package/pv-components/dist/vue/visualizations/types.d.ts

@@ -56,12 +56,14 @@ export interface MenuOptionSelectedEvent {
 }
 export interface SeeMoreEvent {
     parentId?: string;
+    offset?: number;
 }
-export interface MultiSelectState {
-    selectedParentIds: string[];
-    selectedChildrenIds: string[];
-    deselectedChildrenIds: string[];
+export interface SelectionNode {
+    id: string;
+    state: "selected" | "deselected";
+    children?: SelectionNode[];
 }
+export type MultiSelectState = SelectionNode[];
 export declare enum MenuItemType {
     simple = "simple",
     checkbox = "checkbox",

package/pv-components/dist/web/components/pv-menu/pv-menu.js

@@ -1971,72 +1971,81 @@ var Ar = Symbol("SelectedItemsKey"), jr = Symbol("EnableCascadeSelectionKey"), M
 	}),
 	emits: /* @__PURE__ */ v(["handle-selected", "see-more"], ["update:selectedIds"]),
 	setup(e, { emit: n }) {
-		let i = e, s = _(Ar, void 0), c = ae(e, "selectedIds"), l = _(Ir, j(!1)), d = _(Fr, j(!1)), f = _(Nr, void 0), p = _(Pr, void 0), m = j(i.defaultExpanded ?? !1), h = j(!1), g = j(i.children ?? []), v = j(/* @__PURE__ */ new Set());
+		let i = e, s = _(Ar, void 0), c = ae(e, "selectedIds"), l = _(Ir, j(!1)), d = _(Fr, j(!1)), f = _(Nr, void 0), p = _(Pr, void 0), m = j(i.defaultExpanded ?? !1), h = j(!1), g = j(!1), v = j(i.children ?? []), b = j(/* @__PURE__ */ new Set());
 		L(() => i.children, (e) => {
 			if (!e) {
-				g.value = [];
+				v.value = [];
 				return;
 			}
-			let t = g.value.filter((e) => v.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-			g.value = [...e, ...r];
+			let t = v.value.filter((e) => b.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+			v.value = [...e, ...r], g.value = !1;
 		});
-		let b = () => {
+		let S = () => {
 			m.value = !m.value;
-		}, S = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), w = r(() => {
+		}, w = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), T = r(() => {
 			let { level: e, config: t, itemClass: n, ...r } = i;
 			return r;
-		}), T = r(() => g.value.length > 0 && i.level < Ur), E = r(() => T.value ? l.value ? m.value : !0 : !1), O = r(() => m.value ? "chevron-down" : "chevron-right"), k = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), A = n, N = r(() => i.totalChildCount == null ? !1 : i.totalChildCount > g.value.length), te = async () => {
+		}), E = r(() => (v.value.length > 0 || (i.totalChildCount ?? 0) > 0) && i.level < Ur), O = r(() => E.value ? l.value ? m.value : !0 : !1), k = r(() => m.value ? "chevron-down" : "chevron-right"), A = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), N = n, te = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), P = async () => {
 			if (h.value) return;
 			if (!i.handleSeeMore) {
-				A("see-more", { parentId: i.id });
+				N("see-more", {
+					parentId: i.id,
+					offset: v.value.length
+				});
 				return;
 			}
 			let e = f?.value?.has(i.id) ?? !1;
 			h.value = !0;
 			try {
-				let t = await i.handleSeeMore({ parentId: i.id });
+				let t = await i.handleSeeMore({
+					parentId: i.id,
+					offset: v.value.length
+				});
 				if (Array.isArray(t) && t.length > 0) {
-					let n = new Set(g.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-					if (r.length === 0) return;
-					let a = new Set(v.value);
+					let n = new Set(v.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+					if (r.length === 0) {
+						g.value = !0;
+						return;
+					}
+					let a = new Set(b.value);
 					for (let e of r) a.add(e.id);
-					if (v.value = a, g.value = [...g.value, ...r], e && s?.value) {
+					if (b.value = a, v.value = [...v.value, ...r], e && s?.value) {
 						let e = p?.value?.get(i.id), t = e ? r.filter((t) => !e.has(t.id)) : r;
 						if (t.length > 0) {
 							let e = new Set(s.value.map((e) => e.id)), n = t.filter((t) => !e.has(t.id));
 							n.length > 0 && (s.value = [...s.value, ...n]);
 						}
 					}
-				}
+				} else Array.isArray(t) && (g.value = !0);
 			} finally {
 				h.value = !1;
 			}
-		}, P = (e) => {
-			if (l.value && T.value && e.option.id === i.id && !d.value) {
-				b();
+		}, F = (e) => {
+			if (l.value && E.value && e.option.id === i.id && !d.value) {
+				S();
 				return;
 			}
 			if (!s) {
 				let t = c.value.indexOf(e.option.id);
 				t > -1 ? c.value = [...c.value.slice(0, t), ...c.value.slice(t + 1)] : c.value = [...c.value, e.option.id];
 			}
-			A("handle-selected", e);
-		}, F = (e) => {
-			A("handle-selected", e);
+			N("handle-selected", e);
+		}, ne = (e) => {
+			N("handle-selected", e);
 		};
 		return (n, r) => {
 			let s = ee("PvMenuItem", !0);
-			return D(), o(t, null, [u(Br, y(w.value, {
-				children: g.value,
+			return D(), o(t, null, [u(Br, y(T.value, {
+				children: v.value,
 				menuOptionConfig: e.config,
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
-				showChevron: re(l) && T.value,
-				chevronIcon: O.value,
+				showChevron: re(l) && E.value,
+				chevronIcon: k.value,
 				expanded: m.value,
-				onHandleSelected: P,
-				onToggleExpanded: b,
-				selected: k(i)
+				onHandleSelected: F,
+				onToggleExpanded: S,
+				selected: A(i)
 			}), null, 16, [
 				"children",
 				"menuOptionConfig",
@@ -2046,13 +2055,13 @@ var Ar = Symbol("SelectedItemsKey"), jr = Symbol("EnableCascadeSelectionKey"), M
 				"chevronIcon",
 				"expanded",
 				"selected"
-			]), E.value ? (D(), o("ul", {
+			]), O.value ? (D(), o("ul", {
 				key: 0,
 				role: "list",
-				style: C(S.value)
-			}, [(D(!0), o(t, null, M(g.value, (t) => (D(), o("li", {
+				style: C(w.value)
+			}, [(D(!0), o(t, null, M(v.value, (t) => (D(), o("li", {
 				key: t.id,
-				"data-active": k(t) ? "true" : null,
+				"data-active": A(t) ? "true" : null,
 				class: x(e.itemClass)
 			}, [u(s, y({ ref_for: !0 }, t, {
 				selectedIds: c.value,
@@ -2061,21 +2070,21 @@ var Ar = Symbol("SelectedItemsKey"), jr = Symbol("EnableCascadeSelectionKey"), M
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
-				onHandleSelected: F,
-				onSeeMore: r[1] ||= (e) => A("see-more", e)
+				onHandleSelected: ne,
+				onSeeMore: r[1] ||= (e) => N("see-more", e)
 			}), null, 16, [
 				"selectedIds",
 				"config",
 				"queryText",
 				"highlightSearchText",
 				"level"
-			])], 10, Vr))), 128)), N.value ? (D(), o("li", Hr, [u(Er, {
+			])], 10, Vr))), 128)), te.value ? (D(), o("li", Hr, [u(Er, {
 				class: "pv-text-brand",
 				variant: "ghost",
 				label: "See more",
 				loading: h.value,
 				"data-testid": "pv-menu-item-see-more",
-				onClick: te
+				onClick: P
 			}, null, 8, ["loading"])])) : a("v-if", !0)], 4)) : a("v-if", !0)], 64);
 		};
 	}