@ironsource/shared-ui 2.1.8-test.1 → 2.1.9-test.0

package/components/chart/SettingsHeader.vue2.js

@@ -1,57 +1,64 @@
- import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css"; import { defineComponent as u, computed as h, openBlock as y, createElementBlock as f, createElementVNode as t, normalizeClass as i, createVNode as v, unref as r, isRef as g, renderSlot as a } from "vue";
-import T from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_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 "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import { DROPDOWN_TYPE_OPTIONS as d } from "./consts.js";
-const k = { class: "settings-header-container" }, b = { class: "chart-type-selection" }, V = /* @__PURE__ */ u({
+import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
+const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, R = /* @__PURE__ */ h({
   __name: "SettingsHeader",
   props: {
     chartType: null,
     hideLegend: { type: Boolean }
   },
   emits: ["update:chartType"],
-  setup(o, { emit: l }) {
-    const p = o, s = h({
+  setup(s, { emit: m }) {
+    const u = s, o = g({
       get() {
-        return d.find(({ id: e }) => e === p.chartType);
+        return c.find(({ id: e }) => e === u.chartType);
       },
       set(e) {
-        l("update:chartType", e.id);
+        m("update:chartType", e.id);
       }
-    }), c = (e) => `Chart: ${e.name}`;
-    return (e, n) => (y(), f("div", k, [
-      t("div", {
-        class: i(["settings", { "settings-spacer": !o.hideLegend }])
+    }), i = (e) => `Chart: ${e.name}`;
+    return (e, d) => (y(), f("div", _, [
+      r("div", {
+        class: a(["settings", { "settings-spacer": !s.hideLegend }])
       }, [
-        t("div", b, [
-          v(r(T), {
-            selected: r(s),
-            "onUpdate:selected": n[0] || (n[0] = (m) => g(s) ? s.value = m : null),
-            options: r(d),
+        r("div", B, [
+          l(t(b), {
+            selected: t(o),
+            "onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
+            options: t(c),
             "option-name-key": "name",
-            "display-value": c,
+            "display-value": i,
             placeholder: "Select chart type",
             size: "small"
-          }, null, 8, ["selected", "options"])
+          }, {
+            "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
+              l(t(k), w(n, {
+                label: i(t(o))
+              }), null, 16, ["label"])
+            ]),
+            _: 1
+          }, 8, ["selected", "options"])
         ]),
-        t("div", null, [
-          a(e.$slots, "metric", {}, void 0, !0)
+        r("div", null, [
+          p(e.$slots, "metric", {}, void 0, !0)
         ])
       ], 2),
-      t("div", {
-        class: i(["breakdowns", { "breakdowns-border": !o.hideLegend }])
+      r("div", {
+        class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
       }, [
-        a(e.$slots, "breakdowns", {}, void 0, !0)
+        p(e.$slots, "breakdowns", {}, void 0, !0)
       ], 2)
     ]));
   }
 });
 export {
-  V as default
+  R as default
 };

package/components/chart/index.d.ts

@@ -15,6 +15,7 @@ declare const ChartTypes: () => ({
             chartType: import("./types").ChartType;
             withSettingsHeader: boolean;
             subheader: string;
+            subheaderTooltip: string;
             dataSets: import("./types").ChartDataSet[];
             hideLegend: boolean;
             tickCount: number;
@@ -67,6 +68,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
@@ -95,7 +100,7 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "chartType" | "withSettingsHeader" | "subheader" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "chartType" | "withSettingsHeader" | "subheader" | "subheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -155,6 +160,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
@@ -198,6 +207,7 @@ declare const ChartTypes: () => ({
             chartType: import("./types").ChartType;
             withSettingsHeader: boolean;
             subheader: string;
+            subheaderTooltip: string;
             dataSets: import("./types").ChartDataSet[];
             hideLegend: boolean;
             tickCount: number;
@@ -270,6 +280,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        subheaderTooltip: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         dataSets: {
             type: import("vue").PropType<import("./types").ChartDataSet[]>;
             required: true;
@@ -348,6 +362,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    subheaderTooltip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     dataSets: {
         type: import("vue").PropType<import("./types").ChartDataSet[]>;
         required: true;
@@ -391,6 +409,7 @@ declare const ChartTypes: () => ({
     chartType: import("./types").ChartType;
     withSettingsHeader: boolean;
     subheader: string;
+    subheaderTooltip: string;
     dataSets: import("./types").ChartDataSet[];
     hideLegend: boolean;
     tickCount: number;

package/components/dropdown/common/Dropdown.common.d.ts

@@ -44,4 +44,5 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
     triggerRef: Ref<any>;
     clearAll: Ref<HTMLButtonElement>;
     onClearAllSelections: (applyChanges?: boolean) => void;
+    isGroup: (option: any) => boolean;
 };