@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.51

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

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

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

@@ -17,12 +17,15 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -80,6 +83,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -104,13 +115,17 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -181,6 +196,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -205,6 +228,10 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
@@ -231,12 +258,15 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -314,6 +344,14 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showCancelButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSaveButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showFooter: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -338,6 +376,10 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: import("../v3").Reason) => any;
@@ -405,6 +447,14 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showCancelButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showSaveButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showFooter: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -429,6 +479,10 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("../v3").Reason) => any;
@@ -455,12 +509,15 @@ declare const DialogTypes: () => ({
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;