@ironsource/shared-ui 2.1.6-rc.42 → 2.1.6-rc.44

package/components/forms/FormCard.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     saveLabel?: string;
     cancelLabel?: string;
     saveLoading?: boolean;
+    saveDisabled?: boolean;
     testId?: string;
     isLoading?: boolean;
 }>, {
@@ -14,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelLabel: string;
     saveLabel: string;
     saveLoading: boolean;
+    saveDisabled: boolean;
     testId: string;
     isLoading: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -26,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     saveLabel?: string;
     cancelLabel?: string;
     saveLoading?: boolean;
+    saveDisabled?: boolean;
     testId?: string;
     isLoading?: boolean;
 }>, {
@@ -35,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelLabel: string;
     saveLabel: string;
     saveLoading: boolean;
+    saveDisabled: boolean;
     testId: string;
     isLoading: boolean;
 }>>> & {
@@ -49,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     saveLabel: string;
     cancelLabel: string;
     saveLoading: boolean;
+    saveDisabled: boolean;
 }>, {
     header?(_: {}): any;
     default?(_: {}): any;

package/components/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-52ade67c"]]);
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c7965a69"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,14 +1,14 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
-import N from "../typography/v4/Typography.vue.js";
-import y from "../button/v4/ButtonV4.vue.js";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
+import b from "../typography/v4/Typography.vue.js";
+import k from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";
 import { FormCardTestIdModifiers as o } from "../../testids/index.js";
-import { useTestIdAttrs as b } from "../../utils/testIds.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import i from "../skeleton/v4/SkeletonV4.vue.js";
 const h = { class: "form-card" }, p = {
   key: 1,
   class: "content-skeleton-container"
-}, z = /* @__PURE__ */ T({
+}, P = /* @__PURE__ */ B({
   __name: "FormCard",
   props: {
     title: { default: "" },
@@ -17,22 +17,23 @@ const h = { class: "form-card" }, p = {
     saveLabel: { default: "Save" },
     cancelLabel: { default: "Cancel" },
     saveLoading: { type: Boolean, default: !1 },
+    saveDisabled: { type: Boolean, default: !1 },
     testId: { default: "" },
     isLoading: { type: Boolean, default: !1 }
   },
   emits: ["save", "cancel"],
-  setup(t, { emit: k }) {
-    const n = b(t.testId, o);
+  setup(t, { emit: y }) {
+    const l = N(t.testId, o);
     return (r, s) => (d(), c("div", null, [
       f("div", h, [
-        f("header", l({ class: "card-header" }, e(n)[e(o).TITLE]), [
-          t.isLoading ? (d(), B(e(i), {
+        f("header", n({ class: "card-header" }, e(l)[e(o).TITLE]), [
+          t.isLoading ? (d(), T(e(i), {
             key: 1,
             type: "rectangle",
             size: 20,
             class: "skeleton-header"
           })) : u(r.$slots, "header", { key: 0 }, () => [
-            a(e(N), { variant: "h3" }, {
+            a(e(b), { variant: "h3" }, {
               default: m(() => [
                 g(v(t.title), 1)
               ]),
@@ -40,9 +41,9 @@ const h = { class: "form-card" }, p = {
             })
           ], !0)
         ], 16),
-        f("div", l({
+        f("div", n({
           class: ["card-content", { "card-content--no-padding": t.noPadding }]
-        }, e(n)[e(o).CONTENT]), [
+        }, e(l)[e(o).CONTENT]), [
           t.isLoading ? (d(), c("div", p, [
             a(e(i), {
               type: "rectangle",
@@ -60,30 +61,30 @@ const h = { class: "form-card" }, p = {
           ])) : u(r.$slots, "default", { key: 0 }, void 0, !0)
         ], 16)
       ]),
-      t.actionButtons ? (d(), c("div", l({
+      t.actionButtons ? (d(), c("div", n({
         key: 0,
         class: "form-actions"
-      }, e(n)[e(o).ACTIONS]), [
+      }, e(l)[e(o).ACTIONS]), [
         u(r.$slots, "footer", {}, () => [
-          a(e(y), l({
+          a(e(k), n({
             class: "form-action",
             variant: "outlined",
             color: "default"
-          }, e(n)[e(o).CANCEL_BUTTON], {
+          }, e(l)[e(o).CANCEL_BUTTON], {
             disabled: t.isLoading || t.saveLoading,
-            onClick: s[0] || (s[0] = (L) => k("cancel"))
+            onClick: s[0] || (s[0] = (L) => y("cancel"))
           }), {
             default: m(() => [
               g(v(t.cancelLabel), 1)
             ]),
             _: 1
           }, 16, ["disabled"]),
-          a(e(y), l({
+          a(e(k), n({
             class: "form-action",
             loading: t.saveLoading
-          }, e(n)[e(o).SAVE_BUTTON], {
-            disabled: t.isLoading,
-            onClick: s[1] || (s[1] = (L) => k("save"))
+          }, e(l)[e(o).SAVE_BUTTON], {
+            disabled: t.saveDisabled || t.isLoading,
+            onClick: s[1] || (s[1] = (L) => y("save"))
           }), {
             default: m(() => [
               g(v(t.saveLabel), 1)
@@ -96,5 +97,5 @@ const h = { class: "form-card" }, p = {
   }
 });
 export {
-  z as default
+  P as default
 };

package/components/forms/index.d.ts

@@ -163,6 +163,7 @@ declare const FormCardTypes: () => (({
             saveLabel: string;
             cancelLabel: string;
             saveLoading: boolean;
+            saveDisabled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -196,10 +197,14 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            saveDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCancel?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "isLoading" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "isLoading" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading" | "saveDisabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -246,6 +251,10 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            saveDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCancel?: () => any;
             onSave?: () => any;
@@ -261,6 +270,7 @@ declare const FormCardTypes: () => (({
             saveLabel: string;
             cancelLabel: string;
             saveLoading: boolean;
+            saveDisabled: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -314,6 +324,10 @@ declare const FormCardTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        saveDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCancel?: () => any;
         onSave?: () => any;
@@ -354,6 +368,10 @@ declare const FormCardTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    saveDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onCancel?: () => any;
     onSave?: () => any;
@@ -369,6 +387,7 @@ declare const FormCardTypes: () => (({
     saveLabel: string;
     cancelLabel: string;
     saveLoading: boolean;
+    saveDisabled: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;