@ironsource/shared-ui 2.1.8-rc.7 → 2.1.8-rc.8

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

@@ -0,0 +1,30 @@
+import { ChartType } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    chartType: ChartType;
+    hideLegend: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (type: ChartType) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    chartType: ChartType;
+    hideLegend: boolean;
+}>>> & {
+    "onUpdate:chartType"?: (type: ChartType) => any;
+}, {}>, {
+    metric?(_: {}): any;
+    breakdowns?(_: {}): 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/chart/SettingsHeader.vue.js

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

package/components/chart/SettingsHeader.vue2.js

@@ -0,0 +1,57 @@
+ 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 "../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 "../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({
+  __name: "SettingsHeader",
+  props: {
+    chartType: null,
+    hideLegend: { type: Boolean }
+  },
+  emits: ["update:chartType"],
+  setup(o, { emit: l }) {
+    const p = o, s = h({
+      get() {
+        return d.find(({ id: e }) => e === p.chartType);
+      },
+      set(e) {
+        l("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 }])
+      }, [
+        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),
+            "option-name-key": "name",
+            "display-value": c,
+            placeholder: "Select chart type",
+            size: "small"
+          }, null, 8, ["selected", "options"])
+        ]),
+        t("div", null, [
+          a(e.$slots, "metric", {}, void 0, !0)
+        ])
+      ], 2),
+      t("div", {
+        class: i(["breakdowns", { "breakdowns-border": !o.hideLegend }])
+      }, [
+        a(e.$slots, "breakdowns", {}, void 0, !0)
+      ], 2)
+    ]));
+  }
+});
+export {
+  V as default
+};

package/components/chart/consts.d.ts

@@ -1,3 +1,4 @@
+import { DropdownTypeOption } from './types';
 export declare const POINT_BORDER_COLOR = "#fcfcfc";
 export declare const GRID_LINE_COLOR = "#E4E4E4";
 export declare const TICK_LABEL_COLOR = "#646464";
@@ -10,3 +11,4 @@ export declare const COLOR_PALETTE: string[];
 export declare const DEFAULT_TICK_COUNT = 4;
 export declare const DEFAULT_MIN_VISIBLE = 1;
 export declare const DEFAULT_MAX_VISIBLE = 5;
+export declare const DROPDOWN_TYPE_OPTIONS: DropdownTypeOption[];

package/components/chart/consts.js

@@ -1,21 +1,27 @@
-const E = "#fcfcfc", L = "#E4E4E4", _ = "#646464", C = {
+import { ChartType as L } from "./types.js";
+const _ = "#fcfcfc", n = "#E4E4E4", t = "#646464", O = {
   size: 12,
   weight: 400,
   family: "Inter"
-}, I = [
+}, c = [
   "#80BCFE",
   "#9999FF",
   "#5883E4",
   "#80CBC4",
   "#FFC670"
-], O = 4, c = 1, t = 5;
+], T = 4, C = 1, I = 5, e = [
+  { id: L.Line, name: "Line" },
+  { id: L.StackedLine, name: "Stack" },
+  { id: L.Bar, name: "Bar" }
+];
 export {
-  I as COLOR_PALETTE,
-  t as DEFAULT_MAX_VISIBLE,
-  c as DEFAULT_MIN_VISIBLE,
-  O as DEFAULT_TICK_COUNT,
-  L as GRID_LINE_COLOR,
-  E as POINT_BORDER_COLOR,
-  _ as TICK_LABEL_COLOR,
-  C as TICK_LABEL_FONT
+  c as COLOR_PALETTE,
+  I as DEFAULT_MAX_VISIBLE,
+  C as DEFAULT_MIN_VISIBLE,
+  T as DEFAULT_TICK_COUNT,
+  e as DROPDOWN_TYPE_OPTIONS,
+  n as GRID_LINE_COLOR,
+  _ as POINT_BORDER_COLOR,
+  t as TICK_LABEL_COLOR,
+  O as TICK_LABEL_FONT
 };

package/components/chart/index.d.ts

@@ -1,5 +1,308 @@
 import Chart from './Chart.vue';
