@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.9

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

@@ -12,14 +12,14 @@ declare const InputTypes: () => (({
             size: "sm" | "lg";
             testId: string;
             disabled: boolean;
+            modelValue: string | number;
+            placeholder: string;
             mandatory: boolean;
+            autoFocus: 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;
             viewOnly: boolean;
             labelDirection: "top" | "left" | "inside";
-            autoFocus: boolean;
             hideNumberArrows: boolean;
             step: number;
             onlyDigits: boolean;
@@ -46,10 +46,22 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -58,14 +70,6 @@ declare const InputTypes: () => (({
                 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;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -74,10 +78,6 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<"top" | "left" | "inside">;
                 default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -100,7 +100,7 @@ declare const InputTypes: () => (({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
-        } & 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" | "feedbackHelpText" | "feedbackErrorText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "hoverHelpText" | "hoverHelpTextPlacement" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -135,10 +135,22 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -147,14 +159,6 @@ declare const InputTypes: () => (({
                 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;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -163,10 +167,6 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<"top" | "left" | "inside">;
                 default: string;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             hideNumberArrows: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -197,14 +197,14 @@ declare const InputTypes: () => (({
             size: "sm" | "lg";
             testId: string;
             disabled: boolean;
+            modelValue: string | number;
+            placeholder: string;
             mandatory: boolean;
+            autoFocus: 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;
             viewOnly: boolean;
             labelDirection: "top" | "left" | "inside";
-            autoFocus: boolean;
             hideNumberArrows: boolean;
             step: number;
             onlyDigits: boolean;
@@ -251,10 +251,22 @@ declare const InputTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -263,14 +275,6 @@ declare const InputTypes: () => (({
             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;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -279,10 +283,6 @@ declare const InputTypes: () => (({
             type: import("vue").PropType<"top" | "left" | "inside">;
             default: string;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideNumberArrows: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -330,10 +330,22 @@ declare const InputTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -342,14 +354,6 @@ declare const InputTypes: () => (({
         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;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-        default: string;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     viewOnly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -358,10 +362,6 @@ declare const InputTypes: () => (({
         type: import("vue").PropType<"top" | "left" | "inside">;
         default: string;
     };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     hideNumberArrows: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -392,14 +392,14 @@ declare const InputTypes: () => (({
     size: "sm" | "lg";
     testId: string;
     disabled: boolean;
+    modelValue: string | number;
+    placeholder: string;
     mandatory: boolean;
+    autoFocus: 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;
     viewOnly: boolean;
     labelDirection: "top" | "left" | "inside";
-    autoFocus: boolean;
     hideNumberArrows: boolean;
     step: number;
     onlyDigits: boolean;
@@ -491,36 +491,36 @@ declare const InputTypes: () => (({
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string | number) => any>;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    };
     hoverHelpText: {
         type: import("vue").PropType<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">;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
     viewOnly: {
         type: import("vue").PropType<boolean>;
     };
     labelDirection: {
         type: import("vue").PropType<"top" | "left" | "inside">;
     };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-    };
     onlyDigits: {
         type: import("vue").PropType<boolean>;
     };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: string | number) => any>;
-    };
     feedbackHelpText: {
         type: import("vue").PropType<string>;
     };
@@ -610,36 +610,36 @@ declare const InputTypes: () => (({
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string | number) => any>;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    };
     hoverHelpText: {
         type: import("vue").PropType<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">;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
     viewOnly: {
         type: import("vue").PropType<boolean>;
     };
     labelDirection: {
         type: import("vue").PropType<"top" | "left" | "inside">;
     };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-    };
     onlyDigits: {
         type: import("vue").PropType<boolean>;
     };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: string | number) => any>;
-    };
     feedbackHelpText: {
         type: import("vue").PropType<string>;
     };

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

@@ -119,25 +119,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: FieldSize;
     testId: string;
     disabled: boolean;
+    modelValue: string | number;
+    placeholder: string;
     mandatory: boolean;
+    autoFocus: boolean;
+    prefix: string;
+    feedbackVariant: FeedbackVariant;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
-    modelValue: string | number;
-    placeholder: string;
+    feedbackText: string;
     viewOnly: boolean;
     labelDirection: LabelDirection;
-    autoFocus: boolean;
     hideNumberArrows: boolean;
     step: number;
     onlyDigits: boolean;
-    prefix: string;
     suffix: string;
     maxLength: number;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
-    feedbackText: string;
-    feedbackVariant: FeedbackVariant;
     showFeedbackTextIcon: boolean;
 }>, {
     iconBefore?(_: {}): any;

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

@@ -1,7 +1,7 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_d4dc4582_lang.css"; import { defineComponent as K, computed as w, ref as G, openBlock as l, createElementBlock as o, mergeProps as y, unref as t, createBlock as u, createCommentVNode as n, createElementVNode as g, normalizeClass as M, renderSlot as F, withCtx as v, createTextVNode as h, toDisplayString as x, withKeys as W, withModifiers as $, createVNode as p, pushScopeId as j, popScopeId as q } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_d4dc4582_lang.css"; import { defineComponent as K, computed as w, ref as G, openBlock as l, createElementBlock as o, mergeProps as y, unref as t, createBlock as u, createCommentVNode as n, createElementVNode as g, normalizeClass as M, renderSlot as F, withCtx as v, createTextVNode as h, toDisplayString as x, withKeys as W, withModifiers as S, createVNode as p, pushScopeId as j, popScopeId as q } from "vue";
 import b from "../../icon/v4/IconV4.vue.js";
 import J from "../../tooltip/v4/TooltipV4.vue.js";
-/* empty css                               */import T from "../../typography/v4/Typography.vue.js";
+import T from "../../typography/v4/Typography.vue.js";
 import { InputTestIdModifiers as f } from "../../../testids/index.js";
 import { inputCommon as Q } from "../common/Input.common.js";
 import U from "../../shared/FieldLabel.vue.js";
@@ -24,7 +24,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
   class: "max-length"
 }, oe = /* @__PURE__ */ Z(() => /* @__PURE__ */ g("span", { class: "max-length__divider" }, "/", -1)), de = {
   inheritAttrs: !1
-}, pe = /* @__PURE__ */ K({
+}, xe = /* @__PURE__ */ K({
   ...de,
   __name: "TextField",
   props: {
@@ -55,7 +55,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
     inlineErrorText: { default: "" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(e, { expose: S, emit: I }) {
+  setup(e, { expose: $, emit: I }) {
     const s = e, c = Y(s.testId, f), P = () => {
       s.showApply ? I("apply") : d?.confirmable && O();
     }, z = () => A.value.focus(), {
@@ -70,7 +70,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
       handleInput: C,
       handleKeypress: E
     } = Q(s, I), L = w(() => d.value?.value ?? s.modelValue), H = w(() => (L.value || "").length), m = G(!1), R = w(() => m.value && s.type === "password" ? "text" : s.type);
-    return S({
+    return $({
       manualFocus: z
     }), (r, a) => (l(), o("div", y({
       class: {
@@ -128,7 +128,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
           (...i) => t(C) && t(C)(...i)),
           onFocus: a[1] || (a[1] = (i) => k.value = !0),
           onBlur: a[2] || (a[2] = (i) => k.value = !1),
-          onKeyup: a[3] || (a[3] = W($(
+          onKeyup: a[3] || (a[3] = W(S(
             //@ts-ignore
             (...i) => t(B) && t(B)(...i),
             ["prevent"]
@@ -139,7 +139,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
         e.showApply || t(d)?.confirmable && !t(d)?.error?.value ? (l(), o("div", {
           key: 2,
           class: "apply-button",
-          onClick: $(P, ["stop", "prevent"])
+          onClick: S(P, ["stop", "prevent"])
         }, [
           p(t(b), {
             name: "check",
@@ -215,5 +215,5 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
   }
 });
 export {
-  pe as default
+  xe as default
 };