@turquoisehealth/pit-viper 2.206.2 → 2.207.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +0 -10
  2. package/_site/assets/css/pit-viper-v2.css +0 -10
  3. package/package.json +1 -1
  4. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  5. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  6. package/pv-components/dist/stats/web/pv-filter-panel-stats.html +1 -1
  7. package/pv-components/dist/stats/web/pv-multi-select-button-stats.html +1 -1
  8. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +1 -1
  9. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  10. package/pv-components/dist/stats/web/pv-sidebar-stats.html +1 -1
  11. package/pv-components/dist/stats/web/pv-tag-stats.html +1 -1
  12. package/pv-components/dist/vue/base/components/base/PvMenu/PvMenuControlPanel.vue.d.ts +8 -0
  13. package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts +14 -7
  14. package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/types.d.ts +20 -3
  15. package/pv-components/dist/vue/base/components/base/PvSelectButton/PvSelectButton.vue.d.ts +5 -0
  16. package/pv-components/dist/vue/base/components/base/PvTag/PvTag.vue.d.ts +6 -0
  17. package/pv-components/dist/vue/base/components/base/index.d.ts +2 -0
  18. package/pv-components/dist/vue/base/pv-components-base.mjs +515 -477
  19. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  20. package/pv-components/dist/vue/visualizations/components/base/PvMenu/PvMenuControlPanel.vue.d.ts +8 -0
  21. package/pv-components/dist/vue/visualizations/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts +14 -7
  22. package/pv-components/dist/vue/visualizations/components/base/PvMultiSelectButton/types.d.ts +20 -3
  23. package/pv-components/dist/vue/visualizations/components/base/PvSelectButton/PvSelectButton.vue.d.ts +5 -0
  24. package/pv-components/dist/vue/visualizations/components/base/PvTag/PvTag.vue.d.ts +6 -0
  25. package/pv-components/dist/vue/visualizations/components/base/index.d.ts +2 -0
  26. package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/types.d.ts +2 -0
  27. package/pv-components/dist/vue/visualizations/components/charts/widgetOptions.d.ts +1 -0
  28. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/useSetFilter.d.ts +26 -2
  29. package/pv-components/dist/vue/visualizations/components/visualizations/index.d.ts +2 -0
  30. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +1289 -1056
  31. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  32. package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +4 -2
  33. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +46 -34
  34. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +5 -3
  35. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +4 -1
  36. package/pv-components/dist/web/components/pv-sidebar/pv-sidebar.js +359 -359
  37. package/pv-components/dist/web/components/pv-tag/pv-tag.js +4 -2
  38. package/pv-components/dist/web/pv-components.iife.js +4 -4
  39. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
@@ -3116,7 +3116,8 @@ var mr = { style: { width: "fit-content" } }, hr = /* @__PURE__ */ f({
3116
3116
  label: { type: String },
3117
3117
  showClear: { type: Boolean },
3118
3118
  rounded: { type: Boolean },
3119
- spine: { type: Boolean }
3119
+ spine: { type: Boolean },
3120
+ rumRemoveActionName: { type: String }
3120
3121
  },
3121
3122
  emits: ["handle-close", "handle-click"],
3122
3123
  setup(e) {
@@ -3164,8 +3165,9 @@ var mr = { style: { width: "fit-content" } }, hr = /* @__PURE__ */ f({
3164
3165
  "data-testid": "pv-tag-close-icon",
3165
3166
  size: 12,
3166
3167
  name: "close",
3168
+ "data-dd-action-name": e.rumRemoveActionName,
3167
3169
  onClick: r[0] ||= U((n) => t.$emit("handle-close", e.label), ["stop"])
3168
- })) : a("v-if", !0)
3170
+ }, null, 8, ["data-dd-action-name"])) : a("v-if", !0)
3169
3171
  ], 14, _a));
3170
3172
  }
