@ironsource/shared-ui 2.1.12-rc.1 → 2.1.12-rc.11

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

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value?: number | string;
+    direction?: 'up' | 'down';
+}>, {
+    value: any;
+    direction: 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?: 'up' | 'down';
+}>, {
+    value: any;
+    direction: string;
+}>>>, {
+    value: number | string;
+    direction: 'up' | 'down';
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartHeaderTrend.vue.js

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

package/components/chart/ChartHeaderTrend.vue2.js

@@ -0,0 +1,32 @@
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css"; import { defineComponent as a, openBlock as n, createElementBlock as o, normalizeClass as i, createVNode as t, unref as r, withCtx as c, createTextVNode as l, toDisplayString as d } from "vue";
+import m from "../typography/v4/Typography.vue.js";
+import p from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+const y = /* @__PURE__ */ a({
+  __name: "ChartHeaderTrend",
+  props: {
+    value: { default: null },
+    direction: { default: "up" }
+  },
+  setup(e) {
+    return (u, s) => (n(), o("div", {
+      class: i(["chart-trend", [`chart-trend--${e.direction}`]])
+    }, [
+      t(r(p), {
+        class: "trend-icon",
+        type: "bold",
+        name: `arrow-${e.direction}`,
+        size: "13px"
+      }, null, 8, ["name"]),
+      t(r(m), { variant: "chipLabel" }, {
+        default: c(() => [
+          l(d(e.value), 1)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+export {
+  y as default
+};

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_4fe1c7d1_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4fe1c7d1"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-532f23bc"]]);
 export {
   c as default
 };

package/components/chart/ChartLegend.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as r, createElementBlock as c, createElementVNode as d, createVNode as s, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css"; import { defineComponent as S, ref as P, computed as m, openBlock as s, createElementBlock as c, createElementVNode as r, createVNode as d, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as A, renderList as F, normalizeClass as H, withModifiers as U, createBlock as k, createCommentVNode as L, toDisplayString as g } from "vue";
 import { useVirtualList as z } from "@vueuse/core";
 import f from "../typography/v4/Typography.vue.js";
 import R from "../checkbox/v4/CheckboxV4.vue.js";
@@ -10,7 +10,7 @@ import j from "../tooltip/v4/TooltipV4.vue.js";
 const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
   key: 0,
   class: "empty-list"
-}, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ D({
+}, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ S({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
@@ -20,77 +20,77 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
     maxLimitTooltipText: { default: "" }
   },
   emits: ["update:visibleIds"],
-  setup(h, { emit: g }) {
-    const l = h, k = 32, u = M(""), T = m(() => {
+  setup(h, { emit: T }) {
+    const l = h, y = 32, u = P(""), C = m(() => {
       const t = u.value.toLowerCase();
       return l.items.filter(
         (i) => i.label.toLowerCase().includes(t)
       );
     }), a = (t) => l.visibleIds.includes(t.id), v = m(
       () => l.visibleIds.length >= l.maxVisible
-    ), y = m(
+    ), V = m(
       () => l.visibleIds.length <= l.minVisible
-    ), n = (t) => y.value && a(t) || v.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !v.value, V = (t, i) => {
-      g(
+    ), n = (t) => V.value && a(t) || v.value && !a(t), w = (t) => !l.maxLimitTooltipText || a(t) || !v.value, E = (t, i) => {
+      T(
         "update:visibleIds",
         t ? [...l.visibleIds, i.id] : l.visibleIds.filter((e) => e !== i.id)
       );
-    }, { list: x, containerProps: w, wrapperProps: E } = z(T, {
-      itemHeight: k,
+    }, { list: x, containerProps: N, wrapperProps: B } = z(C, {
+      itemHeight: y,
       overscan: 10
-    }), N = (t) => {
-      n(t) || V(!a(t), t);
+    }), D = (t) => {
+      n(t) || E(!a(t), t);
     };
-    return (t, i) => (r(), c("div", J, [
-      d("div", K, [
-        s(o(q), {
+    return (t, i) => (s(), c("div", J, [
+      r("div", K, [
+        d(o(q), {
           modelValue: u.value,
           "onUpdate:modelValue": i[0] || (i[0] = (e) => u.value = e)
         }, null, 8, ["modelValue"])
       ]),
-      d("div", I({ class: "legend" }, o(w)), [
-        d("ul", I({ class: "legend__list" }, o(E)), [
-          o(x).length === 0 ? (r(), c("li", O, [
-            s(o(f), { variant: "body2" }, {
+      r("div", I({ class: "legend" }, o(N)), [
+        r("ul", I({ class: "legend__list" }, o(B)), [
+          o(x).length === 0 ? (s(), c("li", O, [
+            d(o(f), { variant: "body2" }, {
               default: p(() => [
                 b("No results")
               ]),
               _: 1
             })
-          ])) : (r(!0), c(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (r(), c("li", {
-            key: B,
-            class: A({ "disabled-item": n(e) })
+          ])) : (s(!0), c(A, { key: 1 }, F(o(x), ({ data: e, index: M }) => (s(), c("li", {
+            key: M,
+            class: H({ "disabled-item": n(e) })
           }, [
-            s(o(j), {
+            d(o(j), {
               text: h.maxLimitTooltipText,
-              disabled: C(e),
+              disabled: w(e),
               class: "disabled-tooltip"
             }, {
               default: p(() => [
-                d("div", {
+                r("div", {
                   class: "item-wrapper",
-                  onClick: (_) => N(e)
+                  onClick: (_) => D(e)
                 }, [
-                  s(o(R), {
+                  d(o(R), {
                     color: e.color,
                     "is-checked": a(e),
                     disabled: n(e),
-                    onClick: i[1] || (i[1] = F(
+                    onClick: i[1] || (i[1] = U(
                       (_) => {
                         _.stopPropagation();
                       },
                       ["stop"]
                     ))
                   }, null, 8, ["color", "is-checked", "disabled"]),
-                  e.icon ? (r(), H(o($), {
+                  e.icon ? (s(), k(o($), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
-                  }, null, 8, ["type", "name"])) : U("", !0),
-                  d("div", W, [
-                    s(o(f), {
+                  }, null, 8, ["type", "name"])) : L("", !0),
+                  r("div", W, [
+                    d(o(f), {
                       variant: "body2",
                       class: "legend-label",
                       "is-truncated": "",
@@ -99,11 +99,12 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
                       "tooltip-placement": "left"
                     }, {
                       default: p(() => [
-                        b(L(e.label), 1)
+                        b(g(e.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["with-tooltip", "tooltip-text"]),
-                    s(o(f), {
+                    e.caption ? (s(), k(o(f), {
+                      key: 0,
                       variant: "caption",
                       class: "legend-caption legend-label",
                       "is-truncated": "",
@@ -112,10 +113,10 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
                       "tooltip-placement": "left"
                     }, {
                       default: p(() => [
-                        b(L(e.caption), 1)
+                        b(g(e.caption), 1)
                       ]),
                       _: 2
-                    }, 1032, ["with-tooltip", "tooltip-text"])
+                    }, 1032, ["with-tooltip", "tooltip-text"])) : L("", !0)
                   ])
                 ], 8, Q)
               ]),

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

@@ -0,0 +1,143 @@
+import { ChartDataSet, ChartParsingConfig, ChartType, ValueFormat } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    dataSets: ChartDataSet[];
+    visibleIds: unknown[];
+    chartType?: ChartType;
+    parsing?: ChartParsingConfig;
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    tickCount?: number;
+    header?: string;
+    subheader?: string;
+    loading?: boolean;
+    noDataIcon?: string;
+    noDataTitle?: string;
+    noDataSubtitle?: string;
+    withAnimation?: boolean;
+    typeSwitcher?: boolean;
+    height?: string;
+    compactHeader?: boolean;
+    tooltipRespectsTopEdge?: boolean;
+    trendValue?: string | number;
+    trendDirection?: "up" | "down";
+    totalsChart?: boolean;
+}>, {
+    chartType: ChartType;
+    dataSets: () => any[];
+    visibleIds: () => any[];
+    xAxisFormat: string;
+    yAxisFormat: string;
+    parsing: any;
+    tickCount: number;
+    header: string;
+    subheader: string;
+    subheaderTooltip: string;
+    loading: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+    withAnimation: boolean;
+    typeSwitcher: boolean;
+    height: string;
+    compactHeader: boolean;
+    tooltipRespectsTopEdge: boolean;
+    trendValue: any;
+    trendDirection: string;
+    totalsChart: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (chartType: ChartType) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    dataSets: ChartDataSet[];
+    visibleIds: unknown[];
+    chartType?: ChartType;
+    parsing?: ChartParsingConfig;
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    tickCount?: number;
+    header?: string;
+    subheader?: string;
+    loading?: boolean;
+    noDataIcon?: string;
+    noDataTitle?: string;
+    noDataSubtitle?: string;
+    withAnimation?: boolean;
+    typeSwitcher?: boolean;
+    height?: string;
+    compactHeader?: boolean;
+    tooltipRespectsTopEdge?: boolean;
+    trendValue?: string | number;
+    trendDirection?: "up" | "down";
+    totalsChart?: boolean;
+}>, {
+    chartType: ChartType;
+    dataSets: () => any[];
+    visibleIds: () => any[];
+    xAxisFormat: string;
+    yAxisFormat: string;
+    parsing: any;
+    tickCount: number;
+    header: string;
+    subheader: string;
+    subheaderTooltip: string;
+    loading: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+    withAnimation: boolean;
+    typeSwitcher: boolean;
+    height: string;
+    compactHeader: boolean;
+    tooltipRespectsTopEdge: boolean;
+    trendValue: any;
+    trendDirection: string;
+    totalsChart: boolean;
+}>>> & {
+    "onUpdate:chartType"?: (chartType: ChartType) => any;
+}, {
+    header: string;
+    height: string;
+    loading: boolean;
+    visibleIds: unknown[];
+    chartType: ChartType;
+    xAxisFormat: ValueFormat;
+    yAxisFormat: ValueFormat;
+    parsing: ChartParsingConfig;
+    dataSets: ChartDataSet[];
+    typeSwitcher: boolean;
+    subheader: string;
+    trendValue: string | number;
+    trendDirection: "up" | "down";
+    tickCount: number;
+    withAnimation: boolean;
+    totalsChart: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+    compactHeader: boolean;
+    tooltipRespectsTopEdge: boolean;
+}>, {
+    "subheader-tooltip"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/chart/ChartPlane.vue.js

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