@ironsource/shared-ui 2.1.6-rc.14 → 2.1.6-rc.16

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

@@ -26,6 +26,7 @@ declare const TextFieldTypes: () => ({
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
+            inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
             showFeedbackTextIcon: boolean;
@@ -119,6 +120,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            inlineErrorTextPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -138,7 +143,7 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -241,6 +246,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            inlineErrorTextPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -288,6 +297,7 @@ declare const TextFieldTypes: () => ({
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
+            inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
             showFeedbackTextIcon: boolean;
@@ -401,6 +411,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        inlineErrorTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -515,6 +529,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    inlineErrorTextPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
     feedbackText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -562,6 +580,7 @@ declare const TextFieldTypes: () => ({
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
+    inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
     showFeedbackTextIcon: boolean;

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;