@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.5

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

@@ -1,32 +1,32 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_f4f61aa1_lang.css"; import { defineComponent as H, computed as k, ref as R, openBlock as a, createElementBlock as o, mergeProps as y, unref as t, createBlock as v, createCommentVNode as n, createElementVNode as g, normalizeClass as K, renderSlot as L, withCtx as h, createTextVNode as p, toDisplayString as x, withKeys as G, withModifiers as $, createVNode as u, pushScopeId as M, popScopeId as W } from "vue";
-import w from "../../icon/Icon.vue.js";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_7aa32734_lang.css"; import { defineComponent as K, computed as k, ref as G, openBlock as a, createElementBlock as o, mergeProps as v, unref as t, createBlock as y, createCommentVNode as n, createElementVNode as g, normalizeClass as M, renderSlot as $, withCtx as h, createTextVNode as p, toDisplayString as x, withKeys as W, withModifiers as S, createVNode as u, pushScopeId as j, popScopeId as q } from "vue";
+import w from "../../icon/v3/Icon.vue.js";
 import "../../tooltip/Tooltip.vue2.js";
 import T from "../../typography/v4/Typography.vue.js";
 import { InputTestIdModifiers as f } from "../../../testids/index.js";
-import { inputCommon as j } from "../common/Input.common.js";
-import q from "../../shared/FieldLabel.vue.js";
-import J from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as Q } from "../../../utils/testIds.js";
-import U from "../../tooltip/Tooltip.vue.js";
-const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
+import { inputCommon as J } from "../common/Input.common.js";
+import Q from "../../shared/FieldLabel.vue.js";
+import U from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as X } from "../../../utils/testIds.js";
+import Y from "../../tooltip/Tooltip.vue.js";
+const Z = (e) => (j("data-v-7aa32734"), e = e(), q(), e), _ = {
   key: 0,
   class: "icon-container icon-before"
-}, Z = ["value", "placeholder", "disabled", "type", "step", "maxlength"], _ = ["onClick"], ee = {
+}, ee = ["value", "placeholder", "disabled", "type", "step", "maxlength"], te = ["onClick"], le = {
   key: 3,
   class: "inline-error"
-}, te = {
+}, ae = {
   key: 6,
   class: "icon-container icon-after"
-}, le = {
+}, ne = {
   key: 1,
   class: "footer"
-}, ae = {
+}, ie = {
   key: 1,
   class: "max-length"
-}, ne = /* @__PURE__ */ X(() => /* @__PURE__ */ g("span", { class: "max-length__divider" }, "/", -1)), ie = {
+}, oe = /* @__PURE__ */ Z(() => /* @__PURE__ */ g("span", { class: "max-length__divider" }, "/", -1)), se = {
   inheritAttrs: !1
-}, he = /* @__PURE__ */ H({
-  ...ie,
+}, xe = /* @__PURE__ */ K({
+  ...se,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -55,29 +55,31 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
     inlineErrorText: { default: "" }
   },
   emits: ["update:modelValue", "update:showApply"],
-  setup(e, { emit: I }) {
-    const s = e, c = Q(s.testId, f), S = () => {
-      s.showApply ? I("update:showApply", !1) : d?.confirmable && P();
-    }, {
-      onConfirm: P,
+  setup(e, { expose: F, emit: I }) {
+    const d = e, c = X(d.testId, f), P = () => {
+      d.showApply ? I("update:showApply", !1) : s?.confirmable && z();
+    }, O = () => B.value.focus(), {
+      onConfirm: z,
       onEnter: A,
-      inputRef: F,
+      inputRef: B,
       isFocused: b,
-      showLabelInside: B,
-      api: d,
-      labelText: O,
-      sizeClass: z,
-      handleInput: V,
-      handleKeypress: C
-    } = j(s, I), E = k(() => d.value?.value ?? s.modelValue), D = k(() => (E.value || "").length), m = R(!1), N = k(() => m.value && s.type === "password" ? "text" : s.type);
-    return (r, l) => (a(), o("div", y({
+      showLabelInside: V,
+      api: s,
+      labelText: D,
+      sizeClass: N,
+      handleInput: C,
+      handleKeypress: E
+    } = J(d, I), L = k(() => s.value?.value ?? d.modelValue), H = k(() => (L.value || "").length), m = G(!1), R = k(() => m.value && d.type === "password" ? "text" : d.type);
+    return F({
+      manualFocus: O
+    }), (r, l) => (a(), o("div", v({
       class: {
         "input-with-label-container": !0,
         disabled: e.disabled,
         [`variant-${e.feedbackVariant}`]: !0
       }
     }, t(c)[t(f).WRAPPER]), [
-      e.label && e.labelDirection !== "inside" ? (a(), v(q, {
+      e.label && e.labelDirection !== "inside" ? (a(), y(Q, {
         key: 0,
         label: e.label,
         mandatory: e.mandatory,
@@ -87,16 +89,16 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
         "test-id": e.testId
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
       g("div", {
-        class: K({
+        class: M({
           "input-container": !0,
-          "label-inside": t(B),
+          "label-inside": t(V),
           focused: t(b)
         })
       }, [
-        r.$slots.iconBefore ? (a(), o("div", Y, [
-          L(r.$slots, "iconBefore", {}, void 0, !0)
+        r.$slots.iconBefore ? (a(), o("div", _, [
+          $(r.$slots, "iconBefore", {}, void 0, !0)
         ])) : n("", !0),
-        e.prefix ? (a(), v(t(T), {
+        e.prefix ? (a(), y(t(T), {
           key: 1,
           class: "prefix-text",
           variant: "body1"
@@ -106,48 +108,48 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
           ]),
           _: 1
         })) : n("", !0),
-        g("input", y({ ...r.$attrs, ...t(c)[t(f).FIELD] }, {
+        g("input", v({ ...r.$attrs, ...t(c)[t(f).FIELD] }, {
           ref_key: "inputRef",
-          ref: F,
-          value: t(E),
-          placeholder: t(O),
+          ref: B,
+          value: t(L),
+          placeholder: t(D),
           disabled: e.disabled || e.viewOnly,
-          type: t(N),
+          type: t(R),
           class: ["input", {
-            [t(z)]: !0,
+            [t(N)]: !0,
             "view-only": e.viewOnly,
-            "label-inside": t(B),
+            "label-inside": t(V),
             "hide-arrows": e.hideNumberArrows,
             "input-type": e.type
           }],
           step: e.step,
           maxlength: e.maxLength,
           onInput: l[0] || (l[0] = //@ts-ignore
-          (...i) => t(V) && t(V)(...i)),
+          (...i) => t(C) && t(C)(...i)),
           onFocus: l[1] || (l[1] = (i) => b.value = !0),
           onBlur: l[2] || (l[2] = (i) => b.value = !1),
-          onKeyup: l[3] || (l[3] = G($(
+          onKeyup: l[3] || (l[3] = W(S(
             //@ts-ignore
             (...i) => t(A) && t(A)(...i),
             ["prevent"]
           ), ["enter"])),
           onKeypress: l[4] || (l[4] = //@ts-ignore
-          (...i) => t(C) && t(C)(...i))
-        }), null, 16, Z),
-        e.showApply || t(d)?.confirmable && !t(d)?.error?.value ? (a(), o("div", {
+          (...i) => t(E) && t(E)(...i))
+        }), null, 16, ee),
+        e.showApply || t(s)?.confirmable && !t(s)?.error?.value ? (a(), o("div", {
           key: 2,
           class: "apply-button",
-          onClick: $(S, ["stop", "prevent"])
+          onClick: S(P, ["stop", "prevent"])
         }, [
           u(t(w), {
             name: "check-v4",
             "font-size": "md"
           })
-        ], 8, _)) : n("", !0),
-        e.inlineError || t(d)?.error?.value ? (a(), o("div", ee, [
-          u(t(U), y({
-            disabled: !e.inlineErrorText && !t(d)?.error?.value,
-            text: e.inlineErrorText || t(d)?.error?.value,
+        ], 8, te)) : n("", !0),
+        e.inlineError || t(s)?.error?.value ? (a(), o("div", le, [
+          u(t(Y), v({
+            disabled: !e.inlineErrorText && !t(s)?.error?.value,
+            text: e.inlineErrorText || t(s)?.error?.value,
             "test-id": e.testId
           }, t(c)[t(f).TOOLTIP]), {
             default: h(() => [
@@ -159,7 +161,7 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
             _: 1
           }, 16, ["disabled", "text", "test-id"])
         ])) : n("", !0),
-        e.suffix ? (a(), v(t(T), {
+        e.suffix ? (a(), y(t(T), {
           key: 4,
           class: "suffix-text",
           variant: "body1"
@@ -169,7 +171,7 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
           ]),
           _: 1
         })) : n("", !0),
-        e.type === "password" ? (a(), o("div", y({
+        e.type === "password" ? (a(), o("div", v({
           key: 5,
           class: "password-visibility-toggle"
         }, t(c)[t(f).TOGGLE_PASSWORD], {
@@ -180,22 +182,22 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
             "font-size": "sm"
           }, null, 8, ["name"])
         ], 16)) : n("", !0),
-        r.$slots.iconAfter ? (a(), o("div", te, [
-          L(r.$slots, "iconAfter", {}, void 0, !0)
+        r.$slots.iconAfter ? (a(), o("div", ae, [
+          $(r.$slots, "iconAfter", {}, void 0, !0)
         ])) : n("", !0)
       ], 2),
-      e.feedbackText || e.maxLength ? (a(), o("div", le, [
-        e.feedbackText ? (a(), v(J, {
+      e.feedbackText || e.maxLength ? (a(), o("div", ne, [
+        e.feedbackText ? (a(), y(U, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "test-id": e.testId
         }, null, 8, ["text", "variant", "test-id"])) : n("", !0),
-        e.maxLength ? (a(), o("div", ae, [
+        e.maxLength ? (a(), o("div", ie, [
           u(t(T), { variant: "caption" }, {
             default: h(() => [
-              p(x(t(D)) + " ", 1),
-              ne,
+              p(x(t(H)) + " ", 1),
+              oe,
               p(" " + x(e.maxLength), 1)
             ]),
             _: 1
@@ -206,5 +208,5 @@ const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
   }
 });
 export {
-  he as default
+  xe as default
 };

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

@@ -9,18 +9,18 @@ declare const TextFieldTypes: () => ({
             size: "small" | "medium" | "large";
             testId: string;
             disabled: boolean;
+            mandatory: boolean;
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             modelValue: string | number;
             placeholder: string;
-            mandatory: boolean;
-            autoFocus: boolean;
-            prefix: string;
             viewOnly: boolean;
             labelDirection: "top" | "inside";
+            autoFocus: boolean;
             hideNumberArrows: boolean;
             step: number;
-            hoverHelpText: string;
-            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             onlyDigits: boolean;
+            prefix: string;
             suffix: string;
             maxLength: number;
             showApply: boolean;
@@ -49,23 +49,23 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-            placeholder: {
+            hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
             };
-            prefix: {
+            placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -77,6 +77,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<"top" | "inside">;
                 default: string;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -85,18 +89,14 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             onlyDigits: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            prefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             suffix: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -128,7 +128,7 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             "onUpdate:showApply"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "hoverHelpText" | "hoverHelpTextPlacement" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -163,23 +163,23 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-            placeholder: {
+            hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
             };
-            prefix: {
+            placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -191,6 +191,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<"top" | "inside">;
                 default: string;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -199,18 +203,14 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            hoverHelpTextPlacement: {
-                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             onlyDigits: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            prefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             suffix: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -242,7 +242,9 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             "onUpdate:showApply"?: (value: boolean) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, {
+            manualFocus: () => any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: string | number) => void;
             "update:showApply": (value: boolean) => void;
         }, string, {
@@ -251,18 +253,18 @@ declare const TextFieldTypes: () => ({
             size: "small" | "medium" | "large";
             testId: string;
             disabled: boolean;
+            mandatory: boolean;
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             modelValue: string | number;
             placeholder: string;
-            mandatory: boolean;
-            autoFocus: boolean;
-            prefix: string;
             viewOnly: boolean;
             labelDirection: "top" | "inside";
+            autoFocus: boolean;
             hideNumberArrows: boolean;
             step: number;
-            hoverHelpText: string;
-            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             onlyDigits: boolean;
+            prefix: string;
             suffix: string;
             maxLength: number;
             showApply: boolean;
@@ -311,23 +313,23 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        placeholder: {
+        hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
         };
-        prefix: {
+        placeholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -339,6 +341,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<"top" | "inside">;
             default: string;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideNumberArrows: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -347,18 +353,14 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<number>;
             default: number;
         };
-        hoverHelpText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        hoverHelpTextPlacement: {
-            type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         onlyDigits: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        prefix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         suffix: {
             type: import("vue").PropType<string>;
             default: string;
@@ -390,7 +392,9 @@ declare const TextFieldTypes: () => ({
     }>> & {
         "onUpdate:modelValue"?: (value: string | number) => any;
         "onUpdate:showApply"?: (value: boolean) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{
+        manualFocus: () => any;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -415,23 +419,23 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-        default: string;
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
-    placeholder: {
+    hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
     };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        default: string;
     };
-    prefix: {
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -443,6 +447,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<"top" | "inside">;
         default: string;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideNumberArrows: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -451,18 +459,14 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<number>;
         default: number;
     };
-    hoverHelpText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hoverHelpTextPlacement: {
-        type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-        default: string;
-    };
     onlyDigits: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    prefix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     suffix: {
         type: import("vue").PropType<string>;
         default: string;
@@ -494,7 +498,9 @@ declare const TextFieldTypes: () => ({
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     "onUpdate:showApply"?: (value: boolean) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    manualFocus: () => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
     "update:showApply": (value: boolean) => void;
 }, string, {
@@ -503,18 +509,18 @@ declare const TextFieldTypes: () => ({
     size: "small" | "medium" | "large";
     testId: string;
     disabled: boolean;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     modelValue: string | number;
     placeholder: string;
-    mandatory: boolean;
-    autoFocus: boolean;
-    prefix: string;
     viewOnly: boolean;
     labelDirection: "top" | "inside";
+    autoFocus: boolean;
     hideNumberArrows: boolean;
     step: number;
-    hoverHelpText: string;
-    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     onlyDigits: boolean;
+    prefix: string;
     suffix: string;
     maxLength: number;
     showApply: boolean;

package/components/search/common/Search.common.d.ts

@@ -5,5 +5,6 @@ export declare const searchCommon: (props: any, emit: any) => {
     showClear: import("vue").ComputedRef<boolean>;
     rightIcon: import("vue").ComputedRef<"cancel" | "search">;
     onRightIconClick: () => void;
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
+    clearValue: () => void;
 };