@ironsource/shared-ui 2.1.7-rc.5 → 2.1.7-rc.6

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

@@ -0,0 +1,209 @@
+import Popover from './PopoverV4.vue';
+declare const PopoverTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            testId: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
+            popperClass: string;
+            autoHide: boolean;
+            skidding: number;
+            trigger: "touch" | "click" | "focus" | "hover" | "managed";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            disabled: boolean;
+            testId: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
+            popperClass: string;
+            autoHide: boolean;
+            skidding: number;
+            trigger: "touch" | "click" | "focus" | "hover" | "managed";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    trigger: {
+        type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    testId: string;
+    placement: import("floating-vue").Placement;
+    distance: number;
+    popperClass: string;
+    autoHide: boolean;
+    skidding: number;
+    trigger: "touch" | "click" | "focus" | "hover" | "managed";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        trigger?(_: {}): any;
+        content?(_: {}): any;
+    };
+}))[];
+export { Popover, PopoverTypes };

package/components/popover/v4/index.js

@@ -0,0 +1,6 @@
+import o from "./PopoverV4.vue.js";
+const r = () => [o];
+export {
+  o as Popover,
+  r as PopoverTypes
+};

package/components/shared/FieldMaxLength.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldMaxLength.vue2.js";
 /* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3c4001a"]]);
+// import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-47877984"]]);
 export {
-  a as default
+  p as default
 };

package/components/shared/FieldMaxLength.vue2.js

@@ -1,6 +1,6 @@
- import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
+ import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
 import l from "../typography/v4/Typography.vue.js";
-const m = (e) => (i("data-v-f3c4001a"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
+const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
   __name: "FieldMaxLength",
   props: {
     currentLength: { default: 0 },

package/components/shared/commonTypes.d.ts

@@ -1,2 +1,4 @@
 export declare const FEEDBACK_VARIANTS: readonly ["error", "success", "warning"];
 export type FeedbackVariant = (typeof FEEDBACK_VARIANTS)[number];
+export declare const MAX_LENGTH_COUNTER_POSITION: readonly ["inside", "outside"];
+export type MaxLengthCounterPositions = (typeof MAX_LENGTH_COUNTER_POSITION)[number];

package/components/textArea/v4/TextAreaV4.vue.d.ts

@@ -1,11 +1,12 @@
 import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-import { FeedbackVariant } from '@/components/shared/commonTypes';
+import { FeedbackVariant, MaxLengthCounterPositions } from '@/components/shared/commonTypes';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string;
     placeholder?: string;
     disabled?: boolean;
     label?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     mandatory?: boolean;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: TooltipPositions;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     label: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
@@ -38,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     label?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     mandatory?: boolean;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: TooltipPositions;
@@ -53,6 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     label: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
@@ -76,6 +80,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxLength: number;
     modelValue: string;
     placeholder: string;
+    maxLengthCounterPosition: MaxLengthCounterPositions;
     feedbackText: string;
     feedbackVariant: FeedbackVariant;
     showFeedbackTextIcon: boolean;

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_f3b2c01d_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3b2c01d"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4114ef89"]]);
 export {
-  c as default
+  p as default
 };

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

@@ -1,13 +1,13 @@
- 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 "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; import { defineComponent as f, computed as b, openBlock as t, createElementBlock as r, mergeProps as c, unref as a, createBlock as d, 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";
-import { TextAreaTestIdModifiers as u } from "../../../testids/index.js";
+import { TextAreaTestIdModifiers as i } from "../../../testids/index.js";
 import { useTestIdAttrs as V } from "../../../utils/testIds.js";
 const y = ["value", "placeholder", "disabled", "maxlength"], I = {
   key: 1,
   class: "footer"
-}, w = /* @__PURE__ */ s({
+}, w = /* @__PURE__ */ f({
   __name: "TextAreaV4",
   props: {
     modelValue: { default: "" },
@@ -15,6 +15,7 @@ const y = ["value", "placeholder", "disabled", "maxlength"], I = {
     disabled: { type: Boolean, default: !1 },
     label: { default: "" },
     maxLength: { default: null },
+    maxLengthCounterPosition: { default: "inside" },
     mandatory: { type: Boolean, default: !1 },
     hoverHelpText: { default: "" },
     hoverHelpTextPlacement: { default: "top" },
@@ -27,11 +28,15 @@ const y = ["value", "placeholder", "disabled", "maxlength"], I = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: h }) {
-    const o = e, m = (d) => {
-      h("update:modelValue", d.target.value);
-    }, x = b(() => (o.modelValue || "").length), r = V(o.testId, u);
-    return (d, f) => (t(), i("div", c({ class: "textarea-field" }, a(r)[a(u).WRAPPER]), [
-      e.label ? (t(), n(v, {
+    const u = e, m = (n) => {
+      h("update:modelValue", n.target.value);
+    }, x = b(() => (u.modelValue || "").length), o = V(u.testId, i);
+    return (n, s) => (t(), r("div", c({
+      class: ["textarea-field", {
+        "textarea-field--counter-inside": e.maxLength && e.maxLengthCounterPosition === "inside"
+      }]
+    }, a(o)[a(i).WRAPPER]), [
+      e.label ? (t(), d(v, {
         key: 0,
         class: "textarea-label",
         label: e.label,
@@ -51,17 +56,18 @@ const y = ["value", "placeholder", "disabled", "maxlength"], I = {
         placeholder: e.placeholder,
         disabled: e.disabled,
         maxlength: e.maxLength
-      }, a(r)[a(u).FIELD], { onInput: m }), null, 16, y),
-      e.feedbackText || e.maxLength ? (t(), i("div", I, [
-        e.feedbackText ? (t(), n(T, {
+      }, a(o)[a(i).FIELD], { onInput: m }), null, 16, y),
+      e.feedbackText || e.maxLength ? (t(), r("div", I, [
+        e.feedbackText ? (t(), d(T, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
           "test-id": e.testId
         }, null, 8, ["text", "variant", "show-icon", "test-id"])) : l("", !0),
-        e.maxLength ? (t(), n(k, {
+        e.maxLength ? (t(), d(k, {
           key: 1,
+          class: "max-length-counter",
           "current-length": a(x),
           "max-length": e.maxLength
         }, null, 8, ["current-length", "max-length"])) : l("", !0)

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

@@ -43,6 +43,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    maxLengthCounterPosition: {
+        type: import("vue").PropType<"inside" | "outside">;
+        default: string;
+    };
     feedbackText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -102,6 +106,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    maxLengthCounterPosition: {
+        type: import("vue").PropType<"inside" | "outside">;
+        default: string;
+    };
     feedbackText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -128,6 +136,7 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     maxLength: number;
     modelValue: string;
     placeholder: string;
+    maxLengthCounterPosition: "inside" | "outside";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
     showFeedbackTextIcon: boolean;