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

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/dateRange/v4/CalendarMonthV4.vue2.js

@@ -1,11 +1,12 @@
- import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css"; import { defineComponent as V, openBlock as n, createElementBlock as l, unref as t, createElementVNode as i, createBlock as c, createCommentVNode as D, createVNode as E, withCtx as m, createTextVNode as v, toDisplayString as o, Fragment as $, renderList as f, normalizeClass as C } from "vue";
+ import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css"; import { defineComponent as V, openBlock as n, createElementBlock as l, unref as t, createElementVNode as s, createBlock as c, createCommentVNode as D, createVNode as E, withCtx as m, createTextVNode as v, toDisplayString as o, Fragment as $, renderList as f, normalizeClass as C } from "vue";
 import { navigatePrev as I, navigateNext as N } from "../common/consts.common.js";
 import { calendarMonthCommon as B } from "../common/CalendarMonth.common.js";
 import "../../button/v4/ButtonV4.vue.js";
 import A from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
 import y from "../../typography/v4/Typography.vue.js";
 import { CalendarMonthTestIdModifiers as d } from "../../../testids/index.js";
-const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = ["data-testid"], J = /* @__PURE__ */ V({
+const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = ["data-testid"], K = /* @__PURE__ */ V({
   __name: "CalendarMonthV4",
   props: {
     year: null,
@@ -22,23 +23,23 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
   },
   emits: ["selectionChanged", "navigation"],
   setup(e, { emit: T }) {
-    const M = e, {
+    const p = e, {
       isEndDay: k,
       isStartDay: g,
       navigate: h,
-      selectDay: R,
-      monthName: p,
+      selectDay: M,
+      monthName: R,
       dayNames: x,
       selectedDaysMap: w,
       inBetweenMap: b
-    } = B(M, T);
+    } = B(p, T);
     return (O, r) => (n(), l("div", {
       id: "datepickerCalendar" + e.id,
       class: "calendar-month",
       "data-testid": `${e.testId}-${t(d).WRAPPER}`
     }, [
-      i("span", {
-        onClick: r[0] || (r[0] = (s) => t(h)(t(I)))
+      s("span", {
+        onClick: r[0] || (r[0] = (i) => t(h)(t(I)))
       }, [
         e.navigation === t(I) || e.navigation === "all" ? (n(), c(t(A), {
           key: 0,
@@ -48,8 +49,8 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
           "icon-name": "caret-left"
         }, null, 8, ["data-testid"])) : D("", !0)
       ]),
-      i("span", {
-        onClick: r[1] || (r[1] = (s) => t(h)(t(N)))
+      s("span", {
+        onClick: r[1] || (r[1] = (i) => t(h)(t(N)))
       }, [
         e.navigation === t(N) || e.navigation === "all" ? (n(), c(t(A), {
           key: 0,
@@ -59,7 +60,7 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
           "data-testid": `${e.testId}-${t(d).NEXT}`
         }, null, 8, ["data-testid"])) : D("", !0)
       ]),
-      i("div", {
+      s("div", {
         class: "month-header",
         "data-testid": `${e.testId}-${t(d).MONTH_HEADER}`
       }, [
@@ -69,32 +70,32 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
           "test-id": `${e.testId}-${t(d).MONTH_HEADER_TEXT}`
         }, {
           default: m(() => [
-            v(o(t(p)) + " " + o(e.year), 1)
+            v(o(t(R)) + " " + o(e.year), 1)
           ]),
           _: 1
         }, 8, ["test-id"])
       ], 8, S),
-      i("div", {
+      s("div", {
         class: "days-header",
         "data-testid": `${e.testId}-${t(d).DAYS_HEADER}`
       }, [
-        (n(!0), l($, null, f(t(x), (s, u) => (n(), c(t(y), {
+        (n(!0), l($, null, f(t(x), (i, u) => (n(), c(t(y), {
           key: u,
           variant: "caption",
           class: "week-day"
         }, {
           default: m(() => [
-            v(o(s), 1)
+            v(o(i), 1)
           ]),
           _: 2
         }, 1024))), 128))
       ], 8, z),
-      i("div", {
+      s("div", {
         class: "days-wrapper",
         "data-testid": `${e.testId}-${t(d).DAYS_WRAPPER}`
       }, [
-        (n(!0), l($, null, f(e.weeks, (s, u) => (n(), l("div", { key: u }, [
-          (n(!0), l($, null, f(s, (a, P) => (n(), l("span", {
+        (n(!0), l($, null, f(e.weeks, (i, u) => (n(), l("div", { key: u }, [
+          (n(!0), l($, null, f(i, (a, P) => (n(), l("span", {
             key: P,
             class: C(["date-wrapper", {
               "selected-day-wrapper": t(w)[a.value],
@@ -114,7 +115,7 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
               }]),
               variant: "body1",
               "data-testid": `${e.testId}-${t(d).DAY}-${a.value}`,
-              onClick: (Y) => a.disabled || a.isFuture || t(R)(a)
+              onClick: (Y) => a.disabled || a.isFuture || t(M)(a)
             }, {
               default: m(() => [
                 v(o(a.value), 1)
@@ -128,5 +129,5 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
   }
 });
 export {
-  J as default
+  K as default
 };

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -3,6 +3,7 @@ import X from "./CalendarMonthV4.vue.js";
 import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
 import R from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
 import "../../dropdown/v4/DropdownV4.vue.js";
 import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -18,7 +19,7 @@ import p from "../../typography/v4/Typography.vue.js";
 const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid"], ie = {
   key: 0,
   class: "type-picker"
-}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Se = /* @__PURE__ */ J({
+}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, qe = /* @__PURE__ */ J({
   __name: "DateRangeV4",
   props: {
     range: null,
@@ -259,5 +260,5 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
   }
 });
 export {
-  Se as default
+  qe as default
 };