@ironsource/shared-ui 2.1.12-test.1 → 2.1.12-test.101

package/components/chart/ChartHeader.vue2.js

@@ -1,13 +1,16 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css"; import { defineComponent as S, computed as p, openBlock as r, createElementBlock as w, normalizeClass as C, createElementVNode as s, createVNode as c, createSlots as B, withCtx as h, renderSlot as g, unref as m, createTextVNode as D, toDisplayString as N, createBlock as o, normalizeProps as f, mergeProps as y, createCommentVNode as l } from "vue";
-import P from "../typography/v4/Typography.vue.js";
-import H from "../switch/v4/SwitchV4.vue.js";
-import { ChartType as a, TrendDirection as L } from "./types.js";
-import T from "./ChartHeaderTrend.vue.js";
-import z from "./SubHeader.vue.js";
-const E = { class: "header-texts" }, U = { class: "header-row" }, G = /* @__PURE__ */ S({
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_d90c583e_lang.css"; import { defineComponent as I, computed as p, openBlock as o, createElementBlock as S, mergeProps as u, unref as t, createElementVNode as c, createVNode as T, createSlots as w, withCtx as y, renderSlot as x, createTextVNode as B, toDisplayString as E, createBlock as d, normalizeProps as b, createCommentVNode as l, isRef as D } from "vue";
+import H from "../typography/v4/Typography.vue.js";
+import N from "../switch/v4/SwitchV4.vue.js";
+import P from "../chip/v4/ChipV4.vue.js";
+import { ChartType as n, TrendDirection as $ } from "./types.js";
+import V from "./ChartHeaderTrend.vue.js";
+import g from "./SubHeader.vue.js";
+import { useTestIdAttrs as A } from "../../utils/testIds.js";
+import { ChartTestIdModifiers as s } from "../../testids/index.js";
+const L = { class: "header-texts" }, R = { class: "header-row" }, U = { class: "header-actions" }, J = /* @__PURE__ */ I({
   __name: "ChartHeader",
   props: {
-    chartType: { default: a.Line },
+    chartType: { default: n.Line },
     typeSwitcher: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
@@ -15,66 +18,76 @@ const E = { class: "header-texts" }, U = { class: "header-row" }, G = /* @__PURE
     trendTooltip: { default: null },
     compact: { type: Boolean, default: !1 },
     trendValue: { default: null },
-    trendDirection: { default: L.UP }
+    trendDirection: { default: $.UP },
+    noteText: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:chartType"],
-  setup(b, { emit: v }) {
-    const t = b, V = v, d = [
-      { id: a.Line, icon: "chart-line-up" },
-      { id: a.Bar, icon: "chart-bar" },
-      { id: a.StackedLine, icon: "chart-line" }
-    ], n = p({
+  setup(e, { emit: v }) {
+    const a = e, h = [
+      { id: n.Line, icon: "chart-line-up" },
+      { id: n.Bar, icon: "chart-bar" },
+      { id: n.StackedLine, icon: "chart-line" }
+    ], i = p({
       get() {
-        return d.find(({ id: e }) => e === t.chartType);
+        return h.find(({ id: r }) => r === a.chartType);
       },
-      set(e) {
-        V("update:chartType", e.id);
+      set(r) {
+        v("update:chartType", r.id);
       }
-    }), i = p(() => ({
-      value: t.trendValue,
-      direction: t.trendDirection,
-      trendTooltip: t.trendTooltip
-    }));
-    return (e, u) => (r(), w("div", {
-      class: C(["chart-header", { "chart-header--compact": e.compact }])
-    }, [
-      s("div", E, [
-        c(z, {
+    }), m = p(() => ({
+      value: a.trendValue,
+      direction: a.trendDirection,
+      trendTooltip: a.trendTooltip,
+      testId: a.testId
+    })), k = A(a.testId, s);
+    return (r, f) => (o(), S("div", u({
+      class: ["chart-header", { "chart-header--compact": e.compact }]
+    }, t(k)[t(s).HEADER]), [
+      c("div", L, [
+        T(g, {
           subheader: e.subheader,
           "subheader-tooltip": e.subheaderTooltip,
           "show-separator": e.compact && (!!e.header || !!e.trendValue)
-        }, B({ _: 2 }, [
-          e.$slots["subheader-tooltip"] ? {
+        }, w({ _: 2 }, [
+          r.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: h(() => [
-              g(e.$slots, "subheader-tooltip", {}, void 0, !0)
+            fn: y(() => [
+              x(r.$slots, "subheader-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["subheader", "subheader-tooltip", "show-separator"]),
-        s("div", U, [
-          c(m(P), {
+        c("div", R, [
+          T(t(H), {
             class: "header-text",
             variant: e.compact ? "h5" : "chart2"
           }, {
-            default: h(() => [
-              D(N(e.header), 1)
+            default: y(() => [
+              B(E(e.header), 1)
             ]),
             _: 1
           }, 8, ["variant"]),
-          !e.compact && e.trendValue !== null ? (r(), o(T, f(y({ key: 0 }, i.value)), null, 16)) : l("", !0)
+          !e.compact && e.trendValue !== null ? (o(), d(V, b(u({ key: 0 }, t(m))), null, 16)) : l("", !0)
         ]),
-        e.compact && e.trendValue !== null ? (r(), o(T, f(y({ key: 0 }, i.value)), null, 16)) : l("", !0)
+        e.compact && e.trendValue !== null ? (o(), d(V, b(u({ key: 0 }, t(m))), null, 16)) : l("", !0)
       ]),
-      e.typeSwitcher ? (r(), o(m(H), {
-        key: 0,
-        modelValue: n.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (k) => n.value = k),
-        options: d
-      }, null, 8, ["modelValue"])) : l("", !0)
-    ], 2));
+      c("div", U, [
+        e.noteText ? (o(), d(t(P), {
+          key: 0,
+          label: `Note: ${e.noteText}`
+        }, null, 8, ["label"])) : l("", !0),
+        e.typeSwitcher ? (o(), d(t(N), {
+          key: 1,
+          modelValue: t(i),
+          "onUpdate:modelValue": f[0] || (f[0] = (C) => D(i) ? i.value = C : null),
+          options: h,
+          "test-id": `${e.testId}-${t(s).TYPE_SWITCHER}`
+        }, null, 8, ["modelValue", "test-id"])) : l("", !0)
+      ])
+    ], 16));
   }
 });
 export {
-  G as default
+  J as default
 };

package/components/chart/ChartHeaderTrend.vue.d.ts

@@ -1,5 +1,5 @@
 import { TrendDirection } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
     direction?: TrendDirection;
     trendTooltip?: {
@@ -7,11 +7,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    testId?: string;
 }>, {
     value: any;
     direction: TrendDirection;
     trendTooltip: any;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value?: number | string;
     direction?: TrendDirection;
     trendTooltip?: {
@@ -19,19 +21,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    testId?: string;
 }>, {
     value: any;
     direction: TrendDirection;
     trendTooltip: any;
-}>>> & Readonly<{}>, {
+    testId: string;
+}>>>, {
     value: number | string;
+    testId: string;
     direction: TrendDirection;
-    trendTooltip: {
-        header?: string;
-        rangeCurrent?: string;
-        rangePrevious?: string;
-    };
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    trendTooltip: any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/chart/ChartHeaderTrend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeaderTrend.vue2.js";
 /* empty css                       */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-db8a902c"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ca558859_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ca558859"]]);
 export {
   a as default
 };

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,96 +1,100 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; import { defineComponent as y, computed as g, openBlock as n, createElementBlock as T, normalizeClass as h, createVNode as u, unref as t, withCtx as r, createElementVNode as m, createBlock as d, createTextVNode as a, toDisplayString as p, createCommentVNode as l } from "vue";
-import i from "../typography/v4/Typography.vue.js";
-import C from "../icon/v4/IconV4.vue.js";
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ca558859_lang.css"; import { defineComponent as I, computed as p, openBlock as n, createElementBlock as m, mergeProps as C, unref as e, createVNode as i, withCtx as o, createElementVNode as u, createBlock as c, createTextVNode as a, toDisplayString as l, createCommentVNode as s, pushScopeId as _, popScopeId as x } from "vue";
+import d from "../typography/v4/Typography.vue.js";
+import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import k from "../tooltip/v4/TooltipV4.vue.js";
 import { TrendDirection as f } from "./types.js";
-const b = { class: "trend-tooltip" }, _ = {
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+import { ChartTestIdModifiers as T } from "../../testids/index.js";
+const h = (t) => (_("data-v-ca558859"), t = t(), x(), t), P = { class: "trend-tooltip" }, E = {
   key: 2,
   class: "separator"
-}, z = /* @__PURE__ */ y({
+}, S = /* @__PURE__ */ h(() => /* @__PURE__ */ u("hr", null, null, -1)), V = /* @__PURE__ */ h(() => /* @__PURE__ */ u("hr", null, null, -1)), M = /* @__PURE__ */ I({
   __name: "ChartHeaderTrend",
   props: {
     value: { default: null },
     direction: { default: f.UP },
-    trendTooltip: { default: null }
+    trendTooltip: { default: null },
+    testId: { default: "" }
   },
-  setup(v) {
-    const s = v, c = g(
-      () => s.trendTooltip?.header || s.trendTooltip?.rangeCurrent || s.trendTooltip?.rangePrevious
-    );
-    return (e, o) => (n(), T("div", {
-      class: h(["chart-trend", [`chart-trend--${e.direction}`]])
-    }, [
-      u(t(k), {
-        disabled: !c.value
+  setup(t) {
+    const r = t, v = p(
+      () => r.trendTooltip?.header || r.trendTooltip?.rangeCurrent || r.trendTooltip?.rangePrevious
+    ), g = p(
+      () => r.direction === f.NEUTRAL ? "minus" : `arrow-${r.direction}`
+    ), y = N(r.testId, T);
+    return (w, A) => (n(), m("div", C({
+      class: ["chart-trend", [`chart-trend--${t.direction}`]]
+    }, e(y)[e(T).TREND]), [
+      i(e(k), {
+        disabled: !e(v)
       }, {
-        tooltip: r(() => [
-          m("div", b, [
-            e.trendTooltip?.header ? (n(), d(t(i), {
+        tooltip: o(() => [
+          u("div", P, [
+            t.trendTooltip?.header ? (n(), c(e(d), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
             }, {
-              default: r(() => [
-                a(p(e.trendTooltip.header), 1)
+              default: o(() => [
+                a(l(t.trendTooltip.header), 1)
               ]),
               _: 1
-            })) : l("", !0),
-            e.trendTooltip?.rangeCurrent ? (n(), d(t(i), {
+            })) : s("", !0),
+            t.trendTooltip?.rangeCurrent ? (n(), c(e(d), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
-              default: r(() => [
-                a(p(e.trendTooltip.rangeCurrent), 1)
+              default: o(() => [
+                a(l(t.trendTooltip.rangeCurrent), 1)
               ]),
               _: 1
-            })) : l("", !0),
-            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (n(), T("div", _, [
-              o[1] || (o[1] = m("hr", null, null, -1)),
-              u(t(i), {
+            })) : s("", !0),
+            t.trendTooltip?.rangeCurrent && t.trendTooltip?.rangePrevious ? (n(), m("div", E, [
+              S,
+              i(e(d), {
                 class: "separator__text",
                 variant: "caption"
               }, {
-                default: r(() => o[0] || (o[0] = [
+                default: o(() => [
                   a(" vs. ")
-                ])),
+                ]),
                 _: 1
               }),
-              o[2] || (o[2] = m("hr", null, null, -1))
-            ])) : l("", !0),
-            e.trendTooltip?.rangePrevious ? (n(), d(t(i), {
+              V
+            ])) : s("", !0),
+            t.trendTooltip?.rangePrevious ? (n(), c(e(d), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
-              default: r(() => [
-                a(p(e.trendTooltip.rangePrevious), 1)
+              default: o(() => [
+                a(l(t.trendTooltip.rangePrevious), 1)
               ]),
               _: 1
-            })) : l("", !0)
+            })) : s("", !0)
           ])
         ]),
-        default: r(() => [
-          e.direction !== t(f).NEUTRAL ? (n(), d(t(C), {
-            key: 0,
+        default: o(() => [
+          i(e(b), {
             class: "trend-icon",
             type: "bold",
-            name: `arrow-${e.direction}`,
+            name: e(g),
             size: "15px"
-          }, null, 8, ["name"])) : l("", !0),
-          u(t(i), { variant: "chipLabel" }, {
-            default: r(() => [
-              a(p(e.value), 1)
+          }, null, 8, ["name"]),
+          i(e(d), { variant: "chipLabel" }, {
+            default: o(() => [
+              a(l(t.value), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 2));
+    ], 16));
   }
 });
 export {
-  z as default
+  M as default
 };

package/components/chart/ChartLegend.vue.d.ts

@@ -1,5 +1,5 @@
 import { LegendItem } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId?: string | number;
@@ -9,6 +9,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sortSelected?: unknown;
     sortOptions?: unknown[];
     sortOptionNameKey?: string;
+    testId?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
@@ -19,11 +20,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sortSelected: any;
     sortOptions: () => any[];
     sortOptionNameKey: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
     "update:sortSelected": (sortOption: unknown) => void;
     "update:highlightedId": (id: string | number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId?: string | number;
@@ -33,6 +35,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sortSelected?: unknown;
     sortOptions?: unknown[];
     sortOptionNameKey?: string;
+    testId?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
@@ -43,11 +46,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sortSelected: any;
     sortOptions: () => any[];
     sortOptionNameKey: string;
-}>>> & Readonly<{
+    testId: string;
+}>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
     "onUpdate:highlightedId"?: (id: string | number) => any;
-}>, {
+}, {
+    testId: string;
     items: LegendItem[];
     visibleIds: unknown[];
     highlightedId: string | number;
@@ -57,7 +62,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sortSelected: any;
     sortOptions: unknown[];
     sortOptionNameKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_b3750f56_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b3750f56"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_9c4df598_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9c4df598"]]);
 export {
-  p as default
+  c as default
 };