@ironsource/shared-ui 2.1.6-test.14 → 2.1.6-test.15

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

@@ -1,165 +1,62 @@
-declare const ChipTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            testId: string;
-            selected: boolean;
-            prefix: string;
-            clearable: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selected: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            prefix: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            clearable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onCleared?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "selected" | "prefix" | "clearable">;
-        $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: "cleared", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selected: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            prefix: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            clearable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onCleared?: (...args: any[]) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            cleared: (...args: any[]) => void;
-        }, string, {
-            disabled: boolean;
-            testId: string;
-            selected: boolean;
-            prefix: string;
-            clearable: boolean;
-        }, {}, 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<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        prefix: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        clearable: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        onCleared?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const ChipTypes: () => import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"filled" | "outlined">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    color: {
+        type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    selected: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    prefix: {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
         type: import("vue").PropType<string>;
-        default: any;
+        required: true;
+        default: string;
     };
-    clearable: {
+    variant: {
+        type: import("vue").PropType<"filled" | "outlined">;
+        default: string;
+    };
+    disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
-    onCleared?: (...args: any[]) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cleared: (...args: any[]) => void;
-}, string, {
+    color: {
+        type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    label: string;
+    variant: "filled" | "outlined";
     disabled: boolean;
+    color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
+    size: "small" | "medium";
     testId: string;
-    selected: boolean;
-    prefix: string;
-    clearable: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        "icon-start"?(_: {}): any;
-        default?(_: {}): any;
-        "icon-end"?(_: {}): any;
-    };
-}))[];
+}>[];
 export { default as Chip } from './ChipV4.vue';
 export { ChipTypes };

package/components/datePicker/common/DatePicker.common.js

@@ -1,50 +1,50 @@
-import { onClickOutside as p } from "@vueuse/core";
+import { onClickOutside as h } from "@vueuse/core";
 import { ref as m, computed as a } from "vue";
-import { useToggle as v } from "../../../composables/useToggle.js";
+import { useToggle as p } from "../../../composables/useToggle.js";
 import { isValid as d, format as k, parse as F, isFuture as C } from "date-fns";
 const T = (t, c) => {
-  const u = m(null), f = m(null), [o, s] = v({ initialValue: !1 }), l = () => {
+  const u = m(null), f = m(null), [l, s] = p({ initialValue: !1 }), o = () => {
     s(!1);
   }, g = (e) => {
     const n = e.target.value;
-    if (!o) {
+    if (!l.value) {
       c("update:modelValue", n);
       return;
     }
     const i = F(n, t.dateFormat, /* @__PURE__ */ new Date());
     n.trim() || r(null), d(i) && (!t.allowFutureDates && C(i) || r(i));
   }, r = (e) => {
-    l(), c("update:modelValue", e);
+    o(), c("update:modelValue", e);
   }, V = a(() => `datePicker${t.uniqueId || Math.random().toString().substring(2, 7)}`), D = a(() => {
     const e = new Date(t.modelValue);
     return d(t.modelValue) ? k(e, t.dateFormat) : t.modelValue;
-  }), w = a(() => {
-    if (!u.value || !o)
+  }), v = a(() => {
+    if (!u.value || !l)
       return !1;
     const e = u.value.getBoundingClientRect(), n = 232;
     return window.innerWidth - (e.x + n) < 0;
-  }), h = a(() => {
+  }), w = a(() => {
     if (!t.modelValue)
       return null;
     const e = new Date(t.modelValue);
     return d(e) ? e : null;
   });
-  return p(
+  return h(
     f,
     () => {
-      l();
+      o();
     },
     { ignore: [u] }
   ), {
-    close: l,
+    close: o,
     handleInput: g,
     updateValue: r,
     toggle: s,
-    isOpen: o,
+    isOpen: l,
     componentId: V,
     formattedValue: D,
-    nearTheEdge: w,
-    valueAsDate: h
+    nearTheEdge: v,
+    valueAsDate: w
   };
 };
 export {

package/components/datePicker/v4/DatePickerV4.vue2.js

@@ -9,8 +9,9 @@ import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import w from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
-const $ = ["id", "data-testid"], z = /* @__PURE__ */ g({
+const $ = ["id", "data-testid"], O = /* @__PURE__ */ g({
   __name: "DatePickerV4",
   props: {
     uniqueId: { default: Date.now() },
@@ -69,5 +70,5 @@ const $ = ["id", "data-testid"], z = /* @__PURE__ */ g({
   }
 });
 export {
-  z as default
+  O as default
 };

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

@@ -10,6 +10,7 @@ import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
 import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
 import { dateRangeCommon as ae } from "../common/DateRange.common.js";
@@ -17,7 +18,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" }, Me = /* @__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" }, Se = /* @__PURE__ */ J({
   __name: "DateRangeV4",
   props: {
     range: null,
@@ -258,5 +259,5 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
   }
 });
 export {
-  Me as default
+  Se as default
 };

package/components/dialog/v3/Dialog.vue.d.ts

@@ -72,8 +72,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     title: string;
     themeClass: string;
-    content: string;
     width: string | number;
+    content: string;
     testId: string;
     appendToBody: boolean;
     closeDelay: number;

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

@@ -5,8 +5,8 @@ declare const DialogTypes: () => ({
         $props: Partial<{
             title: string;
             themeClass: string;
-            content: string;
             width: string | number;
+            content: string;
             testId: string;
             appendToBody: boolean;
             closeDelay: number;
@@ -26,14 +26,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            content: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             width: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            content: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -82,7 +82,7 @@ declare const DialogTypes: () => ({
             onClose?: (reason: import("../common/Reason").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
             onOpen?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "themeClass" | "content" | "width" | "testId" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "headerBorder" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "themeClass" | "width" | "content" | "testId" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "headerBorder" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -105,14 +105,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            content: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             width: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
+            content: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -168,8 +168,8 @@ declare const DialogTypes: () => ({
         }, string, {
             title: string;
             themeClass: string;
-            content: string;
             width: string | number;
+            content: string;
             testId: string;
             appendToBody: boolean;
             closeDelay: number;
@@ -209,14 +209,14 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        content: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         width: {
             type: import("vue").PropType<string | number>;
             default: string;
         };
+        content: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -278,14 +278,14 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    content: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     width: {
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    content: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -341,8 +341,8 @@ declare const DialogTypes: () => ({
 }, string, {
     title: string;
     themeClass: string;
-    content: string;
     width: string | number;
+    content: string;
     testId: string;
     appendToBody: boolean;
     closeDelay: number;