@turquoisehealth/pit-viper 2.224.1-dev.3 → 2.225.0

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/crosslineHelpers.d.ts

@@ -1,6 +1,5 @@
 import { ChipSection, CrosslineOverlayGroup, VerticalLineOverlay } from './types';
 export declare const DEFAULT_CROSSLINE_OVERLAY_COLOR = "#E7E2D9";
-export declare const LEGACY_CROSSLINE_OVERLAY_COLOR = "#7C8AF4";
 export declare const scaleValueToIndex: (value: number, buckets: {
     bucketMin: number;
     bucketMax: number;
@@ -11,7 +10,7 @@ export interface CrosslineAxisDomain {
     axisMin: number;
     axisMax: number;
 }
-export declare const getCrosslineAxisDomain: (numCategories: number, showDistributionRangeLabels: boolean | undefined) => CrosslineAxisDomain;
+export declare const getCrosslineAxisDomain: (numCategories: number, isHistogramWithBuckets: boolean | undefined) => CrosslineAxisDomain;
 export declare const scaledIndexToAxisFraction: (scaledValue: number, domain: CrosslineAxisDomain) => number;
 export declare const resolveCrosslineOverlays: (groups: CrosslineOverlayGroup[], activeGroupIds: Set<string>) => VerticalLineOverlay[];
 export declare const computeChipSections: (groups: CrosslineOverlayGroup[], activeGroupIds: Set<string>, formatValue: (value: number) => string | number) => ChipSection[];

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/helpers.d.ts

@@ -75,9 +75,8 @@ export declare const calculateMinChartSeriesValue: (data: any[] | undefined, ser
  * Builds the category axis's label formatter. Exactly one of three behaviors applies:
  * - `hideLabel`: every label is blank (e.g. a chart type that doesn't show x-axis labels).
  * - `showDistributionRangeLabels`: only the two blank pad categories flanking a histogram's
- *   real buckets (under `useDistributionV2Styling`) are labeled, with the overall lowest
- *   min / highest max bucket boundary; every other category (including the real buckets
- *   themselves) is blank.
+ *   real buckets are labeled, with the overall lowest min / highest max bucket boundary;
+ *   every other category (including the real buckets themselves) is blank.
  * - Otherwise: normal category labels, formatted via `columnValueFormatter`, with the
  *   separator/single-bar-padding sentinel categories hidden, a focus suffix appended, and
  *   the result truncated to `MAX_LABEL_LENGTH`.

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

@@ -142,12 +142,6 @@ export interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
     showSeriesLabels?: boolean;
     /** When true, truncates long category labels on the chart axis. */
     truncateLabelValues?: boolean;
-    /**
-     * Gate for distribution/histogram chart styling changes that must ship together.
-     * When true, notates the x-axis of histogram charts with the overall lowest min
-     * (left) and highest max (right) bucket bounds.
-     */
-    useDistributionV2Styling?: boolean;
     /** Pre-populated chart data to render before any server-side fetch completes. */
     initialChartData?: AgChartOptions["data"];
     /** When true, wraps large charts in a native Pit Viper-styled scroll container. */

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/useBenchmarkOverlays.d.ts

@@ -9,7 +9,6 @@ export interface CrosslineTooltip {
 }
 interface UseBenchmarkOverlaysOptions {
     crosslineOverlayGroups: ComputedRef<CrosslineOverlayGroup[]>;
-    useDistributionV2Styling: ComputedRef<boolean | undefined>;
     isHistogramWithBuckets: ComputedRef<boolean | undefined>;
     isHorizontalBarChart: ComputedRef<boolean>;
     computedChartData: ComputedRef<{

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

@@ -13881,46 +13881,46 @@ var zp = (e, t) => {
 	}), [...r.values()];
 }, Wp = (e) => !!(e.visible && !e.disabled);
 function Gp(e) {
-	let { crosslineOverlayGroups: t, useDistributionV2Styling: n, isHistogramWithBuckets: i, isHorizontalBarChart: a, computedChartData: o, pvChartRef: s, formatValue: c, initialActiveOverlayGroupIds: l } = e, u = k(new Set(l?.value ?? t.value.filter((e) => Wp(e)).map((e) => e.id))), d = new Map(t.value.map((e) => [e.id, Wp(e)]));
+	let { crosslineOverlayGroups: t, isHistogramWithBuckets: n, isHorizontalBarChart: i, computedChartData: a, pvChartRef: o, formatValue: s, initialActiveOverlayGroupIds: c } = e, l = k(new Set(c?.value ?? t.value.filter((e) => Wp(e)).map((e) => e.id))), u = new Map(t.value.map((e) => [e.id, Wp(e)]));
 	U(t, (e) => {
-		let t = new Set(u.value), n = !1, r = l?.value !== void 0;
+		let t = new Set(l.value), n = !1, r = c?.value !== void 0;
 		for (let i of e) {
-			let e = Wp(i), a = d.has(i.id) ? !d.get(i.id) : !r;
-			e && a ? (t.add(i.id), n = !0) : !e && d.get(i.id) && (t.delete(i.id), n = !0);
+			let e = Wp(i), a = u.has(i.id) ? !u.get(i.id) : !r;
+			e && a ? (t.add(i.id), n = !0) : !e && u.get(i.id) && (t.delete(i.id), n = !0);
 		}
-		d = new Map(e.map((e) => [e.id, Wp(e)])), n && (u.value = t);
+		u = new Map(e.map((e) => [e.id, Wp(e)])), n && (l.value = t);
 	});
-	let f = r(() => Hp(t.value, u.value)), p = r(() => n.value ? Up(t.value, u.value, c) : []), m = k(null);
+	let d = r(() => Hp(t.value, l.value)), f = r(() => Up(t.value, l.value, s)), p = k(null);
 	return {
-		activeCrosslineOverlayGroups: u,
-		resolvedCrosslineOverlays: f,
-		chipSections: p,
-		hoveredBenchmarkKey: m,
+		activeCrosslineOverlayGroups: l,
+		resolvedCrosslineOverlays: d,
+		chipSections: f,
+		hoveredBenchmarkKey: p,
 		hoveredCrosslineTooltip: r(() => {
-			if (!m.value || !o.value) return null;
-			let e = f.value.find((e) => e.key === m.value);
+			if (!p.value || !a.value) return null;
+			let e = d.value.find((e) => e.key === p.value);
 			if (!e) return null;
-			let t = zp(e.value, o.value);
+			let t = zp(e.value, a.value);
 			if (t == null) return null;
-			let r = (s.value?.$el)?.querySelector(".ag-charts-series-area")?.getBoundingClientRect();
+			let r = (o.value?.$el)?.querySelector(".ag-charts-series-area")?.getBoundingClientRect();
 			if (!r) return null;
-			let l = Vp(t, Bp(o.value.length || 1, i.value && n.value)), u = e.formatValue ? e.formatValue(e.value) : c(e.value);
-			return a.value ? {
+			let c = Vp(t, Bp(a.value.length || 1, n.value)), l = e.formatValue ? e.formatValue(e.value) : s(e.value);
+			return i.value ? {
 				label: e.label,
-				value: u,
+				value: l,
 				arrowClass: "ag-charts-tooltip--arrow-left",
 				style: {
 					"--left": `${r.left + 8}px`,
-					"--top": `${r.top + (1 - l) * r.height}px`,
+					"--top": `${r.top + (1 - c) * r.height}px`,
 					transform: "translateY(-50%)",
 					pointerEvents: "none"
 				}
 			} : {
 				label: e.label,
-				value: u,
+				value: l,
 				arrowClass: "ag-charts-tooltip--arrow-bottom",
 				style: {
-					"--left": `${r.left + l * r.width}px`,
+					"--left": `${r.left + c * r.width}px`,
 					"--top": `${r.top - 8}px`,
 					transform: "translate(-50%, -100%)",
 					pointerEvents: "none"
@@ -13967,10 +13967,6 @@ var Kp = { style: {
 			type: Boolean,
 			default: !0
 		},
-		useDistributionV2Styling: {
-			type: Boolean,
-			default: !1
-		},
 		initialChartData: {},
 		enableChartScrolling: {
 			type: Boolean,
@@ -14374,7 +14370,7 @@ var Kp = { style: {
 				});
 			}
 		});
-		let Be = (e) => e?.label ?? "", Ve = r(() => Be(ne(V.value, Q.value))), He = r(() => ne(H.value, Ne.value)), Ue = r(() => Be(He.value)), We = r(() => Oe.value.isHorizontal === !0), Ge = r(() => P.value.length > 1), Ke = r(() => !we.value || V.value.length === 0 ? [] : Oe.value.seriesFamily === "pie" ? Qe.value : Ze.value), qe = r(() => we.value?.id === "histogram" && l.useDistributionV2Styling ? !1 : l.showSeriesLabels), Je = r(() => we.value?.id.includes("stacked")), Ye = r(() => P.value.length > 1), Xe = r(() => we.value?.id === "histogram" && at.value && at.value.length > 0 && typeof at.value[0]?.bucketMin == "number" && typeof at.value[0]?.bucketMax == "number"), Ze = r(() => {
+		let Be = (e) => e?.label ?? "", Ve = r(() => Be(ne(V.value, Q.value))), He = r(() => ne(H.value, Ne.value)), Ue = r(() => Be(He.value)), We = r(() => Oe.value.isHorizontal === !0), Ge = r(() => P.value.length > 1), Ke = r(() => !we.value || V.value.length === 0 ? [] : Oe.value.seriesFamily === "pie" ? Qe.value : Ze.value), qe = r(() => we.value?.id === "histogram" ? !1 : l.showSeriesLabels), Je = r(() => we.value?.id.includes("stacked")), Ye = r(() => P.value.length > 1), Xe = r(() => we.value?.id === "histogram" && at.value && at.value.length > 0 && typeof at.value[0]?.bucketMin == "number" && typeof at.value[0]?.bucketMax == "number"), Ze = r(() => {
 			let e = Je.value, t = Oe.value.agChartType, n = [], r = ve(Q.value, !0), i = ve(Fe.value?.fieldName, !0), a = (e) => t === "line" ? {} : { placement: e };
 			if (Ge.value) Fe.value?.fieldValues.forEach((o) => {
 				let s = {
@@ -14475,7 +14471,7 @@ var Kp = { style: {
 					label: { enabled: !1 },
 					tooltip: { enabled: !1 },
 					visible: !1
-				}, { categoryPadOffset: i } = Bp(e, Xe.value && l.useDistributionV2Styling), a = {
+				}, { categoryPadOffset: i } = Bp(e, !0), a = {
 					type: "scatter",
 					xKey: "__dummy_x__",
 					yKey: "__dummy_y__",
@@ -14678,7 +14674,6 @@ var Kp = { style: {
 			return e;
 		}), { activeCrosslineOverlayGroups: st, resolvedCrosslineOverlays: ct, chipSections: lt, hoveredBenchmarkKey: ut, hoveredCrosslineTooltip: dt } = Gp({
 			crosslineOverlayGroups: Pe,
-			useDistributionV2Styling: r(() => l.useDistributionV2Styling),
 			isHistogramWithBuckets: Xe,
 			isHorizontalBarChart: We,
 			computedChartData: at,
@@ -14777,22 +14772,22 @@ var Kp = { style: {
 		}), zt = r(() => Lt.value || ce.value || !l.isLoading && Rt.value !== ""), Bt = r(() => {
 			let e = {};
 			e.overlays = { noData: { text: "" } };
-			let t = Xe.value && l.useDistributionV2Styling, n = t ? [
+			let t = Xe.value ? [
 				{ [I.value]: Jo },
 				...at.value ?? [],
 				{ [I.value]: Yo }
 			] : at.value;
-			e.data = zt.value ? [] : n, e.legend = {
+			e.data = zt.value ? [] : t, e.legend = {
 				toggleSeries: !1,
 				preventHidingAll: !0,
 				enabled: P.value.length > 1
 			};
-			let r = Ge.value ? Fe.value?.fieldValues.map((e) => Ss(Q.value, e)) || [] : Q.value ? [Q.value] : [], i = (() => {
+			let n = Ge.value ? Fe.value?.fieldValues.map((e) => Ss(Q.value, e)) || [] : Q.value ? [Q.value] : [], r = (() => {
 				if (!Ne.value) return [];
 				let e = Ne.value;
 				return Je.value ? [`${e}${Qo}`] : Ge.value ? Fe.value?.fieldValues.map((t) => Ss(e, String(t))) || [] : [e];
-			})(), a = Oe.value.xAxis.hideLabel === !0 && !t, o = [];
-			if (o.push({
+			})(), i = Oe.value.xAxis.hideLabel === !0 && !Xe.value, a = [];
+			if (a.push({
 				type: "category",
 				keys: [I.value],
 				position: We.value ? "left" : "bottom",
@@ -14810,10 +14805,10 @@ var Kp = { style: {
 					autoRotate: !0,
 					truncate: !1,
 					wrapping: "never",
-					...t ? { spacing: 2 } : {},
+					...Xe.value ? { spacing: 2 } : {},
 					formatter: Os({
-						hideLabel: a,
-						showDistributionRangeLabels: !!t,
+						hideLabel: i,
+						showDistributionRangeLabels: !!Xe.value,
 						chartData: at.value,
 						formatBucketBoundary: Se,
 						columnValueFormatter: ve(I.value),
@@ -14823,71 +14818,71 @@ var Kp = { style: {
 					})
 				},
 				paddingInner: Nt.value,
-				paddingOuter: t ? 0 : Pt.value,
+				paddingOuter: Xe.value ? 0 : Pt.value,
 				groupPaddingInner: Ft.value
 			}), Xe.value && ct.value.length > 0) {
-				let { categoryPadOffset: e, axisMin: n, axisMax: r } = Bp(at.value?.length || 1, t);
-				o.push({
+				let { categoryPadOffset: e, axisMin: t, axisMax: n } = Bp(at.value?.length || 1, !0);
+				a.push({
 					type: "number",
 					keys: ["__dummy_x__"],
 					position: We.value ? "left" : "bottom",
 					crosshair: { enabled: !1 },
-					min: n,
-					max: r,
+					min: t,
+					max: n,
 					nice: !1,
 					label: { enabled: !1 },
 					tick: { enabled: !1 },
 					line: { enabled: !1 },
 					gridLine: { enabled: !1 },
-					crossLines: ct.value.map((n) => {
+					crossLines: ct.value.map((t) => {
 						if (!at.value) return null;
-						let r = zp(n.value, at.value);
-						if (r == null) return null;
-						let i = ut.value != null && n.key === ut.value, a = ut.value != null && !i;
+						let n = zp(t.value, at.value);
+						if (n == null) return null;
+						let r = ut.value != null && t.key === ut.value, i = ut.value != null && !r;
 						return {
 							type: "line",
-							value: r + e,
-							stroke: n.color || (t ? "#E7E2D9" : "#7C8AF4"),
-							strokeWidth: i ? 3 : 2,
-							strokeOpacity: a ? .2 : i ? 1 : .8,
+							value: n + e,
+							stroke: t.color || "#E7E2D9",
+							strokeWidth: r ? 3 : 2,
+							strokeOpacity: i ? .2 : r ? 1 : .8,
 							lineDash: [6, 3]
 						};
 					}).filter((e) => e !== null)
 				});
 			}
-			let s = !!Ne.value, c = s ? He.value?.secondaryAxisMax : void 0, u = s && Number.isFinite(At.value) && At.value < 0, d = s && Number.isFinite(jt.value) && jt.value < 0, f = u || d, p = s ? _s(Ot.value, 5) : 0, m = s ? c ?? _s(kt.value, 5) : 0, h = s && !f && p > 0 && m > 0;
-			if (o.push({
+			let o = !!Ne.value, s = o ? He.value?.secondaryAxisMax : void 0, c = o && Number.isFinite(At.value) && At.value < 0, u = o && Number.isFinite(jt.value) && jt.value < 0, d = c || u, f = o ? _s(Ot.value, 5) : 0, p = o ? s ?? _s(kt.value, 5) : 0, m = o && !d && f > 0 && p > 0;
+			if (a.push({
 				type: "number",
-				keys: r,
+				keys: n,
 				position: We.value ? "bottom" : "left",
-				...h ? {
+				...m ? {
 					min: 0,
-					max: p,
+					max: f,
 					nice: !1,
-					interval: { step: p / 5 }
+					interval: { step: f / 5 }
 				} : {},
 				label: { formatter: ve(Q.value) },
 				title: {
 					enabled: !0,
 					text: Ve.value
 				}
-			}), s && o.push({
+			}), o && a.push({
 				type: "number",
-				keys: i,
+				keys: r,
 				position: We.value ? "top" : "right",
 				crosshair: { enabled: !1 },
-				...h ? {
+				...m ? {
 					min: 0,
-					max: m,
+					max: p,
 					nice: !1,
-					interval: { step: m / 5 }
+					interval: { step: p / 5 }
 				} : {
-					...d ? {} : { min: 0 },
-					...c === void 0 ? {} : {
-						max: c,
+					...u ? {} : { min: 0 },
+					...s === void 0 ? {} : {
+						max: s,
 						nice: !1
 					},
-					...f ? { gridLine: { enabled: !1 } } : {}
+					...d ? { gridLine: { enabled: !1 } } : {}
 				},
 				label: { color: _t },
 				title: {
@@ -14897,7 +14892,7 @@ var Kp = { style: {
 				}
 			}), Xe.value && ct.value.length > 0) {
 				let e = Number.isFinite(Ot.value) ? Ot.value : 0;
-				o.push({
+				a.push({
 					type: "number",
 					keys: ["__dummy_y__"],
 					position: "left",
@@ -14911,7 +14906,7 @@ var Kp = { style: {
 					gridLine: { enabled: !1 }
 				});
 			}
-			return e.axes = o, e.series = Ke.value, e;
+			return e.axes = a, e.series = Ke.value, e;
 		}), Vt = r(() => E.value || l.isLoading && (!at.value || at.value.length === 0)), Ht = r(() => Lt.value || !ce.value && !l.isLoading && Rt.value !== ""), Ut = (e) => {
 			b.value = e, d("chart-collapsed", e);
 		}, Wt = (e) => {