@ironsource/shared-ui 2.1.6-rc.4 → 2.1.6-rc.41

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/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;

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c3004ba3"]]);
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
 export {
-  a as default
+  t as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,20 +1,20 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css"; import { defineComponent as A, openBlock as o, createBlock as i, Teleport as w, createVNode as T, Transition as p, withCtx as d, unref as e, createElementBlock as f, createElementVNode as m, mergeProps as s, renderSlot as b, createTextVNode as r, toDisplayString as c, createCommentVNode as u } from "vue";
-import { NOOP as I } from "@vue/shared";
-import g from "../../typography/v4/Typography.vue.js";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as w, createVNode as b, Transition as I, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
+import { NOOP as V } from "@vue/shared";
+import T from "../../typography/v4/Typography.vue.js";
 import N from "../../button/v4/ButtonV4.vue.js";
-import L from "../../button/v4/IconButtonV4.vue.js";
-import { Reason as O } from "../common/Reason.js";
-import { dialogCommon as V } from "../common/Dialog.common.js";
+import p from "../../button/v4/IconButtonV4.vue.js";
+import { Reason as g } from "../common/Reason.js";
+import { dialogCommon as D } from "../common/Dialog.common.js";
 import { DialogTestIdModifiers as l } from "../../../testids/index.js";
-import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
-import { useMagicKeys as D, whenever as P } from "@vueuse/core";
-const R = {
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
+import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
+const S = {
   key: 0,
   class: "container light-theme-v4"
-}, S = { class: "title" }, F = {
+}, F = { class: "title" }, U = {
   key: 1,
   class: "footer"
-}, J = /* @__PURE__ */ A({
+}, Q = /* @__PURE__ */ A({
   __name: "DialogV4",
   props: {
     modelValue: { type: Boolean },
@@ -39,106 +39,111 @@ const R = {
     testId: { default: "" }
   },
   emits: ["update:modelValue", "open", "close", "save", "cancel"],
-  setup(t, { emit: B }) {
-    const C = t, { escape: E } = D(), a = $(C.testId, l), { visible: h, handleClose: y } = V(C, B);
-    return P(E, () => {
-      h.value && C.escapeToClose && y(O.Escape);
-    }), (v, n) => (o(), i(w, {
+  setup(t, { emit: v }) {
+    const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
+    $(L, () => {
+      h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
+    });
+    const E = () => {
+      const { closeOnClickOutside: r, saveButtonLoading: n } = i;
+      r && !n ? y(g.Backdrop) : V();
+    };
+    return (r, n) => (o(), c(w, {
       to: "body",
       disabled: !t.appendToBody
     }, [
-      T(p, null, {
-        default: d(() => [
-          e(h) ? (o(), f("div", R, [
-            m("div", s({
+      b(I, null, {
+        default: u(() => [
+          e(h) ? (o(), m("div", S, [
+            C("div", s({
               class: ["dialog", [`dialog--${t.size}`]]
             }, e(a)[e(l).WRAPPER]), [
-              t.title || t.subtitle || t.showCloseButton ? (o(), f("header", s({
+              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
                 key: 0,
                 class: "header"
               }, e(a)[e(l).HEADER]), [
-                m("div", S, [
-                  b(v.$slots, "header", {}, () => [
-                    t.title ? (o(), i(e(g), {
+                C("div", F, [
+                  k(r.$slots, "header", {}, () => [
+                    t.title ? (o(), c(e(T), {
                       key: 0,
                       variant: "h3"
                     }, {
-                      default: d(() => [
-                        r(c(t.title), 1)
+                      default: u(() => [
+                        f(B(t.title), 1)
                       ]),
                       _: 1
-                    })) : u("", !0),
-                    t.subtitle ? (o(), i(e(g), {
+                    })) : d("", !0),
+                    t.subtitle ? (o(), c(e(T), {
                       key: 1,
                       class: "subtitle",
                       variant: "body1"
                     }, {
-                      default: d(() => [
-                        r(c(t.subtitle), 1)
+                      default: u(() => [
+                        f(B(t.subtitle), 1)
                       ]),
                       _: 1
-                    })) : u("", !0)
+                    })) : d("", !0)
                   ], !0)
                 ]),
-                t.showCloseButton ? (o(), i(e(L), s({
+                t.showCloseButton ? (o(), c(e(p), s({
                   key: 0,
                   class: "close-button",
-                  "icon-name": "x"
+                  "icon-name": "x",
+                  disabled: t.saveButtonLoading
                 }, e(a)[e(l).ACTION_CLOSE], {
-                  onClick: n[0] || (n[0] = (k) => e(y)(e(O).CloseButton))
-                }), null, 16)) : u("", !0)
-              ], 16)) : u("", !0),
-              m("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
-                b(v.$slots, "default", {}, () => [
-                  t.content ? (o(), i(e(g), {
+                  onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
+                }), null, 16, ["disabled"])) : d("", !0)
+              ], 16)) : d("", !0),
+              C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
+                k(r.$slots, "default", {}, () => [
+                  t.content ? (o(), c(e(T), {
                     key: 0,
                     variant: "body1"
                   }, {
-                    default: d(() => [
-                      r(c(t.content), 1)
+                    default: u(() => [
+                      f(B(t.content), 1)
                     ]),
                     _: 1
-                  })) : u("", !0)
+                  })) : d("", !0)
                 ], !0)
               ], 16),
-              t.showFooter ? (o(), f("footer", F, [
-                m("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
-                  b(v.$slots, "footer", {}, () => [
-                    T(e(N), s({
+              t.showFooter ? (o(), m("footer", U, [
+                C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
+                  k(r.$slots, "footer", {}, () => [
+                    b(e(N), s({
                       class: "form-action",
                       variant: "outlined",
-                      color: t.cancelButtonColor
+                      color: t.cancelButtonColor,
+                      disabled: t.saveButtonLoading
                     }, e(a)[e(l).CANCEL_BUTTON], {
-                      onClick: n[1] || (n[1] = (k) => B("cancel"))
+                      onClick: n[1] || (n[1] = (O) => v("cancel"))
                     }), {
-                      default: d(() => [
-                        r(c(t.cancelButtonLabel), 1)
+                      default: u(() => [
+                        f(B(t.cancelButtonLabel), 1)
                       ]),
                       _: 1
-                    }, 16, ["color"]),
-                    T(e(N), s({
+                    }, 16, ["color", "disabled"]),
+                    b(e(N), s({
                       class: "form-action",
                       loading: t.saveButtonLoading,
                       color: t.saveButtonColor
                     }, e(a)[e(l).SAVE_BUTTON], {
-                      onClick: n[2] || (n[2] = (k) => B("save"))
+                      onClick: n[2] || (n[2] = (O) => v("save"))
                     }), {
-                      default: d(() => [
-                        r(c(t.saveButtonLabel), 1)
+                      default: u(() => [
+                        f(B(t.saveButtonLabel), 1)
                       ]),
                       _: 1
                     }, 16, ["loading", "color"])
                   ], !0)
                 ], 16)
-              ])) : u("", !0)
+              ])) : d("", !0)
             ], 16),
-            t.showBackdrop ? (o(), f("div", s({
+            t.showBackdrop ? (o(), m("div", s({
               key: 0,
               class: "dialog-backdrop"
-            }, e(a)[e(l).BACKDROP], {
-              onClick: n[3] || (n[3] = (k) => t.closeOnClickOutside ? e(y)(e(O).Backdrop) : e(I)())
-            }), null, 16)) : u("", !0)
-          ])) : u("", !0)
+            }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
+          ])) : d("", !0)
         ]),
         _: 3
       })
@@ -146,5 +151,5 @@ const R = {
   }
 });
 export {
-  J as default
+  Q as default
 };