-declare const ChartTypes: () => import("vue").DefineComponent<{
+declare const ChartTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            header: string;
+            loading: boolean;
+            xAxisFormat: import("./types").ValueFormat;
+            yAxisFormat: import("./types").ValueFormat;
+            parsing: import("./types").ChartParsingConfig;
+            visibleIds: unknown[];
+            minVisible: number;
+            maxVisible: number;
+            chartType: import("./types").ChartType;
+            withSettingsHeader: boolean;
+            subheader: string;
+            dataSets: import("./types").ChartDataSet[];
+            hideLegend: boolean;
+            tickCount: number;
+            noDataIcon: string;
+            noDataTitle: string;
+            noDataSubtitle: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            header: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            xAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            parsing: {
+                type: import("vue").PropType<import("./types").ChartParsingConfig>;
+                default: any;
+            };
+            visibleIds: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+                default: () => any[];
+            };
+            minVisible: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            maxVisible: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            chartType: {
+                type: import("vue").PropType<import("./types").ChartType>;
+                default: import("./types").ChartType;
+            };
+            withSettingsHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            subheader: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            dataSets: {
+                type: import("vue").PropType<import("./types").ChartDataSet[]>;
+                required: true;
+                default: () => any[];
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tickCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            noDataIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noDataTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noDataSubtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "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">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            header: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            xAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            parsing: {
+                type: import("vue").PropType<import("./types").ChartParsingConfig>;
+                default: any;
+            };
+            visibleIds: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+                default: () => any[];
+            };
+            minVisible: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            maxVisible: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            chartType: {
+                type: import("vue").PropType<import("./types").ChartType>;
+                default: import("./types").ChartType;
+            };
+            withSettingsHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            subheader: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            dataSets: {
+                type: import("vue").PropType<import("./types").ChartDataSet[]>;
+                required: true;
+                default: () => any[];
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tickCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            noDataIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noDataTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noDataSubtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:chartType": (chartType: import("./types").ChartType) => void;
+            "update:visibleIds": (visibleIds: unknown[]) => void;
+        }, string, {
+            header: string;
+            loading: boolean;
+            xAxisFormat: import("./types").ValueFormat;
+            yAxisFormat: import("./types").ValueFormat;
+            parsing: import("./types").ChartParsingConfig;
+            visibleIds: unknown[];
+            minVisible: number;
+            maxVisible: number;
+            chartType: import("./types").ChartType;
+            withSettingsHeader: boolean;
+            subheader: string;
+            dataSets: import("./types").ChartDataSet[];
+            hideLegend: boolean;
+            tickCount: number;
+            noDataIcon: string;
+            noDataTitle: string;
+            noDataSubtitle: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        header: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        xAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
+            default: string;
+        };
+        yAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
+            default: string;
+        };
+        parsing: {
+            type: import("vue").PropType<import("./types").ChartParsingConfig>;
+            default: any;
+        };
+        visibleIds: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+            default: () => any[];
+        };
+        minVisible: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        maxVisible: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        chartType: {
+            type: import("vue").PropType<import("./types").ChartType>;
+            default: import("./types").ChartType;
+        };
+        withSettingsHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        subheader: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        dataSets: {
+            type: import("vue").PropType<import("./types").ChartDataSet[]>;
+            required: true;
+            default: () => any[];
+        };
+        hideLegend: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tickCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        noDataIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        noDataTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        noDataSubtitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+        "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     header: {
         type: import("vue").PropType<string>;
         default: string;
@@ -37,6 +340,10 @@ declare const ChartTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<import("./types").ChartType>;
         default: import("./types").ChartType;
     };
+    withSettingsHeader: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     subheader: {
         type: import("vue").PropType<string>;
         default: string;
@@ -46,84 +353,14 @@ declare const ChartTypes: () => import("vue").DefineComponent<{
         required: true;
         default: () => any[];
     };
-    tickCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     hideLegend: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    noDataIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    noDataTitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    noDataSubtitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:chartType": (chartType: import("./types").ChartType) => void;
-    "update:visibleIds": (visibleIds: unknown[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    header: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    xAxisFormat: {
-        type: import("vue").PropType<import("./types").ValueFormat>;
-        default: string;
-    };
-    yAxisFormat: {
-        type: import("vue").PropType<import("./types").ValueFormat>;
-        default: string;
-    };
-    parsing: {
-        type: import("vue").PropType<import("./types").ChartParsingConfig>;
-        default: any;
-    };
-    visibleIds: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-        default: () => any[];
-    };
-    minVisible: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    maxVisible: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    chartType: {
-        type: import("vue").PropType<import("./types").ChartType>;
-        default: import("./types").ChartType;
-    };
-    subheader: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    dataSets: {
-        type: import("vue").PropType<import("./types").ChartDataSet[]>;
-        required: true;
-        default: () => any[];
-    };
     tickCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    hideLegend: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -139,7 +376,10 @@ declare const ChartTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (chartType: import("./types").ChartType) => void;
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, {
     header: string;
     loading: boolean;
     xAxisFormat: import("./types").ValueFormat;
@@ -149,13 +389,19 @@ declare const ChartTypes: () => import("vue").DefineComponent<{
     minVisible: number;
     maxVisible: number;
     chartType: import("./types").ChartType;
+    withSettingsHeader: boolean;
     subheader: string;
     dataSets: import("./types").ChartDataSet[];
-    tickCount: number;
     hideLegend: boolean;
+    tickCount: number;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        metric?(_: {}): any;
+        breakdowns?(_: {}): any;
+    };
+}))[];
 export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
 export { Chart, ChartTypes };

package/components/chart/types.d.ts

@@ -37,3 +37,7 @@ export type UseVirtualListResult = {
         };
     }>;
 };
+export type DropdownTypeOption = {
+    id: ChartType;
+    name: string;
+};

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

@@ -132,6 +132,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;
+    "displayed-value"?(_: {}): any;
     "end-icon"?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1726ad49"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fd7a490e"]]);
 export {
   p as default
 };