@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/chart/ChartHeaderTrend.vue2.js

@@ -0,0 +1,100 @@
+ 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";
+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"
+}, 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 },
+    testId: { default: "" }
+  },
+  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: o(() => [
+          u("div", P, [
+            t.trendTooltip?.header ? (n(), c(e(d), {
+              key: 0,
+              class: "trend-tooltip__header",
+              variant: "subtitle2"
+            }, {
+              default: o(() => [
+                a(l(t.trendTooltip.header), 1)
+              ]),
+              _: 1
+            })) : s("", !0),
+            t.trendTooltip?.rangeCurrent ? (n(), c(e(d), {
+              key: 1,
+              variant: "body2",
+              class: "trend-tooltip__text"
+            }, {
+              default: o(() => [
+                a(l(t.trendTooltip.rangeCurrent), 1)
+              ]),
+              _: 1
+            })) : s("", !0),
+            t.trendTooltip?.rangeCurrent && t.trendTooltip?.rangePrevious ? (n(), m("div", E, [
+              S,
+              i(e(d), {
+                class: "separator__text",
+                variant: "caption"
+              }, {
+                default: o(() => [
+                  a(" vs. ")
+                ]),
+                _: 1
+              }),
+              V
+            ])) : s("", !0),
+            t.trendTooltip?.rangePrevious ? (n(), c(e(d), {
+              key: 3,
+              variant: "body2",
+              class: "trend-tooltip__text"
+            }, {
+              default: o(() => [
+                a(l(t.trendTooltip.rangePrevious), 1)
+              ]),
+              _: 1
+            })) : s("", !0)
+          ])
+        ]),
+        default: o(() => [
+          i(e(b), {
+            class: "trend-icon",
+            type: "bold",
+            name: e(g),
+            size: "15px"
+          }, null, 8, ["name"]),
+          i(e(d), { variant: "chipLabel" }, {
+            default: o(() => [
+              a(l(t.value), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ], 16));
+  }
+});
+export {
+  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

@@ -0,0 +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_9c4df598_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9c4df598"]]);
+export {
+  c as default
+};

package/components/chart/ChartLegend.vue2.js

@@ -0,0 +1,156 @@
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_9c4df598_lang.css"; import { defineComponent as F, ref as G, computed as b, openBlock as n, createElementBlock as u, mergeProps as v, unref as o, createElementVNode as r, createVNode as c, createBlock as g, isRef as H, createCommentVNode as x, withCtx as p, createTextVNode as k, Fragment as z, renderList as K, normalizeClass as q, withModifiers as X, toDisplayString as E } from "vue";
+import { useVModel as _, useVirtualList as j } from "@vueuse/core";
+import y from "../typography/v4/Typography.vue.js";
+import J from "../checkbox/v4/CheckboxV4.vue.js";
+import Q from "../search/v4/SearchV4.vue.js";
+import { DEFAULT_MIN_VISIBLE as W, DEFAULT_MAX_VISIBLE as Y } from "./consts.js";
+import Z from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import ee from "../tooltip/v4/TooltipV4.vue.js";
+import te from "./LegendSorting.vue.js";
+import { useTestIdAttrs as oe } from "../../utils/testIds.js";
+import { ChartTestIdModifiers as L } from "../../testids/index.js";
+const le = { class: "search-box" }, se = {
+  key: 0,
+  class: "empty-list"
+}, ie = ["onMouseenter"], ne = ["onClick"], ae = { class: "label-container" }, xe = /* @__PURE__ */ F({
+  __name: "ChartLegend",
+  props: {
+    items: { default: () => [] },
+    visibleIds: { default: () => [] },
+    highlightedId: { default: null },
+    minVisible: { default: W },
+    maxVisible: { default: Y },
+    maxLimitTooltipText: { default: "" },
+    sortSelected: { default: null },
+    sortOptions: { default: () => [] },
+    sortOptionNameKey: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:visibleIds", "update:sortSelected", "update:highlightedId"],
+  setup(i, { emit: m }) {
+    const l = i, M = 32, f = _(l, "sortSelected", m), T = _(l, "highlightedId", m), N = (t) => {
+      T.value = a(t) ? t.id : null;
+    }, w = () => {
+      T.value = null;
+    }, h = G(""), S = b(() => {
+      const t = h.value.toLowerCase();
+      return l.items.filter(
+        (s) => s.label.toLowerCase().includes(t)
+      );
+    }), a = (t) => l.visibleIds.includes(t.id), C = b(
+      () => l.visibleIds.length >= l.maxVisible
+    ), D = b(
+      () => l.visibleIds.length <= l.minVisible
+    ), d = (t) => D.value && a(t) || C.value && !a(t), O = (t) => !l.maxLimitTooltipText || a(t) || !C.value, A = (t, s) => {
+      m(
+        "update:visibleIds",
+        t ? [...l.visibleIds, s.id] : l.visibleIds.filter((e) => e !== s.id)
+      );
+    }, { list: V, containerProps: B, wrapperProps: R } = j(S, {
+      itemHeight: M,
+      overscan: 10
+    }), $ = (t) => {
+      d(t) || A(!a(t), t);
+    }, P = oe(l.testId, L);
+    return (t, s) => (n(), u("div", v({ class: "chart-legend" }, o(P)[o(L).LEGEND_CONTAINER]), [
+      r("div", le, [
+        c(o(Q), {
+          modelValue: h.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (e) => h.value = e),
+          "test-id": i.testId
+        }, null, 8, ["modelValue", "test-id"]),
+        i.sortOptions?.length > 0 ? (n(), g(te, {
+          key: 0,
+          selected: o(f),
+          "onUpdate:selected": s[1] || (s[1] = (e) => H(f) ? f.value = e : null),
+          options: i.sortOptions,
+          "option-name-key": i.sortOptionNameKey,
+          "test-id": `${i.testId}-${o(L).LEGEND_SORT}`
+        }, null, 8, ["selected", "options", "option-name-key", "test-id"])) : x("", !0)
+      ]),
+      r("div", v({ class: "legend" }, o(B)), [
+        r("ul", v({ class: "legend__list" }, o(R)), [
+          o(V).length === 0 ? (n(), u("li", se, [
+            c(o(y), { variant: "body2" }, {
+              default: p(() => [
+                k("No results")
+              ]),
+              _: 1
+            })
+          ])) : (n(!0), u(z, { key: 1 }, K(o(V), ({ data: e, index: U }) => (n(), u("li", {
+            key: U,
+            class: q({ "disabled-item": d(e) }),
+            onMouseenter: (I) => N(e),
+            onMouseleave: w
+          }, [
+            c(o(ee), {
+              text: i.maxLimitTooltipText,
+              disabled: O(e),
+              class: "disabled-tooltip"
+            }, {
+              default: p(() => [
+                r("div", {
+                  class: "item-wrapper",
+                  onClick: (I) => $(e)
+                }, [
+                  c(o(J), {
+                    color: e.color,
+                    "is-checked": a(e),
+                    disabled: d(e),
+                    onClick: s[2] || (s[2] = X(
+                      (I) => {
+                        I.stopPropagation();
+                      },
+                      ["stop"]
+                    ))
+                  }, null, 8, ["color", "is-checked", "disabled"]),
+                  e.icon ? (n(), g(o(Z), {
+                    key: 0,
+                    class: "icon-color",
+                    type: e.iconType,
+                    name: e.icon,
+                    size: "16px"
+                  }, null, 8, ["type", "name"])) : x("", !0),
+                  r("div", ae, [
+                    c(o(y), {
+                      variant: "body2",
+                      class: "legend-label",
+                      "is-truncated": "",
+                      "with-tooltip": !d(e),
+                      "tooltip-text": e.label,
+                      "tooltip-placement": "left"
+                    }, {
+                      default: p(() => [
+                        k(E(e.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["with-tooltip", "tooltip-text"]),
+                    e.caption ? (n(), g(o(y), {
+                      key: 0,
+                      variant: "caption",
+                      class: "legend-caption legend-label",
+                      "is-truncated": "",
+                      "with-tooltip": !d(e),
+                      "tooltip-text": e.caption,
+                      "tooltip-placement": "left"
+                    }, {
+                      default: p(() => [
+                        k(E(e.caption), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["with-tooltip", "tooltip-text"])) : x("", !0)
+                  ])
+                ], 8, ne)
+              ]),
+              _: 2
+            }, 1032, ["text", "disabled"])
+          ], 42, ie))), 128))
+        ], 16)
+      ], 16)
+    ], 16));
+  }
+});
+export {
+  xe as default
+};

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/chart/ChartLoader.vue.js

@@ -0,0 +1,7 @@
+import o from "./ChartLoader.vue2.js";
+/* empty css                  */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ffa4cc66"]]);
+export {
+  c as default
+};

package/components/chart/ChartLoader.vue2.js

@@ -0,0 +1,15 @@
+ import "../../ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css"; import { defineComponent as e, openBlock as o, createElementBlock as r, createElementVNode as t, createVNode as a } from "vue";
+import c from "../loader/v4/Loader.vue.js";
+const n = { class: "chart-loader" }, s = { class: "chart-loader-wrapper" }, i = /* @__PURE__ */ e({
+  __name: "ChartLoader",
+  setup(d) {
+    return (_, p) => (o(), r("div", n, [
+      t("div", s, [
+        a(c)
+      ])
+    ]));
+  }
+});
+export {
+  i as default
+};

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

@@ -1,6 +1,6 @@
 import { ChartDataSet, ChartParsingConfig, ChartType, DateInterval, TooltipOrder, TrendDirection, ValueFormat } from './types';
 import { TotalType } from '@/utils/totals';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     dataSets: ChartDataSet[];
     visibleIds: unknown[];
     highlightedId?: string | number;
@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher?: boolean;
     height?: string;
     compactHeader?: boolean;
+    noteText?: string;
     tooltipRespectsTopEdge?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -42,6 +43,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     colorsMap: Record<string, string>;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
+    testId?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -66,6 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher: boolean;
     height: string;
     compactHeader: boolean;
+    noteText: string;
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -77,9 +82,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     colorsMap: () => {};
     valueSuffix: string;
     valuePrefix: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => 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<{
     dataSets: ChartDataSet[];
     visibleIds: unknown[];
     highlightedId?: string | number;
@@ -106,6 +114,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher?: boolean;
     height?: string;
     compactHeader?: boolean;
+    noteText?: string;
     tooltipRespectsTopEdge?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -121,6 +130,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     colorsMap: Record<string, string>;
     valueSuffix?: string;
     valuePrefix?: string;
+    indicateIncompleteData?: boolean;
+    tooltipExcludeTotalItem?: boolean;
+    testId?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -145,6 +157,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher: boolean;
     height: string;
     compactHeader: boolean;
+    noteText: string;
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -156,10 +169,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     colorsMap: () => {};
     valueSuffix: string;
     valuePrefix: string;
-}>>> & Readonly<{
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
+    testId: string;
+}>>> & {
     "onUpdate:chartType"?: (chartType: ChartType) => any;
-}>, {
+}, {
     header: string;
+    testId: string;
     height: string;
     loading: boolean;
     visibleIds: unknown[];
@@ -172,19 +189,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     yAxisFormat: ValueFormat;
     valueSuffix: string;
     valuePrefix: string;
-    trendTooltip: {
-        header?: string;
-        rangeCurrent?: string;
-        rangePrevious?: string;
-    };
+    trendTooltip: any;
     subheader: string;
-    subheaderTooltip: {
-        header?: string;
-        text?: string;
-    };
+    subheaderTooltip: any;
     typeSwitcher: boolean;
     trendValue: string | number;
     trendDirection: TrendDirection;
+    noteText: string;
     dataSets: ChartDataSet[];
     tickCount: number;
     truncateTickLabels: boolean;
@@ -200,7 +211,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
     tooltipOrder: TooltipOrder;
     colorsMap: Record<string, string>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
+}>, {
     "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;

package/components/chart/ChartPlane.vue.js

@@ -0,0 +1,7 @@
+import e from "./ChartPlane.vue2.js";
+/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_a685cf5e_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a685cf5e"]]);
+export {
+  s as default
+};