@ironsource/shared-ui 2.1.6-rc.23 → 2.1.6-rc.25

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-092d0e03]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-092d0e03]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-092d0e03]{flex:none}.app-trigger-key--content[data-v-092d0e03]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-092d0e03]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-092d0e03]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-092d0e03]:hover,.app-trigger.active[data-v-092d0e03]{background:var(--action-selected)}.app-trigger.disabled[data-v-092d0e03]{cursor:auto}.app-trigger--content[data-v-092d0e03]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-092d0e03]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-092d0e03]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-092d0e03]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-092d0e03]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-092d0e03]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-092d0e03]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-092d0e03],.app-trigger .end-icon[data-v-092d0e03]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-092d0e03]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-092d0e03]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-092d0e03]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-092d0e03]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-092d0e03]{padding-top:5px;color:var(--error-main)}

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
-/* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_454709fb_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-454709fb"]]);
+/* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-092d0e03"]]);
 export {
   s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_454709fb_lang.css"; import { defineComponent as A, computed as r, openBlock as n, createElementBlock as a, normalizeClass as $, createElementVNode as s, mergeProps as v, unref as o, renderSlot as u, createCommentVNode as d, createVNode as c, withCtx as I, toDisplayString as V } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css"; import { defineComponent as A, computed as r, openBlock as n, createElementBlock as a, normalizeClass as $, createElementVNode as s, mergeProps as v, unref as o, renderSlot as u, createCommentVNode as d, createVNode as c, withCtx as I, toDisplayString as V } from "vue";
 import p from "../../icon/v4/IconV4.vue.js";
 import B from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as y } from "../../../testids/index.js";

package/composables/useFormValidation.js

@@ -1,5 +1,5 @@
 import * as m from "yup";
-import { ref as u, reactive as f, watch as v } from "vue";
+import { ref as d, reactive as f, watch as v } from "vue";
 const E = (e, r = 0) => {
   try {
     window.document.getElementsByClassName(e)[r].scrollIntoView({ behavior: "smooth" });
@@ -9,28 +9,34 @@ const E = (e, r = 0) => {
 }, h = (e) => {
   const r = Object.keys(e)?.[0];
   r && E(`form-field-${r}`);
-}, y = (e, r) => {
+}, p = (e, r) => {
   const o = m.object().shape(e);
   try {
     return o.validateSync(r.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
   } catch (i) {
-    return { isValid: !1, errors: i.inner.reduce((s, l) => (s[l.path] = l.message, s), {}) };
+    return { isValid: !1, errors: i.inner.reduce((s, n) => (s[n.path] = n.message, s), {}) };
   }
 }, b = ({
   formState: e,
   formValidationSchema: r
 }) => {
-  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) => {
+  const o = d(!1), i = d(!0), t = f({}), s = (n) => {
+    const { isValid: l, errors: c } = p(r, e);
+    o.value = !0, i.value = l, Object.keys(t).forEach((a) => {
       a && !c[a] && delete t[a];
-    }), Object.entries(c).forEach(([a, d]) => {
-      t[a] = d;
-    }), !n && !l && h(t);
+    }), Object.entries(c).forEach(([a, u]) => {
+      t[a] = u;
+    }), !l && !n && h(t);
   };
-  return v(e.value, () => {
-    o.value && s(!0);
-  }), {
+  return v(
+    e,
+    () => {
+      o.value && s(!0);
+    },
+    {
+      deep: !0
+    }
+  ), {
     validationErrors: t,
     isValid: i,
     validate: s
@@ -40,5 +46,5 @@ export {
   E as scrollToElementByClass,
   h as scrollToFirstInvalidElement,
   b as useFormValidation,
-  y as yupValidation
+  p as yupValidation
 };

package/package.json

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

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_454709fb_lang.css

@@ -1 +0,0 @@
-.app-trigger-wrapper[data-v-454709fb]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-454709fb]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-454709fb]{flex:none}.app-trigger-key--content[data-v-454709fb]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-454709fb]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-454709fb]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-454709fb]:hover,.app-trigger.active[data-v-454709fb]{background:var(--action-selected)}.app-trigger.disabled[data-v-454709fb]{cursor:auto}.app-trigger--content[data-v-454709fb]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-454709fb]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-454709fb]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-454709fb]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-454709fb]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-454709fb]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-454709fb]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-454709fb],.app-trigger .end-icon[data-v-454709fb]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-454709fb]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-454709fb]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-454709fb]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-454709fb]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-454709fb]{padding-top:5px;color:var(--error-main)}