@ironsource/shared-ui 2.1.12-rc.8 → 2.1.12-test.1

package/components/input/v4/TextField.vue.d.ts

@@ -1,7 +1,7 @@
 import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 import { LabelDirection, FieldSize, FieldType } from './TextField.types';
 import { FeedbackVariant, MaxLengthCounterPositions } from '@/components/shared/commonTypes';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
     disabled?: boolean;
@@ -59,12 +59,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
     feedbackPositionAbsolute: boolean;
-}>, {
+}>>, {
     manualFocus: () => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
     apply: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
     disabled?: boolean;
@@ -122,17 +122,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
     feedbackPositionAbsolute: boolean;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: string | number) => any;
     onApply?: () => any;
-}, {
+}>, {
     type: FieldType;
     label: string;
     testId: string;
     disabled: boolean;
     size: FieldSize;
-    mandatory: boolean;
     modelValue: string | number;
+    mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
     maxLength: number;
@@ -154,7 +154,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackVariant: FeedbackVariant;
     showFeedbackTextIcon: boolean;
     feedbackPositionAbsolute: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     iconBefore?(_: {}): any;
     iconAfter?(_: {}): any;
 }>;

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fce3948c"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_81fb8297_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-81fb8297"]]);
 export {
-  s as default
+  p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,27 +1,27 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; import { defineComponent as ee, computed as o, ref as te, openBlock as n, createElementBlock as u, mergeProps as f, unref as e, createBlock as d, createCommentVNode as i, createVNode as x, withCtx as h, createElementVNode as O, normalizeClass as V, renderSlot as $, createTextVNode as z, toDisplayString as D, withKeys as le, withModifiers as N, normalizeProps as H } from "vue";
-import v from "../../icon/v4/IconV4.vue.js";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_81fb8297_lang.css"; import { defineComponent as te, computed as n, ref as le, openBlock as o, createElementBlock as d, mergeProps as p, unref as t, createBlock as u, createCommentVNode as r, createVNode as y, withCtx as c, createElementVNode as F, normalizeClass as O, renderSlot as V, createTextVNode as $, toDisplayString as z, withKeys as oe, withModifiers as D, normalizeProps as N } from "vue";
+import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import S from "../../tooltip/v4/TooltipV4.vue.js";
-import R from "../../typography/v4/Typography.vue.js";
-import { InputTestIdModifiers as m } from "../../../testids/index.js";
-import { inputCommon as ne } from "../common/Input.common.js";
-import ae from "../../shared/FieldLabel.vue.js";
-import oe from "../../shared/FieldHelpText.vue.js";
-import W from "../../shared/FieldMaxLength.vue.js";
+import H from "../../tooltip/v4/TooltipV4.vue.js";
+import S from "../../typography/v4/Typography.vue.js";
+import { InputTestIdModifiers as f } from "../../../testids/index.js";
+import { inputCommon as ae } from "../common/Input.common.js";
+import ne from "../../shared/FieldLabel.vue.js";
+import re from "../../shared/FieldHelpText.vue.js";
+import R from "../../shared/FieldMaxLength.vue.js";
 import { useTestIdAttrs as ie } from "../../../utils/testIds.js";
-const re = {
+const se = {
   key: 0,
   class: "icon-container icon-before"
-}, se = ["maxlength", "value", "placeholder", "disabled", "type", "step"], de = ["onClick"], ue = {
+}, ue = ["maxlength", "value", "placeholder", "disabled", "type", "step"], de = {
   key: 5,
   class: "inline-error"
-}, fe = {
+}, pe = {
   key: 7,
   class: "icon-container icon-after"
-}, ce = {
+}, fe = {
   inheritAttrs: !1
-}, Ie = /* @__PURE__ */ ee({
-  ...ce,
+}, Ie = /* @__PURE__ */ te({
+  ...fe,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -54,185 +54,185 @@ const re = {
     inlineErrorTextPlacement: { default: "top" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(t, { expose: K, emit: k }) {
-    const l = t, y = ie(l.testId, m), M = () => {
-      l.showApply ? k("apply") : r?.confirmable && U();
-    }, G = () => g.value.focus(), {
-      onConfirm: U,
-      onEnter: w,
-      inputRef: g,
+  setup(W, { expose: K, emit: M }) {
+    const l = W, k = M, m = ie(l.testId, f), G = () => {
+      l.showApply ? k("apply") : i?.confirmable && j();
+    }, U = () => w.value.focus(), {
+      onConfirm: j,
+      onEnter: x,
+      inputRef: w,
       isFocused: b,
-      showLabelInside: I,
-      api: r,
-      labelText: j,
-      sizeClass: q,
-      handleInput: L,
-      handleKeypress: P
-    } = ne(l, k), C = o(() => r.value?.value ?? l.modelValue), J = o(() => (C.value || "").length), E = o(() => ({
-      currentLength: J.value,
+      showLabelInside: g,
+      api: i,
+      labelText: q,
+      sizeClass: J,
+      handleInput: I,
+      handleKeypress: L
+    } = ae(l, k), P = n(() => i.value?.value ?? l.modelValue), Q = n(() => (P.value || "").length), E = n(() => ({
+      currentLength: Q.value,
       maxLength: l.maxLength
-    })), A = o(
+    })), A = n(
       () => l.maxLength && l.maxLengthCounterPosition === "outside"
-    ), Q = o(
+    ), X = n(
       () => l.feedbackText || A.value
-    ), T = o(
-      () => !l.inlineErrorText && !r?.error?.value
-    ), B = o(
-      () => l.inlineErrorText || r?.error?.value
-    ), X = o(
-      () => (l.inlineError || r?.withIcons) && !T.value
-    ), Y = o(
-      () => !l.inlineError && !r?.withIcons && !T.value
-    ), Z = o(
-      () => l.showApply || r?.confirmable && r?.withIcons && !r?.error?.value
-    ), F = o(
-      () => r?.error?.value ? "error" : l.feedbackVariant
-    ), p = te(!1), _ = o(() => p.value && l.type === "password" ? "text" : l.type);
+    ), T = n(
+      () => !l.inlineErrorText && !i?.error?.value
+    ), B = n(
+      () => l.inlineErrorText || i?.error?.value
+    ), Y = n(
+      () => (l.inlineError || i?.withIcons) && !T.value
+    ), Z = n(
+      () => !l.inlineError && !i?.withIcons && !T.value
+    ), _ = n(
+      () => l.showApply || i?.confirmable && i?.withIcons && !i?.error?.value
+    ), C = n(
+      () => i?.error?.value ? "error" : l.feedbackVariant
+    ), v = le(!1), ee = n(() => v.value && l.type === "password" ? "text" : l.type);
     return K({
-      manualFocus: G
-    }), (c, a) => (n(), u("div", f({
+      manualFocus: U
+    }), (e, a) => (o(), d("div", p({
       class: {
         "input-with-label-container": !0,
-        disabled: t.disabled,
-        [`variant-${e(F)}`]: !0
+        disabled: e.disabled,
+        [`variant-${C.value}`]: !0
       }
-    }, e(y)[e(m).WRAPPER]), [
-      t.label && t.labelDirection !== "inside" ? (n(), d(ae, {
+    }, t(m)[t(f).WRAPPER]), [
+      e.label && e.labelDirection !== "inside" ? (o(), u(ne, {
         key: 0,
-        label: t.label,
-        mandatory: t.mandatory,
-        "hover-help-text": t.hoverHelpText,
-        "hover-help-text-placement": t.hoverHelpTextPlacement,
-        disabled: t.disabled,
-        "test-id": t.testId
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : i("", !0),
-      x(e(S), f({
-        disabled: !e(Y),
-        text: e(B),
-        placement: t.inlineErrorTextPlacement
-      }, e(y)[e(m).TOOLTIP_WITHOUT_ICON]), {
-        default: h(() => [
-          O("div", {
-            class: V({
+        label: e.label,
+        mandatory: e.mandatory,
+        "hover-help-text": e.hoverHelpText,
+        "hover-help-text-placement": e.hoverHelpTextPlacement,
+        disabled: e.disabled,
+        "test-id": e.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : r("", !0),
+      y(t(H), p({
+        disabled: !Z.value,
+        text: B.value,
+        placement: e.inlineErrorTextPlacement
+      }, t(m)[t(f).TOOLTIP_WITHOUT_ICON]), {
+        default: c(() => [
+          F("div", {
+            class: O({
               "input-container": !0,
-              "label-inside": e(I),
-              focused: e(b)
+              "label-inside": t(g),
+              focused: t(b)
             })
           }, [
-            c.$slots.iconBefore ? (n(), u("div", re, [
-              $(c.$slots, "iconBefore", {}, void 0, !0)
-            ])) : i("", !0),
-            t.prefix ? (n(), d(e(R), {
+            e.$slots.iconBefore ? (o(), d("div", se, [
+              V(e.$slots, "iconBefore", {}, void 0, !0)
+            ])) : r("", !0),
+            e.prefix ? (o(), u(t(S), {
               key: 1,
               class: "prefix-text",
               variant: "body1"
             }, {
-              default: h(() => [
-                z(D(t.prefix), 1)
+              default: c(() => [
+                $(z(e.prefix), 1)
               ]),
               _: 1
-            })) : i("", !0),
-            O("input", f({
+            })) : r("", !0),
+            F("input", p({
               ref_key: "inputRef",
-              ref: g,
-              maxlength: t.maxLength
-            }, { ...c.$attrs, ...e(y)[e(m).FIELD] }, {
-              value: e(C),
-              placeholder: e(j),
-              disabled: t.disabled || t.viewOnly,
-              type: e(_),
+              ref: w,
+              maxlength: e.maxLength
+            }, { ...e.$attrs, ...t(m)[t(f).FIELD] }, {
+              value: P.value,
+              placeholder: t(q),
+              disabled: e.disabled || e.viewOnly,
+              type: ee.value,
               class: ["input", {
-                [e(q)]: !0,
-                "view-only": t.viewOnly,
-                "label-inside": e(I),
-                "hide-arrows": t.hideNumberArrows,
-                "input-type": t.type
+                [t(J)]: !0,
+                "view-only": e.viewOnly,
+                "label-inside": t(g),
+                "hide-arrows": e.hideNumberArrows,
+                "input-type": e.type
               }],
-              step: t.step,
+              step: e.step,
               onInput: a[0] || (a[0] = //@ts-ignore
-              (...s) => e(L) && e(L)(...s)),
+              (...s) => t(I) && t(I)(...s)),
               onFocus: a[1] || (a[1] = (s) => b.value = !0),
               onBlur: a[2] || (a[2] = (s) => b.value = !1),
-              onKeyup: a[3] || (a[3] = le(N(
+              onKeyup: a[3] || (a[3] = oe(D(
                 //@ts-ignore
-                (...s) => e(w) && e(w)(...s),
+                (...s) => t(x) && t(x)(...s),
                 ["prevent"]
               ), ["enter"])),
               onKeypress: a[4] || (a[4] = //@ts-ignore
-              (...s) => e(P) && e(P)(...s))
-            }), null, 16, se),
-            t.maxLength && t.maxLengthCounterPosition === "inside" ? (n(), d(W, H(f({ key: 2 }, e(E))), null, 16)) : i("", !0),
-            e(Z) ? (n(), u("div", {
+              (...s) => t(L) && t(L)(...s))
+            }), null, 16, ue),
+            e.maxLength && e.maxLengthCounterPosition === "inside" ? (o(), u(R, N(p({ key: 2 }, E.value)), null, 16)) : r("", !0),
+            _.value ? (o(), d("div", {
               key: 3,
               class: "apply-button",
-              onClick: N(M, ["stop", "prevent"])
+              onClick: D(G, ["stop", "prevent"])
             }, [
-              x(e(v), {
+              y(t(h), {
                 name: "check",
                 size: "20px"
               })
-            ], 8, de)) : i("", !0),
-            t.suffix ? (n(), d(e(R), {
+            ])) : r("", !0),
+            e.suffix ? (o(), u(t(S), {
               key: 4,
               class: "suffix-text",
               variant: "body1"
             }, {
-              default: h(() => [
-                z(D(t.suffix), 1)
+              default: c(() => [
+                $(z(e.suffix), 1)
               ]),
               _: 1
-            })) : i("", !0),
-            e(X) ? (n(), u("div", ue, [
-              x(e(S), f({
-                disabled: e(T),
-                text: e(B),
-                placement: t.inlineErrorTextPlacement
-              }, e(y)[e(m).TOOLTIP]), {
-                default: h(() => [
-                  x(e(v), {
+            })) : r("", !0),
+            Y.value ? (o(), d("div", de, [
+              y(t(H), p({
+                disabled: T.value,
+                text: B.value,
+                placement: e.inlineErrorTextPlacement
+              }, t(m)[t(f).TOOLTIP]), {
+                default: c(() => [
+                  y(t(h), {
                     name: "warning-circle",
                     size: "16px"
                   })
                 ]),
                 _: 1
               }, 16, ["disabled", "text", "placement"])
-            ])) : i("", !0),
-            t.type === "password" ? (n(), u("div", f({
+            ])) : r("", !0),
+            e.type === "password" ? (o(), d("div", p({
               key: 6,
               class: "password-visibility-toggle"
-            }, e(y)[e(m).TOGGLE_PASSWORD], {
-              onClick: a[5] || (a[5] = (s) => p.value = !p.value)
+            }, t(m)[t(f).TOGGLE_PASSWORD], {
+              onClick: a[5] || (a[5] = (s) => v.value = !v.value)
             }), [
-              p.value ? (n(), d(e(v), {
+              v.value ? (o(), u(t(h), {
                 key: 0,
                 name: "eye",
                 size: "16px"
-              })) : (n(), d(e(v), {
+              })) : (o(), u(t(h), {
                 key: 1,
                 name: "eye-slash",
                 size: "16px"
               }))
-            ], 16)) : i("", !0),
-            c.$slots.iconAfter ? (n(), u("div", fe, [
-              $(c.$slots, "iconAfter", {}, void 0, !0)
-            ])) : i("", !0)
+            ], 16)) : r("", !0),
+            e.$slots.iconAfter ? (o(), d("div", pe, [
+              V(e.$slots, "iconAfter", {}, void 0, !0)
+            ])) : r("", !0)
           ], 2)
         ]),
         _: 3
       }, 16, ["disabled", "text", "placement"]),
-      e(Q) ? (n(), u("div", {
+      X.value ? (o(), d("div", {
         key: 1,
-        class: V(["footer", t.feedbackPositionAbsolute && "footer-absolute"])
+        class: O(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
       }, [
-        t.feedbackText ? (n(), d(oe, {
+        e.feedbackText ? (o(), u(re, {
           key: 0,
-          text: t.feedbackText,
-          variant: e(F),
-          "show-icon": t.showFeedbackTextIcon,
-          "test-id": t.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : i("", !0),
-        e(A) ? (n(), d(W, H(f({ key: 1 }, e(E))), null, 16)) : i("", !0)
-      ], 2)) : i("", !0)
+          text: e.feedbackText,
+          variant: C.value,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : r("", !0),
+        A.value ? (o(), u(R, N(p({ key: 1 }, E.value)), null, 16)) : r("", !0)
+      ], 2)) : r("", !0)
     ], 16));
   }
 });