@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

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

@@ -0,0 +1,365 @@
+declare const DialogTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            themeClass: string;
+            width: string | number;
+            testId: string;
+            content: string;
+            appendToBody: boolean;
+            closeDelay: number;
+            openDelay: number;
+            escapeToClose: boolean;
+            showBackdrop: boolean;
+            headerBorder: boolean;
+            closeOnClickOutside: boolean;
+            beforeClose: (show: () => void) => void;
+            showCloseButton: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            themeClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            width: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            appendToBody: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            openDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            escapeToClose: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            headerBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            beforeClose: {
+                type: import("vue").PropType<(show: () => void) => void>;
+                default: any;
+            };
+            showCloseButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../common/Reason").Reason) => any;
+            onOpen?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "themeClass" | "width" | "testId" | "content" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "headerBorder" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
+        $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: "close", reason: import("../common/Reason").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            themeClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            width: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            appendToBody: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            openDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            escapeToClose: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            headerBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            beforeClose: {
+                type: import("vue").PropType<(show: () => void) => void>;
+                default: any;
+            };
+            showCloseButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../common/Reason").Reason) => any;
+            onOpen?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: (reason: import("../common/Reason").Reason) => void;
+        }, string, {
+            title: string;
+            themeClass: string;
+            width: string | number;
+            testId: string;
+            content: string;
+            appendToBody: boolean;
+            closeDelay: number;
+            openDelay: number;
+            escapeToClose: boolean;
+            showBackdrop: boolean;
+            headerBorder: boolean;
+            closeOnClickOutside: boolean;
+            beforeClose: (show: () => void) => void;
+            showCloseButton: 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<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        themeClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        appendToBody: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeDelay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        openDelay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        escapeToClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showBackdrop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        headerBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        beforeClose: {
+            type: import("vue").PropType<(show: () => void) => void>;
+            default: any;
+        };
+        showCloseButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: import("../common/Reason").Reason) => any;
+        onOpen?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    themeClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    openDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    escapeToClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    headerBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeOnClickOutside: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    beforeClose: {
+        type: import("vue").PropType<(show: () => void) => void>;
+        default: any;
+    };
+    showCloseButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onClose?: (reason: import("../common/Reason").Reason) => any;
+    onOpen?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: (reason: import("../common/Reason").Reason) => void;
+}, string, {
+    title: string;
+    themeClass: string;
+    width: string | number;
+    testId: string;
+    content: string;
+    appendToBody: boolean;
+    closeDelay: number;
+    openDelay: number;
+    escapeToClose: boolean;
+    showBackdrop: boolean;
+    headerBorder: boolean;
+    closeOnClickOutside: boolean;
+    beforeClose: (show: () => void) => void;
+    showCloseButton: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}))[];
+export { default as Dialog } from './Dialog.vue';
+export { DialogTypes };
+export * from '../common/Reason';

package/components/dialog/v3/index.js

