@ironsource/shared-ui 2.1.6-rc.4 → 2.1.6-rc.41

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

@@ -131,6 +131,7 @@ declare const DataGridTypes: () => (({
                 default: number;
             };
         }>> & {
+            onSelectAll?: (value: boolean) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: {
@@ -143,6 +144,8 @@ declare const DataGridTypes: () => (({
             "onUpdate:search"?: (query: string) => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onOnClearSearch?: () => any;
+            onSelectRow?: (value: boolean) => any;
+            onClickRow?: (rowIndex: number) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
@@ -155,12 +158,12 @@ declare const DataGridTypes: () => (({
         }>;
         $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: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
             value: unknown;
             confirm: () => void;
             rowIndex: number;
             cellIndex: number;
-        }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void);
+        }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             sort: {
@@ -264,6 +267,7 @@ declare const DataGridTypes: () => (({
                 default: number;
             };
         }>> & {
+            onSelectAll?: (value: boolean) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: {
@@ -276,7 +280,11 @@ declare const DataGridTypes: () => (({
             "onUpdate:search"?: (query: string) => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onOnClearSearch?: () => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            onSelectRow?: (value: boolean) => any;
+            onClickRow?: (rowIndex: number) => any;
+        }, {
+            scrollTo: (index: number) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:sort": (newSort: import("../common/Table.types").Sort) => void;
             "update:search": (query: string) => void;
             "update:selection": (selection: unknown[]) => void;
@@ -289,6 +297,9 @@ declare const DataGridTypes: () => (({
                 cellIndex: number;
             }) => void;
             loadMore: () => void;
+            selectAll: (value: boolean) => void;
+            selectRow: (value: boolean) => void;
+            clickRow: (rowIndex: number) => void;
         }, string, {
             sort: import("../common/Table.types").Sort;
             title: string;
@@ -435,6 +446,7 @@ declare const DataGridTypes: () => (({
             default: number;
         };
     }>> & {
+        onSelectAll?: (value: boolean) => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
         onSaveRow?: (args_0: {
@@ -447,7 +459,11 @@ declare const DataGridTypes: () => (({
         "onUpdate:search"?: (query: string) => any;
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onOnClearSearch?: () => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        onSelectRow?: (value: boolean) => any;
+        onClickRow?: (rowIndex: number) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        scrollTo: (index: number) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -553,6 +569,7 @@ declare const DataGridTypes: () => (({
         default: number;
     };
 }>> & {
+    onSelectAll?: (value: boolean) => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
     onSaveRow?: (args_0: {
@@ -565,7 +582,11 @@ declare const DataGridTypes: () => (({
     "onUpdate:search"?: (query: string) => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
     onOnClearSearch?: () => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onSelectRow?: (value: boolean) => any;
+    onClickRow?: (rowIndex: number) => any;
+}, {
+    scrollTo: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: import("../common/Table.types").Sort) => void;
     "update:search": (query: string) => void;
     "update:selection": (selection: unknown[]) => void;
@@ -578,6 +599,9 @@ declare const DataGridTypes: () => (({
         cellIndex: number;
     }) => void;
     loadMore: () => void;
+    selectAll: (value: boolean) => void;
+    selectRow: (value: boolean) => void;
+    clickRow: (rowIndex: number) => void;
 }, string, {
     sort: import("../common/Table.types").Sort;
     title: string;

package/components/textArea/v4/TextAreaV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextAreaV4.vue2.js";
 /* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8199b662"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3b2c01d"]]);
 export {
-  p as default
+  c as default
 };

package/components/textArea/v4/TextAreaV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
 import v from "../../shared/FieldLabel.vue.js";
 import k from "../../shared/FieldMaxLength.vue.js";
 import T from "../../shared/FieldHelpText.vue.js";

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/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -23,7 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
@@ -47,7 +49,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
-}>>>, {
+}>>> & {
+    onShow?: () => any;
+}, {
     header: string;
     text: string;
     theme: string;

package/components/tooltip/v4/TooltipV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-25809092"]]);
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fcdb9d02"]]);
 export {
   l as default
 };

package/components/tooltip/v4/TooltipV4.vue2.js

@@ -1,14 +1,14 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
-import y from "./TextWithTitleContent.vue.js";
-import { Tooltip as T } from "floating-vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as h, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as r, renderSlot as u, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
+import g from "./TextWithTitleContent.vue.js";
+import { Tooltip as x } from "floating-vue";
 import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
-import g from "../../typography/v4/Typography.vue.js";
-import { tooltipCommon as x } from "../common/Tooltip.common.js";
-import { useTestIdAttrs as v } from "../../../utils/testIds.js";
-const b = {
+import v from "../../typography/v4/Typography.vue.js";
+import { tooltipCommon as b } from "../common/Tooltip.common.js";
+import { useTestIdAttrs as w } from "../../../utils/testIds.js";
+const I = {
   ref: "container",
   class: "container"
-}, $ = /* @__PURE__ */ c({
+}, D = /* @__PURE__ */ h({
   __name: "TooltipV4",
   props: {
     text: { default: null },
@@ -23,9 +23,10 @@ const b = {
     distance: { default: "10" },
     container: { default: "body" }
   },
-  setup(e) {
-    const n = e, { textForDisplay: o } = x(n), s = v(n.testId, i);
-    return (a, I) => (l(), d(t(T), m({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
+  emits: ["show"],
+  setup(e, { emit: c }) {
+    const n = e, { textForDisplay: o } = b(n), s = w(n.testId, i);
+    return (a, m) => (l(), d(t(x), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
@@ -35,28 +36,29 @@ const b = {
       "popper-class": [e.theme, e.placement, "v4-tooltip"],
       class: ["v4-tooltip"],
       distance: e.distance,
-      "auto-hide": ""
+      "auto-hide": "",
+      onApplyShow: m[0] || (m[0] = (k) => c("show"))
     }), {
       popper: r(() => [
-        f(a.$slots, "tooltip", { text: t(o) }, () => [
-          e.header ? (l(), d(y, {
+        u(a.$slots, "tooltip", { text: t(o) }, () => [
+          e.header ? (l(), d(g, {
             key: 1,
             text: e.text,
             header: e.header
-          }, null, 8, ["text", "header"])) : (l(), d(t(g), m({
+          }, null, 8, ["text", "header"])) : (l(), d(t(v), f({
             key: 0,
             variant: "body2"
           }, t(s)[t(i).TEXT]), {
             default: r(() => [
-              u(h(t(o)), 1)
+              p(y(t(o)), 1)
             ]),
             _: 1
           }, 16))
         ], !0)
       ]),
       default: r(() => [
-        p("div", b, [
-          f(a.$slots, "default", {}, void 0, !0)
+        T("div", I, [
+          u(a.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
@@ -64,5 +66,5 @@ const b = {
   }
 });
 export {
-  $ as default
+  D as default
 };

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

@@ -60,7 +60,9 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
+        }>> & {
+            onShow?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -72,7 +74,7 @@ declare const TooltipTypes: () => ({
         }>;
         $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: "show") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -119,7 +121,11 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        }>> & {
+            onShow?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            show: () => void;
+        }, string, {
             header: string;
             text: string;
             theme: string;
@@ -196,7 +202,9 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string | number>;
             default: string;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & {
+        onShow?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -245,7 +253,11 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string | number>;
         default: string;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & {
+    onShow?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: () => void;
+}, string, {
     header: string;
     text: string;
     theme: 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, };