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

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

@@ -1,12 +1,12 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css"; import { defineComponent as O, computed as r, openBlock as o, createElementBlock as n, createBlock as k, createCommentVNode as d, createElementVNode as c, mergeProps as m, unref as l, renderSlot as u, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as w } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css"; import { defineComponent as O, computed as c, openBlock as a, createElementBlock as n, createBlock as k, createCommentVNode as d, createElementVNode as u, mergeProps as m, unref as l, renderSlot as i, createVNode as r, withCtx as I, createTextVNode as B, toDisplayString as w } from "vue";
 import V from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as p } from "../../../testids/index.js";
 import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import x from "../../shared/FieldLabel.vue.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-import D from "../../statusDot/StatusDot.vue.js";
-const $ = { class: "default-dropdown-wrapper" }, N = { class: "content" }, K = {
+import A from "../../shared/FieldLabel.vue.js";
+import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
+import x from "../../statusDot/StatusDot.vue.js";
+const D = { class: "default-dropdown-wrapper" }, N = { class: "content" }, K = {
   key: 0,
   class: "image"
 }, C = ["src"], S = {
@@ -46,11 +46,11 @@ const $ = { class: "default-dropdown-wrapper" }, N = { class: "content" }, K = {
   },
   emits: ["click"],
   setup(t, { emit: T }) {
-    const e = t, g = r(
+    const e = t, g = c(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), b = () => {
+    ), v = () => {
       T("click");
-    }, f = A(e.testId, p), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.showAllSelectedText && e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), s = r(() => {
+    }, f = $(e.testId, p), b = c(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.showAllSelectedText && e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), s = c(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -58,8 +58,8 @@ const $ = { class: "default-dropdown-wrapper" }, N = { class: "content" }, K = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
-    return (a, y) => (o(), n("div", $, [
-      t.label ? (o(), k(x, {
+    return (o, y) => (a(), n("div", D, [
+      t.label ? (a(), k(A, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -69,44 +69,46 @@ const $ = { class: "default-dropdown-wrapper" }, N = { class: "content" }, K = {
         "test-id": t.testId,
         class: "dropdown-field-label"
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : d("", !0),
-      c("div", m({
+      u("div", m({
         class: ["dropdown-trigger", [t.size, l(g), { open: t.open, disabled: t.disabled }]]
       }, l(f)[l(p).BUTTON_WRAPPER], {
-        onClick: y[0] || (y[0] = (H) => b())
+        onClick: y[0] || (y[0] = (H) => v())
       }), [
-        c("div", N, [
-          a.$slots.image || l(s) && t.optionImageKey ? (o(), n("div", K, [
-            u(a.$slots, "image", {}, () => [
-              t.optionImageKey ? (o(), n("img", {
+        u("div", N, [
+          o.$slots.image || l(s) && t.optionImageKey ? (a(), n("div", K, [
+            i(o.$slots, "image", {}, () => [
+              t.optionImageKey ? (a(), n("img", {
                 key: 0,
                 src: l(s)[t.optionImageKey]
               }, null, 8, C)) : d("", !0)
             ], !0)
           ])) : d("", !0),
-          a.$slots["icon-start"] || l(s) && t.optionIconKey ? (o(), n("div", S, [
-            u(a.$slots, "icon-start", {}, () => [
-              i(l(h), {
+          o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), n("div", S, [
+            i(o.$slots, "icon-start", {}, () => [
+              r(l(h), {
                 type: t.optionIconType,
                 name: l(s)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : d("", !0),
-          t.statusDotType ? (o(), n("div", P, [
-            i(l(D), { type: t.statusDotType }, null, 8, ["type"])
+          t.statusDotType ? (a(), n("div", P, [
+            r(l(x), { type: t.statusDotType }, null, 8, ["type"])
           ])) : d("", !0),
-          i(l(V), m({ variant: "body1" }, l(f)[l(p).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: I(() => [
-              B(w(l(v)), 1)
-            ]),
-            _: 1
-          }, 16)
+          i(o.$slots, "displayed-value", {}, () => [
+            r(l(V), m({ variant: "body1" }, l(f)[l(p).BUTTON_CONTENT], { class: "displayed-value" }), {
+              default: I(() => [
+                B(w(l(b)), 1)
+              ]),
+              _: 1
+            }, 16)
+          ], !0)
         ]),
-        a.$slots["end-icon"] ? (o(), n("div", z, [
-          u(a.$slots, "end-icon", {}, void 0, !0)
+        o.$slots["end-icon"] ? (a(), n("div", z, [
+          i(o.$slots, "end-icon", {}, void 0, !0)
         ])) : d("", !0),
-        c("div", E, [
-          i(l(h), {
+        u("div", E, [
+          r(l(h), {
             name: "caret-down",
             size: "20px"
           })

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

@@ -552,6 +552,7 @@ declare const DropdownTypes: () => (({
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
+        "displayed-value"?(_: {}): any;
         "end-icon"?(_: {}): any;
     };
 })) | ({

package/components/loader/v4/index.js

@@ -0,0 +1,6 @@
+import o from "./Loader.vue.js";
+const e = () => [o];
+export {
+  o as Loader,
+  e as LoaderTypes
+};

package/index.d.ts

@@ -4181,6 +4181,266 @@ declare const _default: {
         destroy: () => boolean;
     };
     snackbarTypes: readonly ["success", "info", "error"];
+    Loader: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "maxWidth" | "strokeWidth" | "paddingOffsetPx" | "paddingOffsetPercentage">;
+            $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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }, {}, 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<{
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            strokeWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPx: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPercentage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        strokeWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPx: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPercentage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        maxWidth: number;
+        strokeWidth: number;
+        paddingOffsetPx: number;
+        paddingOffsetPercentage: number;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    LoaderTypes: () => ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "maxWidth" | "strokeWidth" | "paddingOffsetPx" | "paddingOffsetPercentage">;
+            $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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }, {}, 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<{
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            strokeWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPx: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPercentage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        strokeWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPx: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPercentage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        maxWidth: number;
+        strokeWidth: number;
+        paddingOffsetPx: number;
+        paddingOffsetPercentage: number;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }))[];
     SkeletonTypes: () => ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -17033,6 +17293,7 @@ declare const _default: {
         $slots: {
             image?(_: {}): any;
             "icon-start"?(_: {}): any;
+            "displayed-value"?(_: {}): any;
             "end-icon"?(_: {}): any;
         };
     });
@@ -18339,6 +18600,7 @@ declare const _default: {
         $slots: {
             image?(_: {}): any;
             "icon-start"?(_: {}): any;
+            "displayed-value"?(_: {}): any;
             "end-icon"?(_: {}): any;
         };
     })) | ({