@turquoisehealth/pit-viper 2.258.0 → 2.258.1

package/pv-components/dist/vue/visualizations/components/base/PvFilterModal/PvFilterModal.vue.d.ts

@@ -51,6 +51,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     maxWidth: string;
     ariaLabel: string;
     readOnly: boolean;
+    canRemoveFocus: boolean;
     colDefs: PvFilterPanelColDef[];
     controlledValues: Record<string, string[]>;
     devMode: boolean;

package/pv-components/dist/vue/visualizations/components/base/PvFilterPanel/PvFilterPanel.vue.d.ts

@@ -49,6 +49,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     width: string;
     ariaLabel: string;
     readOnly: boolean;
+    canRemoveFocus: boolean;
     colDefs: PvFilterPanelColDef[];
     controlledValues: Record<string, string[]>;
     devMode: boolean;

package/pv-components/dist/vue/visualizations/components/base/PvFilterPanel/PvFilterPanelOptionRow.vue.d.ts

@@ -23,6 +23,7 @@ declare const __VLS_component: DefineComponent<PvFilterPanelOptionRowProps, {},
     resultCount: PvFilterPanelResultCount | null;
     control: "checkbox" | "radio";
     depth: number;
+    focusActionDisabled: boolean;
     isFocused: boolean;
     showFocusAction: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;

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

