@ironsource/shared-ui 2.1.6-test.14 → 2.1.6-test.15

package/components/toggle/v4/ToggleV4.vue.d.ts

@@ -58,8 +58,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
     text: string;
-    size: "small" | "medium";
     color: "primary" | "test";
+    size: "small" | "medium";
     testId: string;
     isLoading: boolean;
     hoverHelpText: string;

package/components/toggle/v4/ToggleV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToggleV4.vue2.js";
 /* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad231e8c"]]);
+// import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4aa32fb"]]);
 export {
-  c as default
+  t as default
 };

package/components/toggle/v4/ToggleV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
+ import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as r, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as b, toDisplayString as y, createVNode as V } from "vue";
 import E from "../../typography/v4/Typography.vue.js";
 import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
 import B from "../../shared/FieldHelpText.vue.js";
@@ -25,29 +25,29 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
   emits: ["update:modelValue"],
   setup(e, { emit: x }) {
     const c = e, T = () => {
-      r.value || x("update:modelValue", !c.modelValue);
-    }, o = H(c.testId, a), r = h(() => c.isDisabled || c.isLoading);
+      s.value || x("update:modelValue", !c.modelValue);
+    }, o = H(c.testId, a), s = h(() => c.isDisabled || c.isLoading);
     return (n, $) => (i(), m("div", {
       class: f(["toggle", [`toggle--color-${e.color}`, `toggle--size-${e.size}`]])
     }, [
-      s("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
-        s("div", d({
+      r("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
+        r("div", d({
           class: ["toggle-body", {
             "toggle-active": e.modelValue,
-            "toggle-disabled": t(r)
+            "toggle-disabled": t(s)
           }]
         }, t(o)[t(a).BODY], { onClick: T }), [
-          s("div", L, [
+          r("div", L, [
             e.isLoading ? (i(), m("span", {
               key: 0,
               class: f(["loader", { "loader-active": e.modelValue }])
             }, null, 2)) : l("", !0)
           ])
         ], 16),
-        s("input", d({
+        r("input", d({
           type: "checkbox",
           class: "toggle-checkbox",
-          disabled: t(r),
+          disabled: t(s),
           checked: e.modelValue
         }, t(o)[t(a).FIELD]), null, 16, P),
         n.$slots["icon-left"] ? g(n.$slots, "icon-left", { key: 0 }, void 0, !0) : l("", !0),
@@ -55,13 +55,13 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
           key: 1,
           variant: "body1",
           "is-truncated": "",
-          class: "toggle-text"
+          class: ["toggle-text", { "toggle-disabled-text": t(s) }]
         }, t(o)[t(a).TEXT]), {
           default: v(() => [
-            y(b(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
+            b(y(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
           ]),
           _: 1
-        }, 16)) : l("", !0),
+        }, 16, ["class"])) : l("", !0),
         n.$slots["icon-right"] ? g(n.$slots, "icon-right", { key: 2 }, void 0, !0) : l("", !0),
         e.hoverHelpText ? (i(), u(t(D), {
           key: 3,

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

@@ -4,8 +4,8 @@ declare const ToggleTypes: () => ({
         $data: {};
         $props: Partial<{
             text: string;
-            size: "small" | "medium";
             color: "primary" | "test";
+            size: "small" | "medium";
             testId: string;
             isLoading: boolean;
             hoverHelpText: string;
@@ -20,14 +20,14 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             color: {
                 type: import("vue").PropType<"primary" | "test">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -70,7 +70,7 @@ declare const ToggleTypes: () => ({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "color" | "testId" | "isLoading" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "activeText" | "inactiveText" | "isDisabled">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "color" | "size" | "testId" | "isLoading" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "activeText" | "inactiveText" | "isDisabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -89,14 +89,14 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             color: {
                 type: import("vue").PropType<"primary" | "test">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -143,8 +143,8 @@ declare const ToggleTypes: () => ({
             "update:modelValue": (value: boolean) => void;
         }, string, {
             text: string;
-            size: "small" | "medium";
             color: "primary" | "test";
+            size: "small" | "medium";
             testId: string;
             isLoading: boolean;
             hoverHelpText: string;
@@ -179,14 +179,14 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<"primary" | "test">;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -238,14 +238,14 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-    size: {
-        type: import("vue").PropType<"small" | "medium">;
-        default: string;
-    };
     color: {
         type: import("vue").PropType<"primary" | "test">;
         default: string;
     };
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -292,8 +292,8 @@ declare const ToggleTypes: () => ({
     "update:modelValue": (value: boolean) => void;
 }, string, {
     text: string;
-    size: "small" | "medium";
     color: "primary" | "test";
+    size: "small" | "medium";
     testId: string;
     isLoading: boolean;
     hoverHelpText: string;

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/design-foundation.stories/icons/iconsData.d.ts

@@ -11,4 +11,8 @@ declare const iconsABTestData: {
     name: string;
     path: string;
 }[];
-export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData };
+declare const iconsAdNetworks: {
+    name: string;
+    path: string;
+}[];
+export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData, iconsAdNetworks, };