3171
3173
  }), ya = {
@@ -443,7 +443,8 @@ var $e = {
443
443
  __name: "PvMenuControlPanel",
444
444
  props: {
445
445
  variant: { type: String },
446
- disabled: { type: Boolean }
446
+ disabled: { type: Boolean },
447
+ rumFilterName: { type: String }
447
448
  },
448
449
  emits: [
449
450
  "handle-select-all",
@@ -452,19 +453,22 @@ var $e = {
452
453
  "handle-confirm"
453
454
  ],
454
455
  setup(e) {
456
+ let n = e, i = r(() => n.rumFilterName ? `Select all ${n.rumFilterName} options` : void 0), s = r(() => n.rumFilterName ? `Clear ${n.rumFilterName} selections` : void 0);
455
457
  return (n, r) => (k(), o("div", lt, [e.variant === "select-clear" ? (k(), o(t, { key: 0 }, [u(ct, {
456
458
  variant: "ghost",
457
459
  "data-testid": "pv-select-menu-item-select-all",
460
+ "data-dd-action-name": i.value,
458
461
  onClick: r[0] ||= (e) => n.$emit("handle-select-all"),
459
462
  label: "Select All",
460
463
  disabled: e.disabled
461
- }, null, 8, ["disabled"]), u(ct, {
464
+ }, null, 8, ["data-dd-action-name", "disabled"]), u(ct, {
462
465
  label: "Clear All",
463
466
  variant: "ghost",
464
467
  "data-testid": "pv-select-menu-item-clear-all",
468
+ "data-dd-action-name": s.value,
465
469
  onClick: r[1] ||= (e) => n.$emit("handle-clear-all"),
466
470
  disabled: e.disabled
467
- }, null, 8, ["disabled"])], 64)) : e.variant === "cancel-confirm" ? (k(), o(t, { key: 1 }, [u(ct, {
471
+ }, null, 8, ["data-dd-action-name", "disabled"])], 64)) : e.variant === "cancel-confirm" ? (k(), o(t, { key: 1 }, [u(ct, {
468
472
  label: "Cancel",
469
473
  variant: "ghost",
470
474
  "data-testid": "pv-select-menu-item-cancel",
@@ -2635,10 +2639,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2635
2639
  onClick: r[1] ||= (e) => s("see-more", { parentId: void 0 })
2636
2640
  }, null, 8, ["loading", "disabled"])])) : a("v-if", !0)]));
2637
2641
  }
2638
- }), Ti = {
2639
- key: 0,
2640
- class: "pv-inset-square-8 pv-border-bottom"
2641
- }, Ei = {
2642
+ }), Ti = ["data-dd-action-name"], Ei = {
2642
2643
  key: 1,
2643
2644
  class: "pv-inset-square-8"
2644
2645
  }, Di = {
@@ -2685,8 +2686,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2685
2686
  type: Boolean,
2686
2687
  default: !1
2687
2688
  },
2688
- disabled: { type: Boolean },
2689
- readOnly: {
2689
+ disabled: {
2690
2690
  type: Boolean,
2691
2691
  default: !1
2692
2692
  },
@@ -2744,7 +2744,9 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2744
2744
  default: "primary",
2745
2745
  type: String
2746
2746
  },
