@ironsource/shared-ui 2.1.0-rc.1 → 2.1.0-rc.2

package/components/layout/index.d.ts

@@ -7,13 +7,46 @@ declare const FormCardTypes: () => (({
         $: 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;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "noPadding">;
+            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;
         };
@@ -25,15 +58,51 @@ declare const FormCardTypes: () => (({
         }>;
         $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;
+        $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;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            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)[];
@@ -55,49 +124,102 @@ declare const FormCardTypes: () => (({
         $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;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        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;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    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<{
-            title: string;
-            open: boolean;
-            testId: string;
+            noPadding: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            open: {
+            noPadding: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>> & {
-            "onUpdate:open"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "open" | "testId">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "noPadding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -109,29 +231,15 @@ declare const FormCardTypes: () => (({
         }>;
         $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: "update:open", value: boolean) => void;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            open: {
+            noPadding: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>> & {
-            "onUpdate:open"?: (value: boolean) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:open": (value: boolean) => void;
-        }, string, {
-            title: string;
-            open: boolean;
-            testId: string;
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            noPadding: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -153,45 +261,21 @@ declare const FormCardTypes: () => (({
         $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;
-        };
-        open: {
+        noPadding: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:open"?: (value: boolean) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & 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;
-    };
-    open: {
+    noPadding: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
-    "onUpdate:open"?: (value: boolean) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => void;
-}, string, {
-    title: string;
-    open: boolean;
-    testId: string;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    noPadding: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -202,45 +286,24 @@ declare const FormCardTypes: () => (({
         $data: {};
         $props: Partial<{
             title: string;
+            open: boolean;
             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: {
+            open: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            saveLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            cancelLabel: {
+            testId: {
                 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">;
+            "onUpdate:open"?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "open" | "testId">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -252,51 +315,29 @@ declare const FormCardTypes: () => (({
         }>;
         $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);
+        $emit: (event: "update:open", value: boolean) => 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: {
+            open: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            saveLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            cancelLabel: {
+            testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            saveLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
-            onCancel?: () => any;
-            onSave?: () => any;
+            "onUpdate:open"?: (value: boolean) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            save: () => void;
-            cancel: () => void;
+            "update:open": (value: boolean) => void;
         }, string, {
             title: string;
+            open: boolean;
             testId: string;
-            actionButtons: boolean;
-            noPadding: boolean;
-            saveLabel: string;
-            cancelLabel: string;
-            saveLoading: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -322,33 +363,16 @@ declare const FormCardTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        actionButtons: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        noPadding: {
+        open: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        saveLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        cancelLabel: {
+        testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        saveLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
-        onCancel?: () => any;
-        onSave?: () => any;
+        "onUpdate:open"?: (value: boolean) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -358,49 +382,25 @@ declare const FormCardTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    actionButtons: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    noPadding: {
+    open: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    saveLabel: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    cancelLabel: {
+    testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    saveLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
 }>> & {
-    onCancel?: () => any;
-    onSave?: () => any;
+    "onUpdate:open"?: (value: boolean) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: () => void;
-    cancel: () => void;
+    "update:open": (value: boolean) => void;
 }, string, {
     title: string;
+    open: boolean;
     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[]): {

package/index.d.ts

@@ -7074,6 +7074,9 @@ declare const _default: {
         'drag-indicator': {
             fileName: string;
         };
+        duplicate: {
+            fileName: string;
+        };
         ecpi: {
             fileName: string;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.0-rc.1",
+  "version": "2.1.0-rc.2",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/src/components/forms/FormField.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormField.vue2.js";
 /* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../FormField.vue_vue_type_style_index_0_scoped_a6ff18af_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a6ff18af"]]);
+console.log('scoped// import "../../FormField.vue_vue_type_style_index_0_scoped_00052aa6_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-00052aa6"]]);
 export {
-  t as default
+  a as default
 };

package/src/components/forms/FormField.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as e, openBlock as o, createElementBlock as l, normalizeClass as n, renderSlot as i } from "vue";
-const s = /* @__PURE__ */ e({
+import { defineComponent as t, openBlock as o, createElementBlock as l, normalizeClass as n, renderSlot as i } from "vue";
+const s = /* @__PURE__ */ t({
   __name: "FormField",
   props: {
     validationPath: null
   },
   setup(a) {
-    return (t, d) => (o(), l("div", {
-      class: n(`data-validation-${a.validationPath}`)
+    return (e, r) => (o(), l("div", {
+      class: n(`form-field-${a.validationPath}`)
     }, [
-      i(t.$slots, "default", { validationPath: a.validationPath }, void 0, !0)
+      i(e.$slots, "default", { validationPath: a.validationPath }, void 0, !0)
     ], 2));
   }
 });

package/src/components/forms/validation/utils/scrollToElemets.js

@@ -4,11 +4,11 @@ const o = (t, e = 0) => {
   } catch {
     return;
   }
-}, r = (t) => {
+}, s = (t) => {
   const e = Object.keys(t)?.[0];
-  console.log("firstErrorElement: ", e), e && o(`form-field-${e}`);
+  e && o(`form-field-${e}`);
 };
 export {
   o as scrollToElementByClass,
-  r as scrollToFirstInvalidElement
+  s as scrollToFirstInvalidElement
 };

package/src/components/forms/validation/utils/useFormValidation.js

@@ -1,35 +1,34 @@
-import { object as m } from "../../../../../node_modules/yup/index.esm.js";
-import { ref as n, reactive as v, watch as p } from "vue";
-import { scrollToFirstInvalidElement as E } from "./scrollToElemets.js";
-const h = (a, s) => {
-  const o = m().shape(a);
+import { object as f } from "../../../../../node_modules/yup/index.esm.js";
+import { ref as d, reactive as m, watch as v } from "vue";
+import { scrollToFirstInvalidElement as p } from "./scrollToElemets.js";
+const h = (a, n) => {
+  const o = f().shape(a);
   try {
-    return o.validateSync(s, { abortEarly: !1 }), { isValid: !0, errors: {} };
+    return o.validateSync(n, { abortEarly: !1 }), { isValid: !0, errors: {} };
   } catch (i) {
-    return { isValid: !1, errors: i.inner.reduce((r, e) => (r[e.path] = e.message, r), {}) };
+    return { isValid: !1, errors: i.inner.reduce((e, s) => (e[s.path] = s.message, e), {}) };
   }
-}, j = ({
+}, y = ({
   formState: a,
-  formValidationSchema: s
+  formValidationSchema: n
 }) => {
-  const o = n(!1), i = n(null), l = n(!0), r = v({}), e = (c) => {
-    i.value = c;
-    const { isValid: d, errors: u } = h(s, a);
-    o.value = !0, l.value = d, Object.keys(r).forEach((t) => {
-      t && !u[t] && delete r[t];
-    }), Object.entries(u).forEach(([t, f]) => {
-      r[t] = f;
-    }), !d && c && E(r);
+  const o = d(!1), i = d(!0), r = m({}), e = (s) => {
+    const { isValid: c, errors: l } = h(n, a);
+    o.value = !0, i.value = c, Object.keys(r).forEach((t) => {
+      t && !l[t] && delete r[t];
+    }), Object.entries(l).forEach(([t, u]) => {
+      r[t] = u;
+    }), !c && !s && p(r);
   };
-  return p(a, () => {
-    o.value && e(i);
+  return v(a, () => {
+    o.value && e(!0);
   }), {
     validationErrors: r,
-    isValid: l,
+    isValid: i,
     validate: e
   };
 };
 export {
-  j as useFormValidation,
+  y as useFormValidation,
   h as yupValidation
 };