@ironsource/shared-ui 2.1.1-rc.2 → 2.1.1-rc.3

package/components/layout/index.d.ts

@@ -1,286 +1,5 @@
-import FormCard from './FormCard.vue';
-import CardPanel from './CardPanel.vue';
 import FoldableSection from './FoldableSection.vue';
-import FormRow from './FormRow.vue';
-declare const FormCardTypes: () => (({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            title: string;
-            testId: string;
-            actionButtons: boolean;
-            noPadding: boolean;
-            saveLabel: string;
-            cancelLabel: string;
-            saveLoading: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            actionButtons: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noPadding: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            saveLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            cancelLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            saveLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onCancel?: () => any;
-            onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading">;
-        $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: "cancel") => void) & ((event: "save") => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            actionButtons: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noPadding: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            saveLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            cancelLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            saveLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onCancel?: () => any;
-            onSave?: () => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            save: () => void;
-            cancel: () => void;
-        }, string, {
-            title: string;
-            testId: string;
-            actionButtons: boolean;
-            noPadding: boolean;
-            saveLabel: string;
-            cancelLabel: string;
-            saveLoading: 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;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        actionButtons: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        noPadding: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        saveLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        cancelLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        saveLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        onCancel?: () => any;
-        onSave?: () => 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: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    actionButtons: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    noPadding: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    saveLabel: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    cancelLabel: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    saveLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    onCancel?: () => any;
-    onSave?: () => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: () => void;
-    cancel: () => void;
-}, string, {
-    title: string;
-    testId: string;
-    actionButtons: boolean;
-    noPadding: boolean;
-    saveLabel: string;
-    cancelLabel: string;
-    saveLoading: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        header?(_: {}): any;
-        default?(_: {}): any;
-        footer?(_: {}): any;
-    };
-})) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            noPadding: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            noPadding: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "noPadding">;
-        $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: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            noPadding: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            noPadding: 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<{
-        noPadding: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    noPadding: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    noPadding: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-})) | ({
+declare const FoldableSectionTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -402,119 +121,5 @@ declare const FormCardTypes: () => (({
     $slots: {
         default?(_: {}): any;
     };
-})) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            mandatory: boolean;
-            testId: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
-        $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: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            label: string;
-            mandatory: boolean;
-            testId: string;
-        }, {}, 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<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    label: string;
-    mandatory: boolean;
-    testId: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-})))[];
-export { FormRow, FormCard, CardPanel, FoldableSection, FormCardTypes };
+}))[];
+export { FoldableSection, FoldableSectionTypes };

package/components/layout/index.js

@@ -1,12 +1,6 @@
-import o from "./FormCard.vue.js";
-import r from "./CardPanel.vue.js";
-import m from "./FoldableSection.vue.js";
-import t from "./FormRow.vue.js";
-const d = () => [o, r, m, t];
+import o from "./FoldableSection.vue.js";
+const t = () => [o];
 export {
-  r as CardPanel,
-  m as FoldableSection,
-  o as FormCard,
-  d as FormCardTypes,
-  t as FormRow
+  o as FoldableSection,
+  t as FoldableSectionTypes
 };

package/composables/useFormValidation.d.ts

@@ -7,7 +7,7 @@ export type ValidationStateType<T> = {
 };
 export type FormValidationSchemaYupType<T> = Record<keyof T, yup.AnySchema<any, any, any, any>>;
 export type UseFormValidationType<T> = {
-    formState: T;
+    formState: Ref<T>;
     formValidationSchema: FormValidationSchemaYupType<T>;
 };
 export type UseFormValidationReponseType<T> = {
@@ -17,5 +17,5 @@ export type UseFormValidationReponseType<T> = {
 };
 export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
 export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;
-export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: T) => ValidationStateType<T>;
+export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: Ref<T>) => ValidationStateType<T>;
 export declare const useFormValidation: <T extends object>({ formState, formValidationSchema, }: UseFormValidationType<T>) => UseFormValidationReponseType<T>;

package/composables/useFormValidation.js

@@ -1,5 +1,5 @@
-import * as u from "yup";
-import { ref as d, reactive as f, watch as v } from "vue";
+import * as m from "yup";
+import { ref as u, reactive as f, watch as v } from "vue";
 const E = (e, r = 0) => {
   try {
     window.document.getElementsByClassName(e)[r].scrollIntoView({ behavior: "smooth" });
@@ -10,25 +10,25 @@ const E = (e, r = 0) => {
   const r = Object.keys(e)?.[0];
   r && E(`form-field-${r}`);
 }, y = (e, r) => {
-  const o = u.object().shape(e);
+  const o = m.object().shape(e);
   try {
-    return o.validateSync(r, { abortEarly: !1 }), { isValid: !0, errors: {} };
+    return o.validateSync(r.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
   } catch (i) {
-    return { isValid: !1, errors: i.inner.reduce((s, n) => (s[n.path] = n.message, s), {}) };
+    return { isValid: !1, errors: i.inner.reduce((s, l) => (s[l.path] = l.message, s), {}) };
   }
 }, b = ({
   formState: e,
   formValidationSchema: r
 }) => {
-  const o = d(!1), i = d(!0), t = f({}), s = (n) => {
-    const { isValid: l, errors: c } = y(r, e);
-    o.value = !0, i.value = l, Object.keys(t).forEach((a) => {
+  const o = u(!1), i = u(!0), t = f({}), s = (l) => {
+    const { isValid: n, errors: c } = y(r, e);
+    o.value = !0, i.value = n, Object.keys(t).forEach((a) => {
       a && !c[a] && delete t[a];
-    }), Object.entries(c).forEach(([a, m]) => {
-      t[a] = m;
-    }), !l && !n && h(t);
+    }), Object.entries(c).forEach(([a, d]) => {
+      t[a] = d;
+    }), !n && !l && h(t);
   };
-  return v(e, () => {
+  return v(e.value, () => {
     o.value && s(!0);
   }), {
     validationErrors: t,