2747
- additionalCounter: { type: Number }
2747
+ additionalCounter: { type: Number },
2748
+ rumFilterName: { type: String },
2749
+ rumActionName: { type: String }
2748
2750
  }, {
2749
2751
  modelValue: {
2750
2752
  required: !1,
@@ -2762,7 +2764,9 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2762
2764
  emits: /* @__PURE__ */ y([
2763
2765
  "dropdown-open",
2764
2766
  "dropdown-closed",
2765
- "see-more"
2767
+ "see-more",
2768
+ "select-all",
2769
+ "clear-all"
2766
2770
  ], [
2767
2771
  "update:modelValue",
2768
2772
  "update:selectionState",
@@ -2843,7 +2847,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2843
2847
  }, ce = r({
2844
2848
  get: () => B.value,
2845
2849
  set: (e) => {
2846
- c.readOnly || ne(e);
2850
+ ne(e);
2847
2851
  }
2848
2852
  }), le = () => {
2849
2853
  F.value = "", O.value = !1;
@@ -2864,7 +2868,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2864
2868
  immediate: !0
2865
2869
  }), V(O, (e) => {
2866
2870
  e ? (re(), x(() => {
2867
- c.overlayTrigger && !c.disableSearchInput && !c.readOnly && D.value?.input?.focus(), m("dropdown-open");
2871
+ c.overlayTrigger && !c.disableSearchInput && D.value?.input?.focus(), m("dropdown-open");
2868
2872
  })) : (re(), m("dropdown-closed"));
2869
2873
  });
2870
2874
  let fe = r(() => {
@@ -2878,9 +2882,10 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2878
2882
  };
2879
2883
  t(fe.value), f.value = e, p.value = /* @__PURE__ */ new Map();
2880
2884
  }
2881
- ne(c.enableCascadeSelection ? zt(fe.value) : fe.value);
2885
+ let e = c.enableCascadeSelection ? zt(fe.value) : fe.value;
2886
+ m("select-all", e.length), ne(e);
2882
2887
  }, me = () => {
2883
- f.value = /* @__PURE__ */ new Set(), p.value = /* @__PURE__ */ new Map(), ne([]);
2888
+ m("clear-all", B.value.length), f.value = /* @__PURE__ */ new Set(), p.value = /* @__PURE__ */ new Map(), ne([]);
2884
2889
  }, he = () => {
2885
2890
  re(), le();
2886
2891
  }, ge = () => {
@@ -2904,10 +2909,10 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2904
2909
  slotContext: c.slotContext,
2905
2910
  isOpen: O.value,
2906
2911
  isLoading: c.isLoading
2907
- })), be = ae("popoverContentRef"), xe = r(() => {
2908
- let e = be.value?.getRootNode();
2912
+ })), be = r(() => c.rumActionName ? c.rumActionName : c.rumFilterName ? `Open ${c.rumFilterName} filter` : void 0), xe = r(() => c.rumFilterName ? `Search ${c.rumFilterName} options` : void 0), Se = ae("popoverContentRef"), Ce = r(() => {
2913
+ let e = Se.value?.getRootNode();
2909
2914
  return e instanceof ShadowRoot ? e.host : null;
2910
- }), { present: Se } = Tt("header", { host: xe }), { present: Ce } = Tt("no-results", { host: xe }), { present: we } = Tt("footer", { host: xe });
2915
+ }), { present: we } = Tt("header", { host: Ce }), { present: H } = Tt("no-results", { host: Ce }), { present: Te } = Tt("footer", { host: Ce });
2911
2916
  return We("Escape", () => {
2912
2917
  O.value && le();
2913
2918
  }), (n, r) => (k(), i(ei, b({
@@ -2924,12 +2929,13 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2924
2929
  label: e.label,
2925
2930
  icon: e.icon,
2926
2931
  companyLogo: e.companyLogo,
2927
- showClear: !e.disableClearIcon && T.value,
2928
- showDropdown: !e.disableDropdownIcon && !(T.value && !e.disableClearIcon),
2932
+ showClear: !e.disableClearIcon && T.value && !e.disabled,
2933
+ showDropdown: !e.disableDropdownIcon && (e.disabled || !(T.value && !e.disableClearIcon)),
2929
2934
  open: z(O),
2930
2935
  "counter-value": S.value,
2931
2936
  "counter-style": e.counterStyle,
2932
2937
  "selected-items": B.value,
2938
+ "data-dd-action-name": be.value,
2933
2939
  onHandleClear: me,
2934
2940
  onHandleToggleDropdown: r[0] ||= (e) => z(j)()
2935
2941
  }, null, 8, [
@@ -2946,11 +2952,12 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2946
2952
  "open",
2947
2953
  "counter-value",
2948
2954
  "counter-style",
2949
- "selected-items"
2955
+ "selected-items",
2956
+ "data-dd-action-name"
2950
2957
  ])]),