@@ -0,0 +1,8 @@
+import o from "./Dialog.vue.js";
+import { Reason as a } from "../common/Reason.js";
+const e = () => [o];
+export {
+  o as Dialog,
+  e as DialogTypes,
+  a as Reason
+};

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -0,0 +1,143 @@
+import { Reason } from '@/components/dialog/common/Reason';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    content?: string;
+    title?: string;
+    subtitle?: string;
+    appendToBody?: boolean;
+    size?: "small" | "medium" | "extraSmall";
+    showBackdrop?: boolean;
+    closeDelay?: number;
+    openDelay?: number;
+    escapeToClose?: boolean;
+    closeOnClickOutside?: boolean;
+    beforeClose?: (show: () => void) => void;
+    showCloseButton?: boolean;
+    showFooter?: boolean;
+    saveButtonLabel?: string;
+    saveButtonLoading?: boolean;
+    saveButtonColor?: string;
+    cancelButtonLabel?: string;
+    cancelButtonColor?: string;
+    testId?: string;
+}>, {
+    content: any;
+    title: string;
+    subtitle: string;
+    size: string;
+    appendToBody: boolean;
+    showBackdrop: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    escapeToClose: boolean;
+    beforeClose: any;
+    showFooter: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: string;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: (reason: Reason) => void;
+    save: () => void;
+    cancel: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    content?: string;
+    title?: string;
+    subtitle?: string;
+    appendToBody?: boolean;
+    size?: "small" | "medium" | "extraSmall";
+    showBackdrop?: boolean;
+    closeDelay?: number;
+    openDelay?: number;
+    escapeToClose?: boolean;
+    closeOnClickOutside?: boolean;
+    beforeClose?: (show: () => void) => void;
+    showCloseButton?: boolean;
+    showFooter?: boolean;
+    saveButtonLabel?: string;
+    saveButtonLoading?: boolean;
+    saveButtonColor?: string;
+    cancelButtonLabel?: string;
+    cancelButtonColor?: string;
+    testId?: string;
+}>, {
+    content: any;
+    title: string;
+    subtitle: string;
+    size: string;
+    appendToBody: boolean;
+    showBackdrop: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    escapeToClose: boolean;
+    beforeClose: any;
+    showFooter: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: string;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onCancel?: () => any;
+    onClose?: (reason: Reason) => any;
+    onOpen?: () => any;
+    onSave?: () => any;
+}, {
+    title: string;
+    size: "small" | "medium" | "extraSmall";
+    testId: string;
+    content: string;
+    subtitle: string;
+    appendToBody: boolean;
+    closeDelay: number;
+    openDelay: number;
+    escapeToClose: boolean;
+    showBackdrop: boolean;
+    closeOnClickOutside: boolean;
+    beforeClose: (show: () => void) => void;
+    showCloseButton: boolean;
+    showFooter: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: string;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
+}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): 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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +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_7422cf08_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7422cf08"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,150 @@
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_7422cf08_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 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 { 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 = {
+  key: 0,
+  class: "container light-theme-v4"
+}, S = { class: "title" }, F = {
+  key: 1,
+  class: "footer"
+}, J = /* @__PURE__ */ A({
+  __name: "DialogV4",
+  props: {
+    modelValue: { type: Boolean },
+    content: { default: null },
+    title: { default: "" },
+    subtitle: { default: "" },
+    appendToBody: { type: Boolean, default: !0 },
+    size: { default: "small" },
+    showBackdrop: { type: Boolean, default: !0 },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !0 },
+    beforeClose: { type: Function, default: null },
+    showCloseButton: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: !0 },
+    saveButtonLabel: { default: "Save" },
+    saveButtonLoading: { type: Boolean, default: !1 },
+    saveButtonColor: { default: "primary" },
+    cancelButtonLabel: { default: "Cancel" },
+    cancelButtonColor: { default: "default" },
+    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, {
+      to: "body",
+      disabled: !t.appendToBody
+    }, [
+      T(p, null, {
+        default: d(() => [
+          e(h) ? (o(), f("div", R, [
+            m("div", s({
+              class: ["dialog", [`dialog--${t.size}`]]
+            }, e(a)[e(l).WRAPPER]), [
+              t.title || t.subtitle || t.showCloseButton ? (o(), f("header", s({
+                key: 0,
+                class: "header"
+              }, e(a)[e(l).HEADER]), [
+                m("div", S, [
+                  b(v.$slots, "header", {}, () => [
+                    t.title ? (o(), i(e(g), {
+                      key: 0,
+                      variant: "h3"
+                    }, {
+                      default: d(() => [
+                        r(c(t.title), 1)
+                      ]),
+                      _: 1
+                    })) : u("", !0),
+                    t.subtitle ? (o(), i(e(g), {
+                      key: 1,
+                      class: "subtitle",
+                      variant: "body1"
+                    }, {
+                      default: d(() => [
+                        r(c(t.subtitle), 1)
+                      ]),
+                      _: 1
+                    })) : u("", !0)
+                  ], !0)
+                ]),
+                t.showCloseButton ? (o(), i(e(L), s({
+                  key: 0,
+                  class: "close-button",
+                  "icon-name": "x"
+                }, 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), {
+                    key: 0,
+                    variant: "body1"
+                  }, {
+                    default: d(() => [
+                      r(c(t.content), 1)
+                    ]),
+                    _: 1
+                  })) : u("", !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({
+                      class: "form-action",
+                      variant: "outlined",
+                      color: t.cancelButtonColor
+                    }, e(a)[e(l).CANCEL_BUTTON], {
+                      onClick: n[1] || (n[1] = (k) => B("cancel"))
+                    }), {
+                      default: d(() => [
+                        r(c(t.cancelButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["color"]),
+                    T(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"))
+                    }), {
+                      default: d(() => [
+                        r(c(t.saveButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["loading", "color"])
+                  ], !0)
+                ], 16)
+              ])) : u("", !0)
+            ], 16),
+            t.showBackdrop ? (o(), f("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)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  J as default
+};