@@ -427,6 +427,7 @@ export interface PvFilterStore {
 export interface PvFilterPanelResolvedFilter {
     aggregateSelectionState?: MultiSelectState;
     booleanValue?: boolean | null;
+    canRemoveFocus?: boolean;
     category?: PvFilterPanelCategory | null;
     clientFiltering?: boolean;
     colDef: PvFilterPanelColDef;
@@ -447,11 +448,13 @@ export interface PvFilterPanelResolvedFilter {
     filterSectionHeaderRenderer?: Component;
     filterOptionsSortDescription?: string;
     filterOptionsSortTooltip?: string;
-    hideOptionsSortDescription?: boolean;
-    hideSearch?: boolean;
+    focusableFields?: string[];
+    focusFieldLabels?: Record<string, string>;
     focusText?: string;
     focusedValues?: string[];
     focusedValuesByField?: Record<string, string[] | undefined>;
+    hideOptionsSortDescription?: boolean;
+    hideSearch?: boolean;
     hasMore?: boolean;
     isAggregate?: boolean;
     isFocusable?: boolean;
@@ -507,8 +510,10 @@ export interface PvFilterPanelOptionRowProps {
     control?: "checkbox" | "radio";
     depth?: number;
     disabled?: boolean;
-    indeterminate?: boolean;
+    focusActionDisabled?: boolean;
+    focusActionLabel?: string;
     focusText?: string;
+    indeterminate?: boolean;
     isFocused?: boolean;
     label: string;
     /** Name shared by inputs in the same radio group. */
@@ -547,6 +552,8 @@ export interface PvFilterPanelProps {
     ariaLabel?: string;
     /** Auto-hide backing fields represented by aggregate filters and child fields represented by filter groups. */
     autoHideRelatedFilterFields?: boolean;
+    /** Whether the currently focused value may be removed. */
+    canRemoveFocus?: boolean;
     cancelLabel?: string;
     categoryOrder?: PvFilterPanelCategory[];
     /** Base label used by the collapsed filters toggle; rendered as `Show/Hide ${label}`. */
@@ -616,7 +623,8 @@ export interface PvFilterPanelProps {
  * fields that consuming components default via `withDefaults` as required, so the composable can rely
  * on them being present. Both `PvFilterPanel` and `PvFilterModal` satisfy this after applying defaults.
  */
-export type PvFilterPanelCoreProps = Omit<PvFilterPanelProps, "colDefs" | "controlledValues" | "devMode" | "displayPreferencesIcon" | "enableFocusView" | "filterHasMoreMap" | "filterLoadingMap" | "filterLoadingMoreMap" | "filterOptions" | "filterSearchQueries" | "filterSuggestions" | "focusableFields" | "focusedValues" | "focusText" | "rangeDebounceMs" | "readOnly" | "staged"> & {
+export type PvFilterPanelCoreProps = Omit<PvFilterPanelProps, "canRemoveFocus" | "colDefs" | "controlledValues" | "devMode" | "displayPreferencesIcon" | "enableFocusView" | "filterHasMoreMap" | "filterLoadingMap" | "filterLoadingMoreMap" | "filterOptions" | "filterSearchQueries" | "filterSuggestions" | "focusableFields" | "focusedValues" | "focusText" | "rangeDebounceMs" | "readOnly" | "staged"> & {
+    canRemoveFocus: boolean;
     colDefs: PvFilterPanelColDef[];
     controlledValues: Record<string, string[]>;
     devMode: boolean;

package/pv-components/dist/web/components/pv-filter-modal/pv-filter-modal.js

@@ -5033,14 +5033,19 @@ var as = ["data-align"], os = ["id", "role"], ss = /* @__PURE__ */ ht(/* @__PURE
 			type: Boolean,
 			default: !1
 		},
-		indeterminate: {
+		focusActionDisabled: {
 			type: Boolean,
 			default: !1
 		},
+		focusActionLabel: { type: String },
 		focusText: {
 			default: "Focus",
 			type: String
 		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
 		isFocused: {
 			type: Boolean,
 			default: !1
@@ -5071,7 +5076,7 @@ var as = ["data-align"], os = ["id", "role"], ss = /* @__PURE__ */ ht(/* @__PURE
 	},
 	emits: ["focus-value", "toggle-value"],
 	setup(e, { emit: t }) {
-		let n = e, c = t, u = z(), d = r(() => n.resultCount !== null && n.resultCount !== void 0 && n.resultCount !== ""), f = r(() => !n.renderer && (d.value || !!u["result-count"])), p = r(() => ({ "--pv-filter-panel-option-row-depth": String(n.depth) })), m = r(() => ({
+		let n = e, c = t, d = z(), f = r(() => n.resultCount !== null && n.resultCount !== void 0 && n.resultCount !== ""), p = r(() => n.focusActionLabel ?? (n.isFocused ? `Remove ${n.focusText}` : `Select as ${n.focusText}`)), m = r(() => !n.renderer && (f.value || !!d["result-count"])), h = r(() => ({ "--pv-filter-panel-option-row-depth": String(n.depth) })), g = r(() => ({
 			disabled: n.disabled,
 			highlightSearchText: !0,
 			id: n.value,
@@ -5085,17 +5090,17 @@ var as = ["data-align"], os = ["id", "role"], ss = /* @__PURE__ */ ht(/* @__PURE
 			subduedText: n.subduedText,
 			text: n.label,
 			value: n.value
-		})), h = (e) => {
+		})), _ = (e) => {
 			n.disabled || c("toggle-value", n.value, e === !0);
-		}, g = (e) => {
-			h(e.target.checked);
-		}, _ = () => {
-			n.disabled || c("focus-value", n.value);
+		}, v = (e) => {
+			_(e.target.checked);
+		}, b = () => {
+			n.disabled || n.focusActionDisabled || c("focus-value", n.value);
 		};
 		return (t, n) => (k(), o("label", {
 			class: x(["pv-filter-panel-option-row pv-flex", { "pv-filter-panel-option-row-disabled": e.disabled }]),
 			"data-testid": "pv-filter-panel-option-row",
-			style: C(p.value)
+			style: C(h.value)
 		}, [
 			e.control === "radio" ? (k(), o("input", {
 				key: 0,
@@ -5105,42 +5110,52 @@ var as = ["data-align"], os = ["id", "role"], ss = /* @__PURE__ */ ht(/* @__PURE
 				checked: e.selected,
 				disabled: e.disabled,
 				name: e.name,
-				onChange: g
+				onChange: v
 			}, null, 40, Ts)) : (k(), i(ws, {
 				key: 1,
 				ariaLabel: e.ariaLabel || e.label,
 				disabled: e.disabled,
 				indeterminate: e.indeterminate,
 				modelValue: e.selected,
-				"onUpdate:modelValue": h
+				"onUpdate:modelValue": _
 			}, null, 8, [
 				"ariaLabel",
 				"disabled",
 				"indeterminate",
 				"modelValue"
 			])),
-			e.renderer ? (k(), i(P(e.renderer), S(y({ key: 2 }, m.value)), null, 16)) : (k(), o("span", Es, [
+			e.renderer ? (k(), i(P(e.renderer), S(y({ key: 2 }, g.value)), null, 16)) : (k(), o("span", Es, [
 				s("span", Ds, I(e.label), 1),
 				e.subduedText ? (k(), o("span", Os, I(e.subduedText), 1)) : a("v-if", !0),
 				e.subText ? (k(), o("span", ks, I(e.subText), 1)) : a("v-if", !0)
 			])),
-			f.value ? (k(), o("span", As, [N(t.$slots, "result-count", {}, () => [l("(" + I(e.resultCount) + ")", 1)], !0)])) : a("v-if", !0),
-			e.showFocusAction ? (k(), i(yt, {
+			m.value ? (k(), o("span", As, [N(t.$slots, "result-count", {}, () => [l("(" + I(e.resultCount) + ")", 1)], !0)])) : a("v-if", !0),
+			e.showFocusAction ? (k(), o("div", {
 				key: 5,
-				ariaLabel: e.isFocused ? `Remove ${e.focusText}` : `Select as ${e.focusText}`,
-				disabled: e.disabled,
-				leftIcon: "focus",
-				size: "md",
-				variant: e.isFocused ? "primary" : "ghost",
-				onClick: me(_, ["stop", "prevent"])
-			}, null, 8, [
-				"ariaLabel",
-				"disabled",
-				"variant"
-			])) : a("v-if", !0)
+				class: x(["pv-filter-panel-option-row-focus-action", { "pv-filter-panel-option-row-focus-action-always-visible": e.isFocused }]),
+				"data-testid": "pv-filter-panel-option-row-focus-action"
+			}, [u(li, {
+				description: p.value,
+				position: "top-right",
+				size: "sm"
+			}, {
+				trigger: fe(() => [u(yt, {
+					ariaLabel: p.value,
+					disabled: e.disabled || e.focusActionDisabled,
+					leftIcon: "focus",
+					size: "md",
+					variant: e.isFocused ? "primary" : "ghost",
+					onClick: me(b, ["stop", "prevent"])
+				}, null, 8, [
+					"ariaLabel",
+					"disabled",
+					"variant"
+				])]),
+				_: 1
+			}, 8, ["description"])], 2)) : a("v-if", !0)
 		], 6));
 	}
-}), [["styles", [".pv-filter-panel-option-row[data-v-d5f24abf]{--flex-align:center;--flex-gap:.5rem;cursor:pointer;min-width:0;padding-left:calc(var(--pv-filter-panel-option-row-depth) * 1.25rem)}.pv-filter-panel-option-row-content[data-v-d5f24abf]{--flex-align:stretch;--flex-gap:0;flex:auto;min-width:0}.pv-filter-panel-option-row-disabled[data-v-d5f24abf]{cursor:not-allowed;opacity:.6}.pv-filter-panel-option-row-line[data-v-d5f24abf]{--lines:1}.pv-filter-panel-option-row-right[data-v-d5f24abf]{text-align:right;flex:none}"]], ["__scopeId", "data-v-d5f24abf"]]), Ms = ["for"], Ns = [
+}), [["styles", [".pv-filter-panel-option-row[data-v-b85834dc]{--flex-align:center;--flex-gap:.5rem;cursor:pointer;min-width:0;padding-left:calc(var(--pv-filter-panel-option-row-depth) * 1.25rem)}.pv-filter-panel-option-row-content[data-v-b85834dc]{--flex-align:stretch;--flex-gap:0;flex:auto;min-width:0}.pv-filter-panel-option-row-disabled[data-v-b85834dc]{cursor:not-allowed;opacity:.6}.pv-filter-panel-option-row-line[data-v-b85834dc]{--lines:1}.pv-filter-panel-option-row-right[data-v-b85834dc]{text-align:right;flex:none}.pv-filter-panel-option-row-focus-action[data-v-b85834dc]{opacity:0;pointer-events:none}.pv-filter-panel-option-row:hover .pv-filter-panel-option-row-focus-action[data-v-b85834dc],.pv-filter-panel-option-row:focus-within .pv-filter-panel-option-row-focus-action[data-v-b85834dc],.pv-filter-panel-option-row-focus-action-always-visible[data-v-b85834dc]{opacity:1;pointer-events:auto}"]], ["__scopeId", "data-v-b85834dc"]]), Ms = ["for"], Ns = [
 	"id",
 	"type",
 	"value",
@@ -6268,6 +6283,7 @@ function xu(e, t, n) {
 		}));
 	}, H = (e) => Se.value.find((t) => t.key === e) ?? Se.value.find((t) => ce(t.colDef).includes(e)), xe = (e, t, n) => ml(H(e)?.knownOptions ?? []).find((r) => r.value === n || hl(r, t, n, e)), Se = r(() => e.colDefs.filter(P).map((t) => {
 		let n = A(t), r = k(t), i = te(t), a = ye(F(n), t), o = ye(z(n), t), s = {
+			canRemoveFocus: e.canRemoveFocus,
 			category: N(t),
 			clientFiltering: r.filterOptionsClientFiltering !== !1,
 			colDef: t,
@@ -6286,6 +6302,8 @@ function xu(e, t, n) {
 			filterSectionDefs: r.filterSectionDefs,
 			filterOptionsSortDescription: r.filterOptionsSortDescription,
 			filterOptionsSortTooltip: r.filterOptionsSortTooltip,
+			focusFieldLabels: Object.fromEntries(ce(t).map((e) => [e, ge(e)])),
+			focusableFields: e.focusableFields,
 			focusText: e.focusText,
 			hideOptionsSortDescription: r.filterPanelHideOptionsSortDescription,
 			hideSearch: r.filterPanelHideSearch,
@@ -6734,6 +6752,10 @@ var Su = ["aria-label"], Cu = {
 			type: Boolean,
 			default: void 0
 		},
+		canRemoveFocus: {
+			type: Boolean,
+			default: !0
+		},
 		cancelLabel: {
 			default: "Cancel",
 			type: String
@@ -7147,7 +7169,7 @@ var Su = ["aria-label"], Cu = {
 			_: 3
 		}, 8, ["modelValue"]));
 	}
-}), [["styles", [".pv-filter-modal-rail[data-v-e3f66d03]{--flex-align:stretch;flex:0 0 180px;padding-inline-end:1rem;overflow-y:auto}.pv-filter-modal-pane[data-v-e3f66d03]{flex:auto;min-width:0;min-height:0;padding-inline-start:1rem}.pv-filter-modal-options[data-v-e3f66d03]{min-height:360px;max-height:360px;overflow-y:auto}.pv-filter-modal-pane-actions[data-v-e3f66d03]{margin-top:auto;padding-top:.5rem}"]], ["__scopeId", "data-v-e3f66d03"]]), Pu = Object.defineProperty, Fu = Object.getOwnPropertySymbols, Iu = Object.prototype.hasOwnProperty, Lu = Object.prototype.propertyIsEnumerable, Ru = (e, t, n) => t in e ? Pu(e, t, {
+}), [["styles", [".pv-filter-modal-rail[data-v-fb919d6a]{--flex-align:stretch;flex:0 0 180px;padding-inline-end:1rem;overflow-y:auto}.pv-filter-modal-pane[data-v-fb919d6a]{flex:auto;min-width:0;min-height:0;padding-inline-start:1rem}.pv-filter-modal-options[data-v-fb919d6a]{min-height:360px;max-height:360px;overflow-y:auto}.pv-filter-modal-pane-actions[data-v-fb919d6a]{margin-top:auto;padding-top:.5rem}"]], ["__scopeId", "data-v-fb919d6a"]]), Pu = Object.defineProperty, Fu = Object.getOwnPropertySymbols, Iu = Object.prototype.hasOwnProperty, Lu = Object.prototype.propertyIsEnumerable, Ru = (e, t, n) => t in e ? Pu(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,