2951
2958
  content: ue(() => [s("div", {
2952
2959
  ref_key: "popoverContentRef",
2953
- ref: be,
2960
+ ref: Se,
2954
2961
  class: "pv-popover",
2955
2962
  "data-test-id": "pv-popover",
2956
2963
  style: w({
@@ -2958,14 +2965,18 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2958
2965
  ...e.popoverCssProperties
2959
2966
  })
2960
2967
  }, [
2961
- !e.disableSearchInput && !e.readOnly ? (k(), o("div", Ti, [u(ht, {
2968
+ e.disableSearchInput ? a("v-if", !0) : (k(), o("div", {
2969
+ key: 0,
2970
+ class: "pv-inset-square-8 pv-border-bottom",
2971
+ "data-dd-action-name": xe.value
2972
+ }, [u(ht, {
2962
2973
  ref: "searchInputRef",
2963
2974
  "model-value": F.value,
2964
2975
  "onUpdate:modelValue": r[1] ||= (e) => F.value = e,
2965
2976
  class: "pv-stack-4",
2966
2977
  placeholder: e.searchPlaceholder
2967
- }, null, 8, ["model-value", "placeholder"])])) : a("v-if", !0),
2968
- n.$slots.header || z(Se) ? (k(), o("div", Ei, [P(n.$slots, "header", C(g(ye.value)))])) : a("v-if", !0),
2978
+ }, null, 8, ["model-value", "placeholder"])], 8, Ti)),
2979
+ n.$slots.header || z(we) ? (k(), o("div", Ei, [P(n.$slots, "header", C(g(ye.value)))])) : a("v-if", !0),
2969
2980
  fe.value.length > 0 ? (k(), o(t, { key: 2 }, [ve.value ? (k(!0), o(t, { key: 0 }, ee(_e.value, ([t, i], s) => (k(), o("div", { key: t }, [
2970
2981
  n.$slots[t] ? P(n.$slots, t, { key: 0 }) : t === "other" ? a("v-if", !0) : (k(), o("span", Di, L(t), 1)),
2971
2982
  u(wi, {
@@ -2980,7 +2991,6 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2980
2991
  isSeeMoreLoading: e.isSeeMoreLoading,
2981
2992
  enableCascadeSelection: e.enableCascadeSelection,
2982
2993
  hasMoreOptions: s === _e.value.length - 1 && y.value && !e.isLoading,
2983
- readOnly: e.readOnly,
2984
2994
  onSeeMore: E
2985
2995
  }, null, 8, [
2986
2996
  "selectedItems",
@@ -2991,8 +3001,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
2991
3001
  "isLoading",
2992
3002
  "isSeeMoreLoading",
2993
3003
  "enableCascadeSelection",
2994
- "hasMoreOptions",
2995
- "readOnly"
3004
+ "hasMoreOptions"
2996
3005
  ]),
2997
3006
  _e.value && s !== _e.value.length - 1 ? (k(), o("div", Oi)) : a("v-if", !0)
2998
3007
  ]))), 128)) : (k(), i(wi, {
@@ -3007,7 +3016,6 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
3007
3016
  enableCascadeSelection: e.enableCascadeSelection,
3008
3017
  isSeeMoreLoading: e.isSeeMoreLoading,
3009
3018
  hasMoreOptions: y.value && !e.isLoading,
3010
- readOnly: e.readOnly,
3011
3019
  onSeeMore: E
3012
3020
  }, null, 8, [
3013
3021
  "selectedItems",
@@ -3017,19 +3025,23 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
3017
3025
  "itemTestId",
3018
3026
  "enableCascadeSelection",
3019
3027
  "isSeeMoreLoading",
3020
- "hasMoreOptions",
3021
- "readOnly"
3028
+ "hasMoreOptions"
3022
3029
  ]))], 64)) : a("v-if", !0),
3023
- e.isLoading ? (k(), o("div", ki, [u(Je, { variant: "dark" })])) : fe.value.length === 0 ? (k(), o(t, { key: 4 }, [z(Ce) ? P(n.$slots, "no-results", C(b({ key: 0 }, ye.value))) : (k(), i(Lt, { key: 1 }))], 64)) : a("v-if", !0),
3024
- s("div", Ai, [z(we) ? P(n.$slots, "footer", C(b({ key: 0 }, ye.value))) : a("v-if", !0), e.menuActionsVariant && !e.readOnly ? (k(), i(ut, {
3030
+ e.isLoading ? (k(), o("div", ki, [u(Je, { variant: "dark" })])) : fe.value.length === 0 ? (k(), o(t, { key: 4 }, [z(H) ? P(n.$slots, "no-results", C(b({ key: 0 }, ye.value))) : (k(), i(Lt, { key: 1 }))], 64)) : a("v-if", !0),
3031
+ s("div", Ai, [z(Te) ? P(n.$slots, "footer", C(b({ key: 0 }, ye.value))) : a("v-if", !0), e.menuActionsVariant ? (k(), i(ut, {
3025
3032
  key: 1,
3026
3033
  variant: e.menuActionsVariant,
3027
3034
  disabled: e.isLoading,
3035
+ rumFilterName: e.rumFilterName,
3028
3036
  onHandleClearAll: me,
3029
3037
  onHandleSelectAll: pe,
3030
3038
  onHandleCancel: he,
3031
3039
  onHandleConfirm: ge
3032
- }, null, 8, ["variant", "disabled"])) : a("v-if", !0)])
3040
+ }, null, 8, [
3041
+ "variant",
3042
+ "disabled",
3043
+ "rumFilterName"
3044
+ ])) : a("v-if", !0)])
3033
3045
  ], 4)]),
