@turquoisehealth/pit-viper 2.182.1-dev.2 → 2.182.1-dev.4

package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts

@@ -34,6 +34,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             groupings: string[];
             hideParentOnChildQueryMatch: boolean;
             icon: string;
+            hasMoreOptions: boolean;
             optionsAction: MenuAction<T> | undefined;
             optionsRenderer: Component;
             overlayTrigger: boolean;
@@ -72,6 +73,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             groupings: string[];
             hideParentOnChildQueryMatch: boolean;
             icon: string;
+            hasMoreOptions: boolean;
             optionsAction: MenuAction<T> | undefined;
             optionsRenderer: Component;
             overlayTrigger: boolean;
@@ -110,6 +112,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             groupings: string[];
             hideParentOnChildQueryMatch: boolean;
             icon: string;
+            hasMoreOptions: boolean;
             optionsAction: MenuAction<T> | undefined;
             optionsRenderer: Component;
             overlayTrigger: boolean;

package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/types.d.ts

@@ -47,6 +47,8 @@ export interface PvMultiSelectButtonProps<T = unknown, SlotContext extends Recor
     icon?: string;
     /** Show a loading spinner inside the dropdown */
     isLoading?: boolean;
+    /** Whether more top-level options are available after the loaded options */
+    hasMoreOptions?: boolean;
     /** Text label on the trigger button */
     label?: string;
     /** Style of the footer action panel. "select-clear" shows select/clear all; "cancel-confirm" requires explicit confirmation. */
@@ -82,7 +84,7 @@ export interface PvMultiSelectButtonProps<T = unknown, SlotContext extends Recor
     /** CSS selector for teleporting the popover dropdown */
     teleportLocation?: string;
     /** Total available top-level options (may exceed options.length when paginating).
-     * When totalOptionCount > options.length, a "See more" button appears. */
+     * Used as a fallback to show "See more" when hasMoreOptions is not provided. */
     totalOptionCount?: number;
     /** Visual style of the trigger button */
     variant?: PvSelectButtonVariant;

package/pv-components/dist/vue/base/pv-components-base.mjs

@@ -2709,26 +2709,26 @@ var wi = Symbol("SelectedItemsKey"), Ti = Symbol("EnableCascadeSelectionKey"), E
 	}),
 	emits: /* @__PURE__ */ g(["handle-selected", "see-more"], ["update:selectedIds"]),
 	setup(e, { emit: n }) {
-		let i = e, s = m(wi, void 0), c = I(e, "selectedIds"), l = m(Ai, D(!1)), d = m(ki, D(!1)), f = m(Di, void 0), p = m(Oi, void 0), h = D(i.defaultExpanded ?? !1), g = D(!1), v = D(i.children ?? []), b = D(/* @__PURE__ */ new Set());
+		let i = e, s = m(wi, void 0), c = I(e, "selectedIds"), l = m(Ai, D(!1)), d = m(ki, D(!1)), f = m(Di, void 0), p = m(Oi, void 0), h = D(i.defaultExpanded ?? !1), g = D(!1), v = D(!1), b = D(i.children ?? []), S = D(/* @__PURE__ */ new Set());
 		V(() => i.children, (e) => {
 			if (!e) {
-				v.value = [];
+				b.value = [];
 				return;
 			}
-			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];
+			let t = b.value.filter((e) => S.value.has(e.id)), n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+			b.value = [...e, ...r], v.value = !1;
 		});
