@ironsource/shared-ui 2.1.12-rc.30 → 2.1.12-rc.31

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

@@ -8,15 +8,15 @@ declare const DialogTypes: () => ({
             testId: string;
             width: string | number;
             content: string;
+            showCloseButton: boolean;
             appendToBody: boolean;
+            showBackdrop: boolean;
             closeDelay: number;
             openDelay: number;
             escapeToClose: boolean;
-            showBackdrop: boolean;
-            headerBorder: boolean;
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
-            showCloseButton: boolean;
+            headerBorder: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -42,10 +42,18 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
+            showCloseButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             appendToBody: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             closeDelay: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -58,14 +66,6 @@ declare const DialogTypes: () => ({
                 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;
@@ -74,7 +74,7 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<(show: () => void) => void>;
                 default: any;
             };
-            showCloseButton: {
+            headerBorder: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -82,7 +82,7 @@ declare const DialogTypes: () => ({
             "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" | "testId" | "width" | "content" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "headerBorder" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "themeClass" | "testId" | "width" | "content" | "showCloseButton" | "appendToBody" | "showBackdrop" | "closeDelay" | "openDelay" | "escapeToClose" | "closeOnClickOutside" | "beforeClose" | "headerBorder">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -121,10 +121,18 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
+            showCloseButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             appendToBody: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             closeDelay: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -137,14 +145,6 @@ declare const DialogTypes: () => ({
                 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;
@@ -153,7 +153,7 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<(show: () => void) => void>;
                 default: any;
             };
-            showCloseButton: {
+            headerBorder: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -171,15 +171,15 @@ declare const DialogTypes: () => ({
             testId: string;
             width: string | number;
             content: string;
+            showCloseButton: boolean;
             appendToBody: boolean;
+            showBackdrop: boolean;
             closeDelay: number;
             openDelay: number;
             escapeToClose: boolean;
-            showBackdrop: boolean;
-            headerBorder: boolean;
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
-            showCloseButton: boolean;
+            headerBorder: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -225,10 +225,18 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             required: true;
         };
+        showCloseButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showBackdrop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         closeDelay: {
             type: import("vue").PropType<number>;
             default: number;
@@ -241,14 +249,6 @@ declare const DialogTypes: () => ({
             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;
@@ -257,7 +257,7 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<(show: () => void) => void>;
             default: any;
         };
-        showCloseButton: {
+        headerBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
@@ -294,10 +294,18 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    showCloseButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     closeDelay: {
         type: import("vue").PropType<number>;
         default: number;
@@ -310,14 +318,6 @@ declare const DialogTypes: () => ({
         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;
@@ -326,7 +326,7 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<(show: () => void) => void>;
         default: any;
     };
-    showCloseButton: {
+    headerBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -344,15 +344,15 @@ declare const DialogTypes: () => ({
     testId: string;
     width: string | number;
     content: string;
+    showCloseButton: boolean;
     appendToBody: boolean;
+    showBackdrop: boolean;
     closeDelay: number;
     openDelay: number;
     escapeToClose: boolean;
-    showBackdrop: boolean;
-    headerBorder: boolean;
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
-    showCloseButton: boolean;
+    headerBorder: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

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

@@ -0,0 +1,78 @@
+import { ButtonColor } from '@/components/button/common/consts';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
+    saveButtonLabel?: string;
+    saveButtonLoading?: boolean;
+    saveButtonColor?: ButtonColor;
+    cancelButtonLabel?: string;
+    cancelButtonColor?: string;
+    testId: string;
+}>, {
+    showCancelButton: boolean;
+    showSaveButton: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: string;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => void;
+    cancel: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
+    saveButtonLabel?: string;
+    saveButtonLoading?: boolean;
+    saveButtonColor?: ButtonColor;
+    cancelButtonLabel?: string;
+    cancelButtonColor?: string;
+    testId: string;
+}>, {
+    showCancelButton: boolean;
+    showSaveButton: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: string;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
+    testId: string;
+}>>> & {
+    onCancel?: () => any;
+    onSave?: () => any;
+}, {
+    testId: string;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: ButtonColor;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
+}>, {
+    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/DialogFooter.vue.js

@@ -0,0 +1,7 @@
+import o from "./DialogFooter.vue2.js";
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8b7f64fe"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,60 @@
+ import "../../../DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css"; import { defineComponent as C, openBlock as l, createElementBlock as T, createElementVNode as g, mergeProps as r, unref as e, renderSlot as L, createBlock as u, withCtx as c, createTextVNode as d, toDisplayString as i, createCommentVNode as f } from "vue";
+import B from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import { DialogTestIdModifiers as a } from "../../../testids/index.js";
+import { useTestIdAttrs as N } from "../../../utils/testIds.js";
+const b = { class: "footer" }, O = /* @__PURE__ */ C({
+  __name: "DialogFooter",
+  props: {
+    showCancelButton: { type: Boolean, default: !0 },
+    showSaveButton: { type: Boolean, default: !0 },
+    saveButtonLabel: { default: "Save" },
+    saveButtonLoading: { type: Boolean, default: !1 },
+    saveButtonColor: { default: "primary" },
+    cancelButtonLabel: { default: "Cancel" },
+    cancelButtonColor: { default: "default" },
+    testId: { default: "" }
+  },
+  emits: ["save", "cancel"],
+  setup(t, { emit: s }) {
+    const n = N(t.testId, a);
+    return (m, o) => (l(), T("footer", b, [
+      g("div", r({ class: "action-buttons" }, e(n)[e(a).ACTION_BUTTONS_WRAPPER]), [
+        L(m.$slots, "footer", {}, () => [
+          t.showCancelButton ? (l(), u(e(B), r({
+            key: 0,
+            class: "form-action",
+            variant: "outlined",
+            color: t.cancelButtonColor,
+            disabled: t.saveButtonLoading
+          }, e(n)[e(a).CANCEL_BUTTON], {
+            onClick: o[0] || (o[0] = (v) => s("cancel"))
+          }), {
+            default: c(() => [
+              d(i(t.cancelButtonLabel), 1)
+            ]),
+            _: 1
+          }, 16, ["color", "disabled"])) : f("", !0),
+          t.showSaveButton ? (l(), u(e(B), r({
+            key: 1,
+            class: "form-action",
+            loading: t.saveButtonLoading,
+            color: t.saveButtonColor
+          }, e(n)[e(a).SAVE_BUTTON], {
+            onClick: o[1] || (o[1] = (v) => s("save"))
+          }), {
+            default: c(() => [
+              d(i(t.saveButtonLabel), 1)
+            ]),
+            _: 1
+          }, 16, ["loading", "color"])) : f("", !0)
+        ], !0)
+      ], 16)
+    ]));
+  }
+});
+export {
+  O as default
+};

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

@@ -0,0 +1,60 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    subtitle?: string;
+    showCloseButton?: boolean;
+    disableCloseButton?: boolean;
+    testId?: string;
+}>, {
+    title: string;
+    subtitle: string;
+    showCloseButton: boolean;
+    disableCloseButton: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    subtitle?: string;
+    showCloseButton?: boolean;
+    disableCloseButton?: boolean;
+    testId?: string;
+}>, {
+    title: string;
+    subtitle: string;
+    showCloseButton: boolean;
+    disableCloseButton: boolean;
+    testId: string;
+}>>> & {
+    onClose?: () => any;
+}, {
+    title: string;
+    testId: string;
+    subtitle: string;
+    showCloseButton: boolean;
+    disableCloseButton: boolean;
+}>, {
+    header?(_: {}): 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/DialogHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./DialogHeader.vue2.js";
+/* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9a814ec3"]]);
+export {
+  t as default
+};

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

@@ -0,0 +1,58 @@
+ import "../../../DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css"; import { defineComponent as b, openBlock as o, createElementBlock as B, mergeProps as n, unref as t, createElementVNode as C, renderSlot as y, createBlock as l, withCtx as d, createTextVNode as u, toDisplayString as m, createCommentVNode as s } from "vue";
+import "../../button/v4/ButtonV4.vue.js";
+import h from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import c from "../../typography/v4/Typography.vue.js";
+import { useTestIdAttrs as k } from "../../../utils/testIds.js";
+import { DialogTestIdModifiers as r } from "../../../testids/index.js";
+const I = { class: "title" }, V = /* @__PURE__ */ b({
+  __name: "DialogHeader",
+  props: {
+    title: { default: "" },
+    subtitle: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    disableCloseButton: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["close"],
+  setup(e, { emit: f }) {
+    const a = k(e.testId, r);
+    return (p, i) => (o(), B("header", n({ class: "header" }, t(a)[t(r).HEADER]), [
+      C("div", I, [
+        y(p.$slots, "header", {}, () => [
+          e.title ? (o(), l(t(c), {
+            key: 0,
+            variant: "h3"
+          }, {
+            default: d(() => [
+              u(m(e.title), 1)
+            ]),
+            _: 1
+          })) : s("", !0),
+          e.subtitle ? (o(), l(t(c), {
+            key: 1,
+            class: "subtitle",
+            variant: "body1"
+          }, {
+            default: d(() => [
+              u(m(e.subtitle), 1)
+            ]),
+            _: 1
+          })) : s("", !0)
+        ], !0)
+      ]),
+      e.showCloseButton ? (o(), l(t(h), n({
+        key: 0,
+        class: "close-button",
+        "icon-name": "x",
+        disabled: e.disableCloseButton
+      }, t(a)[t(r).ACTION_CLOSE], {
+        onClick: i[0] || (i[0] = (E) => f("close"))
+      }), null, 16, ["disabled"])) : s("", !0)
+    ], 16));
+  }
+});
+export {
+  V as default
+};

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

@@ -104,30 +104,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
     onCancel?: () => any;
-    onOpen?: () => any;
     onSave?: () => any;
+    onOpen?: () => any;
 }, {
     title: string;
     testId: string;
     size: "small" | "medium" | "extraSmall";
     content: string;
     subtitle: string;
-    appendToBody: boolean;
-    closeDelay: number;
-    openDelay: number;
-    escapeToClose: boolean;
-    showBackdrop: boolean;
-    closeOnClickOutside: boolean;
-    beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
     showCancelButton: boolean;
     showSaveButton: boolean;
-    showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: ButtonColor;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    appendToBody: boolean;
+    showBackdrop: boolean;
+    closeDelay: number;
+    openDelay: number;
+    escapeToClose: boolean;
+    closeOnClickOutside: boolean;
+    beforeClose: (show: () => void) => void;
+    showFooter: boolean;
     noPadding: boolean;
 }>, {
     header?(_: {}): any;

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

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
 /* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eb226e31"]]);
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cc99f1e3"]]);
 export {
-  p as default
+  t as default
 };