3034
3046
  _: 3
3035
3047
  }, 16, ["modelValue", "offset"]));
@@ -3218,7 +3218,7 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
3218
3218
  avatar: { type: Object },
3219
3219
  groupingLabel: { type: String },
3220
3220
  disabled: { type: Boolean },
3221
- context: { type: Object },
3221
+ context: { type: null },
3222
3222
  classList: { type: Array },
3223
3223
  searchText: { type: String },
3224
3224
  children: { type: Array },
@@ -3432,7 +3432,8 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
3432
3432
  label: { type: String },
3433
3433
  showClear: { type: Boolean },
3434
3434
  rounded: { type: Boolean },
3435
- spine: { type: Boolean }
3435
+ spine: { type: Boolean },
3436
+ rumRemoveActionName: { type: String }
3436
3437
  },
3437
3438
  emits: ["handle-close", "handle-click"],
3438
3439
  setup(e) {
@@ -3480,8 +3481,9 @@ var Wa = { style: { width: "fit-content" } }, Ga = /* @__PURE__ */ f({
3480
3481
  "data-testid": "pv-tag-close-icon",
3481
3482
  size: 12,
3482
3483
  name: "close",
3484
+ "data-dd-action-name": e.rumRemoveActionName,
3483
3485
  onClick: r[0] ||= he((n) => t.$emit("handle-close", e.label), ["stop"])
3484
- })) : a("v-if", !0)
3486
+ }, null, 8, ["data-dd-action-name"])) : a("v-if", !0)
3485
3487
  ], 14, Do));
3486
3488
  }
3487
3489
  }), ko = /* @__PURE__ */ f({
@@ -2612,7 +2612,8 @@ var Br = {
2612
2612
  highlightSearchText: {
2613
2613
  type: Boolean,
2614
2614
  default: !1
2615
- }
2615
+ },
2616
+ rumActionName: { type: String }
2616
2617
  }, {
2617
2618
  modelValue: { required: !1 },
2618
2619
  modelModifiers: {},
@@ -2686,6 +2687,7 @@ var Br = {
2686
2687
  showClear: !1,
2687
2688
  showDropdown: !0,
2688
2689
  open: F(d),
2690
+ "data-dd-action-name": e.rumActionName,
2689
2691
  "counter-position": e.counterPosition,
2690
2692
  "counter-value": f.value?.secondaryText && typeof f.value.secondaryText == "number" ? f.value.secondaryText : void 0,
2691
2693
  "counter-badge-variant": e.counterBadgeVariant,
@@ -2705,6 +2707,7 @@ var Br = {
2705
2707
  "companyLogo",
2706
2708
  "avatar",
2707
2709
  "open",
2710
+ "data-dd-action-name",
2708
2711
  "counter-position",
2709
2712
  "counter-value",
2710
2713
  "counter-badge-variant",