@ironsource/shared-ui 2.2.0-rc.3 → 2.2.0-rc.30

package/components/alert/index.d.ts

@@ -7,14 +7,13 @@ declare const AlertTypes: () => ({
             title: string;
             testId: string;
             variant: "outlined" | "standard";
-            color: "danger" | "info" | "success" | "warning";
+            color: "default" | "danger" | "info" | "success" | "warning";
             description: string;
             dismissible: boolean;
             actionText: string;
             actionVariant: "contained" | "outlined";
             actionIconName: string;
             actionLoading: boolean;
-            actionSize: "small" | "medium";
             rounded: boolean;
             hideIcon: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -31,7 +30,7 @@ declare const AlertTypes: () => ({
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
             description: {
@@ -58,10 +57,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            actionSize: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -73,7 +68,7 @@ declare const AlertTypes: () => ({
         }>> & {
             onClose?: () => any;
             onActionButtonClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "actionSize" | "rounded" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -101,7 +96,7 @@ declare const AlertTypes: () => ({
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
             description: {
@@ -128,10 +123,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            actionSize: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -150,14 +141,13 @@ declare const AlertTypes: () => ({
             title: string;
             testId: string;
             variant: "outlined" | "standard";
-            color: "danger" | "info" | "success" | "warning";
+            color: "default" | "danger" | "info" | "success" | "warning";
             description: string;
             dismissible: boolean;
             actionText: string;
             actionVariant: "contained" | "outlined";
             actionIconName: string;
             actionLoading: boolean;
-            actionSize: "small" | "medium";
             rounded: boolean;
             hideIcon: boolean;
         }, {}, string> & {
@@ -194,7 +184,7 @@ declare const AlertTypes: () => ({
             default: string;
         };
         color: {
-            type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+            type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
         description: {
@@ -221,10 +211,6 @@ declare const AlertTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        actionSize: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -254,7 +240,7 @@ declare const AlertTypes: () => ({
         default: string;
     };
     color: {
-        type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+        type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
         default: string;
     };
     description: {
@@ -281,10 +267,6 @@ declare const AlertTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    actionSize: {
-        type: import("vue").PropType<"small" | "medium">;
-        default: string;
-    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -303,14 +285,13 @@ declare const AlertTypes: () => ({
     title: string;
     testId: string;
     variant: "outlined" | "standard";
-    color: "danger" | "info" | "success" | "warning";
+    color: "default" | "danger" | "info" | "success" | "warning";
     description: string;
     dismissible: boolean;
     actionText: string;
     actionVariant: "contained" | "outlined";
     actionIconName: string;
     actionLoading: boolean;
-    actionSize: "small" | "medium";
     rounded: boolean;
     hideIcon: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_18bc6c0d_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-18bc6c0d"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,11 +1,11 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
-import c from "../icon/v4/IconV4.vue.js";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_18bc6c0d_lang.css"; import { defineComponent as x, computed as s, openBlock as m, createElementBlock as c, normalizeClass as I, createElementVNode as o, mergeProps as r, unref as t, createVNode as i, withCtx as C, createTextVNode as v, toDisplayString as b, createCommentVNode as A } from "vue";
+import p from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import T from "../typography/v4/Typography.vue.js";
 import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as N } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, D = /* @__PURE__ */ h({
+import { useTestIdAttrs as z } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as n } from "../../testids/index.js";
+const N = { class: "image-container" }, w = ["src", "alt"], k = ["data-platform"], B = { class: "name-container" }, O = /* @__PURE__ */ x({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -17,62 +17,61 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
     showAbIcon: { type: Boolean, default: !1 }
   },
   emits: ["copyToClipboard"],
-  setup(t, { emit: f }) {
-    const a = t, y = o(
+  setup(e, { emit: y }) {
+    const a = e, f = s(
       () => a.platform ? a.platform.toLowerCase() : ""
-    ), u = o(
-      () => a.type === "normal" ? "24px" : "20px"
-    ), x = o(
+    ), u = s(
       () => a.type === "small" ? "18px" : null
-    ), I = o(
+    ), h = s(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = N(a.testId, l);
-    return (S, d) => (m(), p("div", {
-      class: C(["app-header", `size-${t.type}`])
+    ), l = z(a.testId, n);
+    return (P, d) => (m(), c("div", {
+      class: I(["app-header", `size-${e.type}`])
     }, [
-      n("div", w, [
-        n("img", {
-          src: t.image,
-          alt: t.name
-        }, null, 8, k)
+      o("div", N, [
+        o("img", {
+          src: e.image,
+          alt: e.name
+        }, null, 8, w)
       ]),
-      n("div", r({
-        class: "icon-container",
-        "data-platform": t.platform
-      }, e(s)[e(l).APP_PLATFORM]), [
-        i(e(c), {
+      o("div", r({
+        class: ["icon-container", `icon-container--${e.type}`],
+        "data-platform": e.platform
+      }, t(l)[t(n).APP_PLATFORM]), [
+        i(t(p), {
           type: "branded",
-          name: e(y),
-          size: e(u)
-        }, null, 8, ["name", "size"])
-      ], 16, B),
-      n("div", P, [
-        i(e(T), r({
-          variant: e(I),
+          name: t(f),
+          size: "24px",
+          circled: e.type === "small"
+        }, null, 8, ["name", "circled"])
+      ], 16, k),
+      o("div", B, [
+        i(t(T), r({
+          variant: t(h),
           class: "title"
-        }, e(s)[e(l).TITLE]), {
-          default: b(() => [
-            v(z(t.name), 1)
+        }, t(l)[t(n).TITLE]), {
+          default: C(() => [
+            v(b(e.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(g), {
-          text: t.appKey,
+        i(t(g), {
+          text: e.appKey,
           size: "medium",
           class: "inline-copy",
-          "hide-text-value": t.type === "small",
-          "test-id": t.testId,
-          "icon-size": e(x),
+          "hide-text-value": e.type === "small",
+          "test-id": e.testId,
+          "icon-size": t(u),
           "tooltip-header": "Copy app key",
-          "tooltip-text": t.appKey,
-          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
+          "tooltip-text": e.appKey,
+          onCopy: d[0] || (d[0] = (V) => y("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
-      t.showAbIcon ? (m(), p("div", r({
+      e.showAbIcon ? (m(), c("div", r({
         key: 0,
         class: "ab-icon-wrapper"
-      }, e(s)[e(l).AB_ICON]), [
-        i(e(c), {
+      }, t(l)[t(n).AB_ICON]), [
+        i(t(p), {
           type: "ab-test",
           name: "ab",
           size: "28px"
@@ -82,5 +81,5 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
   }
 });
 export {
-  D as default
+  O as default
 };

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
+/* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a59af1ad"]]);
 export {
-  c as default
+  s as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";

package/components/button/v4/ToggleButtonGroupAB.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToggleButtonGroupAB.vue2.js";
 /* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2076b5ab"]]);
+// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fc9ddf5"]]);
 export {
   s as default
 };

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
 import c from "./ButtonV4.vue.js";
 import { useVModel as R } from "@vueuse/core";
 import x from "../../icon/v4/IconV4.vue.js";

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

@@ -15,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withAnimation?: boolean;
     totalsChart?: boolean;
     tooltipTotalType?: TotalType;
+    headerTooltip?: string;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     tooltipOrder?: TooltipOrder;
     valueSuffix?: string;
@@ -75,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     indicateIncompleteData: boolean;
     testId: string;
     header: string;
+    headerTooltip: any;
     subheader: string;
     subheaderTooltip: any;
     keepSubheaderVisible: boolean;
@@ -116,6 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     withAnimation?: boolean;
     totalsChart?: boolean;
     tooltipTotalType?: TotalType;
+    headerTooltip?: string;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
     tooltipOrder?: TooltipOrder;
     valueSuffix?: string;
@@ -176,6 +179,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     indicateIncompleteData: boolean;
     testId: string;
     header: string;
+    headerTooltip: any;
     subheader: string;
     subheaderTooltip: any;
     keepSubheaderVisible: boolean;
@@ -225,6 +229,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendTooltip: any;
     subheader: string;
     subheaderTooltip: any;
+    headerTooltip: string;
     trendValue: string | number;
     trendDirection: TrendDirection;
     noteText: string;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_060d02be_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-060d02be"]]);
+/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-22477735"]]);
 export {
   p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_060d02be_lang.css"; import { defineComponent as P, ref as U, computed as n, openBlock as d, createElementBlock as b, Fragment as S, createBlock as D, unref as l, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as b, Fragment as S, createBlock as D, unref as l, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
 import { useVModel as B } from "@vueuse/core";
 import K from "./ChartLegend.vue.js";
 import X from "./SettingsHeader.vue.js";
@@ -30,6 +30,7 @@ const at = {
     withAnimation: { type: Boolean, default: !0 },
     totalsChart: { type: Boolean, default: !1 },
     tooltipTotalType: { default: _.Total },
+    headerTooltip: { default: null },
     tooltipTotalCalcFn: { type: Function, default: tt },
     tooltipOrder: { default: Q.Legend },
     valueSuffix: { default: "" },
@@ -63,7 +64,7 @@ const at = {
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
   setup(e, { emit: c }) {
-    const t = e, r = B(t, "chartType", c), f = B(t, "sortSelected", c), h = U(null), v = n(() => ({
+    const t = e, r = B(t, "chartType", c), f = B(t, "sortSelected", c), h = U(null), v = d(() => ({
       dataSets: t.dataSets,
       visibleIds: t.visibleIds,
       parsing: t.parsing,
@@ -99,12 +100,13 @@ const at = {
       valuePrefix: t.valuePrefix,
       indicateIncompleteData: t.indicateIncompleteData,
       tooltipExcludeTotalItem: t.tooltipExcludeTotalItem,
+      headerTooltip: t.headerTooltip,
       testId: t.testId
-    })), E = n(() => t.dataSets), I = n(() => t.visibleIds), x = n(() => t.extraCharts.length), C = n(() => 1 + x.value), F = (a) => a === x.value - 1, { colorsMap: m } = z({
+    })), E = d(() => t.dataSets), I = d(() => t.visibleIds), x = d(() => t.extraCharts.length), C = d(() => 1 + x.value), F = (a) => a === x.value - 1, { colorsMap: m } = z({
       dataSets: E,
       visibleIds: I,
       variant: t.colorVariant
-    }), w = n(() => t.dataSets.map((a) => ({
+    }), w = d(() => t.dataSets.map((a) => ({
       id: a.id,
       label: a.label,
       caption: a.caption || null,
@@ -116,8 +118,8 @@ const at = {
       useFullHeight: t.fullHeight,
       bottomSpacing: t.fullHeightBottomSpacing
     }), O = et(t.testId, p);
-    return (a, i) => (d(), b(S, null, [
-      e.withSettingsHeader ? (d(), D(X, {
+    return (a, i) => (n(), b(S, null, [
+      e.withSettingsHeader ? (n(), D(X, {
         key: 0,
         "chart-type": l(r),
         "onUpdate:chart-type": i[0] || (i[0] = (o) => y(r) ? r.value = o : null),
@@ -154,7 +156,7 @@ const at = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (d(!0), b(S, null, R(e.extraCharts, (o, T) => (d(), D(V, g({
+          (n(!0), b(S, null, R(e.extraCharts, (o, T) => (n(), D(V, g({
             key: T,
             class: "extra-chart-plane"
           }, { ...l(v), ...o }, {
@@ -165,7 +167,7 @@ const at = {
             "test-id": `${e.testId}-${l(p).EXTRA_CHART}-${T}`
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge", "test-id"]))), 128))
         ], 2),
-        e.hideLegend ? A("", !0) : (d(), b("section", at, [
+        e.hideLegend ? A("", !0) : (n(), b("section", at, [
           k(K, {
             "sort-selected": l(f),
             "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(f) ? f.value = o : null),

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

@@ -3,6 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     chartType: ChartType;
     typeSwitcher: boolean;
     header?: string;
+    headerTooltip?: string;
     subheader?: string;
     subheaderTooltip?: {
         header?: string;
@@ -24,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     header: string;
     subheader: string;
     subheaderTooltip: any;
+    headerTooltip: any;
     trendTooltip: any;
     compact: boolean;
     trendValue: any;
@@ -36,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     chartType: ChartType;
     typeSwitcher: boolean;
     header?: string;
+    headerTooltip?: string;
     subheader?: string;
     subheaderTooltip?: {
         header?: string;
@@ -57,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     header: string;
     subheader: string;
     subheaderTooltip: any;
+    headerTooltip: any;
     trendTooltip: any;
     compact: boolean;
     trendValue: any;
@@ -74,6 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     subheader: string;
     subheaderTooltip: any;
     typeSwitcher: boolean;
+    headerTooltip: string;
     trendValue: string | number;
     trendDirection: TrendDirection;
     noteText: string;

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_d90c583e_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-d90c583e"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3a061c08"]]);
 export {
-  s as default
+  r as default
 };