-		let S = () => {
+		let C = () => {
 			h.value = !h.value;
-		}, C = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), w = r(() => {
+		}, w = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), E = r(() => {
 			let { level: e, config: t, itemClass: n, ...r } = i;
 			return r;
-		}), E = r(() => v.value.length > 0 && i.level < Li), k = r(() => E.value ? l.value ? h.value : !0 : !1), j = r(() => h.value ? "chevron-down" : "chevron-right"), M = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), N = n, F = r(() => i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), ee = async () => {
+		}), k = r(() => (b.value.length > 0 || (i.totalChildCount ?? 0) > 0) && i.level < Li), j = r(() => k.value ? l.value ? h.value : !0 : !1), M = r(() => h.value ? "chevron-down" : "chevron-right"), N = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), F = n, ee = r(() => v.value || i.totalChildCount == null ? !1 : i.totalChildCount > b.value.length), L = async () => {
 			if (g.value) return;
 			if (!i.handleSeeMore) {
-				N("see-more", {
+				F("see-more", {
 					parentId: i.id,
-					offset: v.value.length
+					offset: b.value.length
 				});
 				return;
 			}
@@ -2737,50 +2737,53 @@ var wi = Symbol("SelectedItemsKey"), Ti = Symbol("EnableCascadeSelectionKey"), E
 			try {
 				let t = await i.handleSeeMore({
 					parentId: i.id,
-					offset: v.value.length
+					offset: b.value.length
 				});
 				if (Array.isArray(t) && t.length > 0) {
-					let n = new Set(v.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
-					if (r.length === 0) return;
-					let a = new Set(b.value);
+					let n = new Set(b.value.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
+					if (r.length === 0) {
+						v.value = !0;
+						return;
+					}
+					let a = new Set(S.value);
 					for (let e of r) a.add(e.id);
-					if (b.value = a, v.value = [...v.value, ...r], e && s?.value) {
+					if (S.value = a, b.value = [...b.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) && (v.value = !0);
 			} finally {
 				g.value = !1;
 			}
-		}, L = (e) => {
-			if (l.value && E.value && e.option.id === i.id && !d.value) {
-				S();
+		}, R = (e) => {
+			if (l.value && k.value && e.option.id === i.id && !d.value) {
+				C();
 				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];
 			}
-			N("handle-selected", e);
-		}, R = (e) => {
-			N("handle-selected", e);
+			F("handle-selected", e);
+		}, z = (e) => {
+			F("handle-selected", e);
 		};
 		return (n, r) => {
 			let s = A("PvMenuItem", !0);
-			return T(), o(t, null, [u(Pi, _(w.value, {
-				children: v.value,
+			return T(), o(t, null, [u(Pi, _(E.value, {
+				children: b.value,
 				menuOptionConfig: e.config,
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
-				showChevron: P(l) && E.value,
-				chevronIcon: j.value,
+				showChevron: P(l) && k.value,
+				chevronIcon: M.value,
 				expanded: h.value,
-				onHandleSelected: L,
-				onToggleExpanded: S,
-				selected: M(i)
+				onHandleSelected: R,
+				onToggleExpanded: C,
+				selected: N(i)
 			}), null, 16, [
 				"children",
 				"menuOptionConfig",
@@ -2790,13 +2793,13 @@ var wi = Symbol("SelectedItemsKey"), Ti = Symbol("EnableCascadeSelectionKey"), E
 				"chevronIcon",
 				"expanded",
 				"selected"
-			]), k.value ? (T(), o("ul", {
+			]), j.value ? (T(), o("ul", {
 				key: 0,
 				role: "list",
-				style: x(C.value)
-			}, [(T(!0), o(t, null, O(v.value, (t) => (T(), o("li", {
+				style: x(w.value)
+			}, [(T(!0), o(t, null, O(b.value, (t) => (T(), o("li", {
 				key: t.id,
-				"data-active": M(t) ? "true" : null,
+				"data-active": N(t) ? "true" : null,
 				class: y(e.itemClass)
 			}, [u(s, _({ ref_for: !0 }, t, {
 				selectedIds: c.value,
@@ -2805,21 +2808,21 @@ var wi = Symbol("SelectedItemsKey"), Ti = Symbol("EnableCascadeSelectionKey"), E
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
-				onHandleSelected: R,
-				onSeeMore: r[1] ||= (e) => N("see-more", e)
+				onHandleSelected: z,
+				onSeeMore: r[1] ||= (e) => F("see-more", e)
 			}), null, 16, [
 				"selectedIds",
 				"config",
 				"queryText",
 				"highlightSearchText",
 				"level"
-			])], 10, Fi))), 128)), F.value ? (T(), o("li", Ii, [u(J, {
+			])], 10, Fi))), 128)), ee.value ? (T(), o("li", Ii, [u(J, {
 				class: "pv-text-brand",
 				variant: "ghost",
 				label: "See more",
 				loading: g.value,
 				"data-testid": "pv-menu-item-see-more",
-				onClick: ee
+				onClick: L
 			}, null, 8, ["loading"])])) : a("", !0)], 4)) : a("", !0)], 64);
 		};
 	}
@@ -2970,6 +2973,7 @@ var wi = Symbol("SelectedItemsKey"), Ti = Symbol("EnableCascadeSelectionKey"), E
 		},
 		icon: {},
 		isLoading: { type: Boolean },
+		hasMoreOptions: { type: Boolean },
 		label: { default: "Select" },
 		menuActionsVariant: { default: "select-clear" },
 		options: { default: () => [] },
@@ -3049,7 +3053,7 @@ var wi = Symbol("SelectedItemsKey"), Ti = Symbol("EnableCascadeSelectionKey"), E
 				state: "selected"
 			});
 			return t;
-		}, C = r(() => c.totalOptionCount == null ? !1 : c.totalOptionCount > c.options.length), w = r(() => {
+		}, C = r(() => c.hasMoreOptions == null ? c.totalOptionCount == null ? !1 : c.totalOptionCount > c.options.length : c.hasMoreOptions), w = r(() => {
 			if (c.enableCascadeSelection && c.countSelectedParents && z.value?.length) return Si(z.value);
 			if (!c.countSelectedParents || !c.enableCascadeSelection) return G.value.length;
 			let e = new Set(G.value.map((e) => e.id));