@ironsource/shared-ui 2.1.12-rc.13 → 2.1.12-rc.15

package/components/chart/SettingsHeader.vue2.js

@@ -1,5 +1,5 @@
- import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_0875167b_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as a, createVNode as l, unref as t, isRef as v, withCtx as T, mergeProps as w, renderSlot as p } from "vue";
-import b from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as l, renderSlot as i, createVNode as p, unref as t, isRef as v, withCtx as T, mergeProps as b } from "vue";
+import w from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
@@ -10,7 +10,7 @@ import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
 import "../dropdown/v4/ConditionalDropdown.vue.js";
 import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
-const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, x = /* @__PURE__ */ h({
+const B = { class: "settings-header-container" }, C = { class: "chart-type-selection" }, H = /* @__PURE__ */ h({
   __name: "SettingsHeader",
   props: {
     chartType: null,
@@ -25,41 +25,42 @@ const _ = { class: "settings-header-container" }, B = { class: "chart-type-selec
       set(e) {
         m("update:chartType", e.id);
       }
-    }), i = (e) => `Chart: ${e.name}`;
-    return (e, d) => (y(), f("div", _, [
+    }), d = (e) => `Chart: ${e.name}`;
+    return (e, a) => (y(), f("div", B, [
       r("div", {
-        class: a(["settings", { "settings-spacer": !s.hideLegend }])
+        class: l(["settings", { "settings-spacer": !s.hideLegend }])
       }, [
-        r("div", B, [
-          l(t(b), {
+        i(e.$slots, "before-chart-type", {}, void 0, !0),
+        r("div", C, [
+          p(t(w), {
             selected: t(o),
-            "onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
+            "onUpdate:selected": a[0] || (a[0] = (n) => v(o) ? o.value = n : null),
             options: t(c),
             "option-name-key": "name",
-            "display-value": i,
+            "display-value": d,
             placeholder: "Select chart type",
             size: "small"
           }, {
             "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
-              l(t(k), w(n, {
-                label: i(t(o))
+              p(t(k), b(n, {
+                label: d(t(o))
               }), null, 16, ["label"])
             ]),
             _: 1
           }, 8, ["selected", "options"])
         ]),
         r("div", null, [
-          p(e.$slots, "metric", {}, void 0, !0)
+          i(e.$slots, "metric", {}, void 0, !0)
         ])
       ], 2),
       r("div", {
-        class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
+        class: l(["breakdowns", { "breakdowns-border": !s.hideLegend }])
       }, [
-        p(e.$slots, "breakdowns", {}, void 0, !0)
+        i(e.$slots, "breakdowns", {}, void 0, !0)
       ], 2)
     ]));
   }
 });
 export {
-  x as default
+  H as default
 };

package/components/chart/index.d.ts

@@ -19,7 +19,9 @@ declare const ChartTypes: () => ({
             yAxisFormat: import("./types").ValueFormat;
             parsing: import("./types").ChartParsingConfig;
             dataSets: import("./types").ChartDataSet[];
+            trendTooltip: any;
             subheader: string;
+            subheaderTooltip: any;
             trendValue: string | number;
             trendDirection: "up" | "down";
             tickCount: number;
@@ -27,6 +29,8 @@ declare const ChartTypes: () => ({
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
+            tooltipTotalType: import("../../utils/totals").TotalType;
+            tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             totalsChart: boolean;
             fullHeight: boolean;
             withSettingsHeader: boolean;
@@ -94,10 +98,25 @@ declare const ChartTypes: () => ({
                 required: true;
                 default: () => any[];
             };
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
+            };
             subheader: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
             trendValue: {
                 type: import("vue").PropType<string | number>;
                 default: any;
@@ -126,6 +145,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+                default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            };
             totalsChart: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -146,7 +173,7 @@ declare const ChartTypes: () => ({
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -223,10 +250,25 @@ declare const ChartTypes: () => ({
                 required: true;
                 default: () => any[];
             };
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
+            };
             subheader: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
             trendValue: {
                 type: import("vue").PropType<string | number>;
                 default: any;
@@ -255,6 +297,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+                default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            };
             totalsChart: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -295,7 +345,9 @@ declare const ChartTypes: () => ({
             yAxisFormat: import("./types").ValueFormat;
             parsing: import("./types").ChartParsingConfig;
             dataSets: import("./types").ChartDataSet[];
+            trendTooltip: any;
             subheader: string;
+            subheaderTooltip: any;
             trendValue: string | number;
             trendDirection: "up" | "down";
             tickCount: number;
@@ -303,6 +355,8 @@ declare const ChartTypes: () => ({
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
+            tooltipTotalType: import("../../utils/totals").TotalType;
+            tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             totalsChart: boolean;
             fullHeight: boolean;
             withSettingsHeader: boolean;
@@ -390,10 +444,25 @@ declare const ChartTypes: () => ({
             required: true;
             default: () => any[];
         };
+        trendTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                rangeCurrent?: string;
+                rangePrevious?: string;
+            }>;
+            default: any;
+        };
         subheader: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        subheaderTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                text?: string;
+            }>;
+            default: any;
+        };
         trendValue: {
             type: import("vue").PropType<string | number>;
             default: any;
@@ -422,6 +491,14 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        tooltipTotalType: {
+            type: import("vue").PropType<import("../../utils/totals").TotalType>;
+            default: import("../../utils/totals").TotalType;
+        };
+        tooltipTotalCalcFn: {
+            type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+            default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+        };
         totalsChart: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -509,10 +586,25 @@ declare const ChartTypes: () => ({
         required: true;
         default: () => any[];
     };
+    trendTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            rangeCurrent?: string;
+            rangePrevious?: string;
+        }>;
+        default: any;
+    };
     subheader: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    subheaderTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            text?: string;
+        }>;
+        default: any;
+    };
     trendValue: {
         type: import("vue").PropType<string | number>;
         default: any;
@@ -541,6 +633,14 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tooltipTotalType: {
+        type: import("vue").PropType<import("../../utils/totals").TotalType>;
+        default: import("../../utils/totals").TotalType;
+    };
+    tooltipTotalCalcFn: {
+        type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+        default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+    };
     totalsChart: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -581,7 +681,9 @@ declare const ChartTypes: () => ({
     yAxisFormat: import("./types").ValueFormat;
     parsing: import("./types").ChartParsingConfig;
     dataSets: import("./types").ChartDataSet[];
+    trendTooltip: any;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: "up" | "down";
     tickCount: number;
@@ -589,12 +691,15 @@ declare const ChartTypes: () => ({
     noDataTitle: string;
     noDataSubtitle: string;
     withAnimation: boolean;
+    tooltipTotalType: import("../../utils/totals").TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     totalsChart: boolean;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "before-chart-type"?(_: {}): any;
         metric?(_: {}): any;
         breakdowns?(_: {}): any;
         "subheader-tooltip"?(_: {}): any;

package/components/checkbox/v3/Checkbox.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "sm" | "lg";
     label?: string;
     testId?: string;
 }>, {
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "sm" | "lg";
     label?: string;
     testId?: string;
 }>, {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }>, {
     default?(_: {}): any;
 }>;

package/components/checkbox/v3/index.d.ts

@@ -5,7 +5,7 @@ declare const CheckboxTypes: () => ({
         $props: Partial<{
             label: string;
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -19,7 +19,7 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             isIndeterminate: {
@@ -59,7 +59,7 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             isIndeterminate: {
@@ -78,7 +78,7 @@ declare const CheckboxTypes: () => ({
         }, string, {
             label: string;
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -112,7 +112,7 @@ declare const CheckboxTypes: () => ({
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg">;
+            type: import("vue").PropType<"md" | "sm" | "lg">;
             default: string;
         };
         isIndeterminate: {
@@ -142,7 +142,7 @@ declare const CheckboxTypes: () => ({
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
+        type: import("vue").PropType<"md" | "sm" | "lg">;
         default: string;
     };
     isIndeterminate: {
@@ -161,7 +161,7 @@ declare const CheckboxTypes: () => ({
 }, string, {
     label: string;
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -1,4 +1,5 @@
 import { Reason } from '@/components/dialog/common/Reason';
+import { ButtonColor } from '@/components/button/common/consts';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean;
     content?: string;
@@ -18,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
-    saveButtonColor?: string;
+    saveButtonColor?: ButtonColor;
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
@@ -71,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
-    saveButtonColor?: string;
+    saveButtonColor?: ButtonColor;
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
@@ -124,7 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
-    saveButtonColor: string;
+    saveButtonColor: ButtonColor;
     cancelButtonLabel: string;
     cancelButtonColor: string;
     noPadding: boolean;

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
-/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eb226e31"]]);
 export {
-  a as default
+  p as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
 import { NOOP as I } from "@vue/shared";
 import b from "../../typography/v4/Typography.vue.js";
 import O from "../../button/v4/ButtonV4.vue.js";

package/components/dialog/v4/index.d.ts

@@ -22,7 +22,7 @@ declare const DialogTypes: () => ({
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
-            saveButtonColor: string;
+            saveButtonColor: import("../../button/common/consts").ButtonColor;
             cancelButtonLabel: string;
             cancelButtonColor: string;
             noPadding: boolean;
@@ -104,7 +104,7 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
             saveButtonColor: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
                 default: string;
             };
             cancelButtonLabel: {
@@ -217,7 +217,7 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
             saveButtonColor: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
                 default: string;
             };
             cancelButtonLabel: {
@@ -263,7 +263,7 @@ declare const DialogTypes: () => ({
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
-            saveButtonColor: string;
+            saveButtonColor: import("../../button/common/consts").ButtonColor;
             cancelButtonLabel: string;
             cancelButtonColor: string;
             noPadding: boolean;
@@ -365,7 +365,7 @@ declare const DialogTypes: () => ({
             default: boolean;
         };
         saveButtonColor: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
             default: string;
         };
         cancelButtonLabel: {
@@ -468,7 +468,7 @@ declare const DialogTypes: () => ({
         default: boolean;
     };
     saveButtonColor: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
         default: string;
     };
     cancelButtonLabel: {
@@ -514,7 +514,7 @@ declare const DialogTypes: () => ({
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
-    saveButtonColor: string;
+    saveButtonColor: import("../../button/common/consts").ButtonColor;
     cancelButtonLabel: string;
     cancelButtonColor: string;
     noPadding: boolean;

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -384,6 +384,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         active: boolean;
         disabled: any;
     }): any;
+    "option-end"?(_: {
+        option: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css"; //*');
+/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_4de6dfb8_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d154c5da"]]);
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4de6dfb8"]]);
 export {
   d as default
 };