@ironsource/shared-ui 2.0.0-rc.0 → 2.0.0-rc.2

package/components/dialog/Dialog.vue.vue2.js

@@ -0,0 +1,177 @@
+import { defineComponent as A, useCssVars as S, ref as P, computed as g, watch as z, openBlock as s, createBlock as v, Teleport as F, createVNode as m, Transition as K, withCtx as i, unref as o, normalizeClass as T, createElementVNode as u, normalizeStyle as H, withKeys as U, renderSlot as h, createTextVNode as w, toDisplayString as p, createCommentVNode as n, createElementBlock as k } from "vue";
+import { UseFocusTrap as W } from "@vueuse/integrations/useFocusTrap/component";
+import { useTimeoutFn as I } from "@vueuse/core";
+import E from "../typography/Text.vue.vue.js";
+import { NOOP as N } from "@vue/shared";
+import { Reason as y } from "./Reason.vue.js";
+import { DialogTestIdModifiers as l } from "../../testids/index.vue.js";
+/* empty css                              */import x from "../icon/Icon.vue.vue.js";
+/* empty css                            */import L from "../button/v3/IconButton.vue.vue.js";
+/* empty css                                       */import "floating-vue";
+/* empty css                           *//* empty css                                  */const M = ["data-testid"], Y = ["data-testid"], j = ["data-testid"], q = ["data-testid"], G = { class: "placeholder" }, J = {
+  key: 1,
+  class: "footer"
+}, Q = ["data-testid"], X = ["data-testid"], me = /* @__PURE__ */ A({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: !0 },
+    content: { default: null },
+    width: { default: "" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    showBackdrop: { type: Boolean, default: !0 },
+    headerBorder: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    themeClass: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: c }) {
+    const d = e;
+    S((t) => ({
+      "0024f728": e.width
+    }));
+    const r = P(!1);
+    let C, B;
+    const D = (t) => {
+      r.value = !1, c("close", t), c("update:modelValue", !1);
+    }, O = () => {
+      r.value = !0, c("open");
+    }, b = (t) => {
+      if (C?.(), B?.(), d.closeDelay && d.closeDelay > 0) {
+        ({ stop: B } = I(
+          () => D(t),
+          d.closeDelay
+        ));
+        return;
+      }
+      D(t);
+    }, R = () => {
+      if (B?.(), C?.(), d.openDelay && d.openDelay > 0) {
+        ({ stop: C } = I(() => O(), d.openDelay));
+        return;
+      }
+      O();
+    }, V = g(() => d.width ? { width: d.width } : {});
+    z(
+      () => d.modelValue,
+      (t) => {
+        if (t) {
+          R();
+          return;
+        }
+        r.value && b(y.Other);
+      }
+    );
+    function $(t) {
+      function a(f) {
+        f || (c("close", t), r.value = !1);
+      }
+      if (d.beforeClose) {
+        d.beforeClose(a);
+        return;
+      }
+      b(t);
+    }
+    return (t, a) => (s(), v(F, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      m(K, null, {
+        default: i(() => [
+          r.value ? (s(), v(o(W), {
+            key: 0,
+            class: T(["container", e.themeClass])
+          }, {
+            default: i(() => [
+              u("div", {
+                class: "modal",
+                style: H(o(V)),
+                "data-testid": `${e.testId}-${o(l).WRAPPER}`,
+                onKeydown: a[1] || (a[1] = U((f) => e.escapeToClose ? $(o(y).Escape) : o(N)(), ["esc"]))
+              }, [
+                u("header", {
+                  class: T(["header", { "header--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${o(l).HEADER}`
+                }, [
+                  e.headerBorder ? h(t.$slots, "header", { key: 0 }, () => [
+                    m(E, { strong: "" }, {
+                      default: i(() => [
+                        w(p(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0) : n("", !0),
+                  e.showCloseButton ? (s(), v(o(L), {
+                    key: 1,
+                    class: "button close-button",
+                    size: "md",
+                    theme: "secondary",
+                    variant: "colorized",
+                    "icon-name": "close",
+                    "data-testid": `${e.testId}-${o(l).ACTION_CLOSE}`,
+                    onClick: a[0] || (a[0] = (f) => $(o(y).CloseButton))
+                  }, {
+                    default: i(() => [
+                      m(x, {
+                        "font-size": "md",
+                        name: "close"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data-testid"])) : n("", !0)
+                ], 10, Y),
+                e.headerBorder ? n("", !0) : (s(), k("div", {
+                  key: 0,
+                  class: "header--secondary",
+                  "data-testid": `${e.testId}-${o(l).HEADER_SECONDARY}`
+                }, [
+                  h(t.$slots, "header", {}, () => [
+                    m(E, { strong: "" }, {
+                      default: i(() => [
+                        w(p(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ], 8, j)),
+                u("div", {
+                  class: T(["content", { "content--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${o(l).CONTENT}`
+                }, [
+                  h(t.$slots, "default", {}, () => [
+                    u("div", G, p(e.content), 1)
+                  ], !0)
+                ], 10, q),
+                t.$slots.footer ? (s(), k("footer", J, [
+                  u("div", {
+                    class: "action-buttons",
+                    "data-testid": `${e.testId}-${o(l).ACTION_BUTTONS_WRAPPER}`
+                  }, [
+                    h(t.$slots, "footer", {}, void 0, !0)
+                  ], 8, Q)
+                ])) : n("", !0)
+              ], 44, M),
+              e.showBackdrop ? (s(), k("div", {
+                key: 0,
+                class: "backdrop",
+                "data-testid": `${e.testId}-${o(l).BACKDROP}`,
+                onClick: a[2] || (a[2] = (f) => e.closeOnClickOutside ? $(o(y).Backdrop) : o(N)())
+              }, null, 8, X)) : n("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : n("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  me as default
+};

package/components/dialog/Reason.vue.js

@@ -1,9 +1,4 @@
-var Reason = /* @__PURE__ */ ((Reason2) => {
-  Reason2[Reason2["Escape"] = 0] = "Escape";
-  Reason2[Reason2["Backdrop"] = 1] = "Backdrop";
-  Reason2[Reason2["CloseButton"] = 2] = "CloseButton";
-  Reason2[Reason2["Other"] = 3] = "Other";
-  return Reason2;
-})(Reason || {});
-
-export { Reason };
+var t = /* @__PURE__ */ ((r) => (r[r.Escape = 0] = "Escape", r[r.Backdrop = 1] = "Backdrop", r[r.CloseButton = 2] = "CloseButton", r[r.Other = 3] = "Other", r))(t || {});
+export {
+  t as Reason
+};

package/components/dialog/index.d.ts

@@ -1,179 +1,365 @@
-declare const DialogTypes: () => import("vue").DefineComponent<{
+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("./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("./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("./Reason").Reason) => any;
+            onOpen?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: (reason: import("./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("./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;
     };
-    testId: {
+    themeClass: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    content: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
     width: {
         type: import("vue").PropType<string | number>;
-    } & {
-        default: string;
-    };
-    appendToBody: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    openDelay: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    headerBorder: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    showBackdrop: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    closeDelay: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    closeOnClickOutside: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    showCloseButton: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    escapeToClose: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    beforeClose: {
-        type: import("vue").PropType<(show: () => void) => void>;
-    } & {
-        default: any;
-    };
-    themeClass: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
-} & {
-    open: () => void;
-} & {
-    close: (reason: import("./Reason").Reason) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
     content: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    } & {
-        default: string;
+    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;
     };
-    headerBorder: {
+    escapeToClose: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     showBackdrop: {
         type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    closeDelay: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    closeOnClickOutside: {
-        type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
-    showCloseButton: {
+    headerBorder: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
-    escapeToClose: {
+    closeOnClickOutside: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     beforeClose: {
         type: import("vue").PropType<(show: () => void) => void>;
-    } & {
         default: any;
     };
-    themeClass: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
+    showCloseButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("./Reason").Reason) => any;
     onOpen?: () => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: (reason: import("./Reason").Reason) => void;
+}, string, {
     title: string;
+    themeClass: string;
+    width: string | number;
     testId: string;
     content: string;
-    width: string | number;
     appendToBody: boolean;
+    closeDelay: number;
     openDelay: number;
-    headerBorder: boolean;
+    escapeToClose: boolean;
     showBackdrop: boolean;
-    closeDelay: number;
+    headerBorder: boolean;
     closeOnClickOutside: boolean;
-    showCloseButton: boolean;
-    escapeToClose: boolean;
     beforeClose: (show: () => void) => void;
-    themeClass: string;
-}>[];
+    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 './Reason';

package/components/dialog/index.vue.js

@@ -1,6 +1,6 @@
-import Dialog from './Dialog.vue.js';
-export { default as Dialog } from './Dialog.vue.js';
-
-const DialogTypes = () => [Dialog];
-
-export { DialogTypes };
+import o from "./Dialog.vue.vue.js";
+const p = () => [o];
+export {
+  o as Dialog,
+  p as DialogTypes
+};