@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-rc.2

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

@@ -0,0 +1,161 @@
+import { TooltipPositions } from '@/components/tooltip/Tooltip.types';
+import { LabelDirection, FieldSize, FieldType } from './TextField.types';
+import { FeedbackVariant } from '@/components/shared/commonTypes';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    viewOnly?: boolean;
+    size?: FieldSize;
+    label?: string;
+    labelDirection?: LabelDirection;
+    mandatory?: boolean;
+    feedbackVariant?: FeedbackVariant;
+    feedbackText?: string;
+    autoFocus?: boolean;
+    type?: FieldType;
+    hideNumberArrows?: boolean;
+    step?: number;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: TooltipPositions;
+    onlyDigits?: boolean;
+    testId?: string;
+    prefix?: string;
+    suffix?: string;
+    maxLength?: number;
+    showApply?: boolean;
+    inlineError?: boolean;
+    inlineErrorText?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    viewOnly: boolean;
+    size: string;
+    label: string;
+    labelDirection: string;
+    mandatory: boolean;
+    autoFocus: boolean;
+    type: string;
+    hideNumberArrows: boolean;
+    step: number;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    onlyDigits: boolean;
+    testId: string;
+    prefix: string;
+    suffix: string;
+    maxLength: any;
+    showApply: boolean;
+    inlineError: boolean;
+    inlineErrorText: string;
+    feedbackText: string;
+    feedbackVariant: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => void;
+    "update:showApply": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    viewOnly?: boolean;
+    size?: FieldSize;
+    label?: string;
+    labelDirection?: LabelDirection;
+    mandatory?: boolean;
+    feedbackVariant?: FeedbackVariant;
+    feedbackText?: string;
+    autoFocus?: boolean;
+    type?: FieldType;
+    hideNumberArrows?: boolean;
+    step?: number;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: TooltipPositions;
+    onlyDigits?: boolean;
+    testId?: string;
+    prefix?: string;
+    suffix?: string;
+    maxLength?: number;
+    showApply?: boolean;
+    inlineError?: boolean;
+    inlineErrorText?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    viewOnly: boolean;
+    size: string;
+    label: string;
+    labelDirection: string;
+    mandatory: boolean;
+    autoFocus: boolean;
+    type: string;
+    hideNumberArrows: boolean;
+    step: number;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    onlyDigits: boolean;
+    testId: string;
+    prefix: string;
+    suffix: string;
+    maxLength: any;
+    showApply: boolean;
+    inlineError: boolean;
+    inlineErrorText: string;
+    feedbackText: string;
+    feedbackVariant: any;
+}>>> & {
+    "onUpdate:modelValue"?: (value: string | number) => any;
+    "onUpdate:showApply"?: (value: boolean) => any;
+}, {
+    type: FieldType;
+    label: string;
+    size: FieldSize;
+    testId: string;
+    disabled: boolean;
+    modelValue: string | number;
+    placeholder: string;
+    mandatory: boolean;
+    autoFocus: boolean;
+    prefix: string;
+    viewOnly: boolean;
+    labelDirection: LabelDirection;
+    hideNumberArrows: boolean;
+    step: number;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: TooltipPositions;
+    onlyDigits: boolean;
+    suffix: string;
+    maxLength: number;
+    showApply: boolean;
+    inlineError: boolean;
+    inlineErrorText: string;
+    feedbackText: string;
+    feedbackVariant: FeedbackVariant;
+}>, {
+    iconBefore?(_: {}): any;
+    iconAfter?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,6 @@
+import o from "./TextField.vue.vue2.js";
+/* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f4f61aa1"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,209 @@
+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.vue.js";
+import j from "../../tooltip/Tooltip.vue.vue.js";
+/* empty css                              */import T from "../../typography/v4/Typography.vue.vue.js";
+import { InputTestIdModifiers as f } from "../../../testids/index.vue.js";
+import { inputCommon as q } from "../common/Input.common.vue.js";
+import J from "../../shared/FieldLabel.vue.vue.js";
+import Q from "../../shared/FieldHelpText.vue.vue.js";
+import { useTestIdAttrs as U } from "../../../utils/testIds.vue.js";
+const X = (e) => (M("data-v-f4f61aa1"), e = e(), W(), e), Y = {
+  key: 0,
+  class: "icon-container icon-before"
+}, Z = ["value", "placeholder", "disabled", "type", "step", "maxlength"], _ = ["onClick"], ee = {
+  key: 3,
+  class: "inline-error"
+}, te = {
+  key: 6,
+  class: "icon-container icon-after"
+}, le = {
+  key: 1,
+  class: "footer"
+}, ae = {
+  key: 1,
+  class: "max-length"
+}, ne = /* @__PURE__ */ X(() => /* @__PURE__ */ g("span", { class: "max-length__divider" }, "/", -1)), ie = {
+  inheritAttrs: !1
+}, he = /* @__PURE__ */ H({
+  ...ie,
+  __name: "TextField",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    viewOnly: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    autoFocus: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    hideNumberArrows: { type: Boolean, default: !1 },
+    step: { default: 1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    onlyDigits: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    prefix: { default: "" },
+    suffix: { default: "" },
+    maxLength: { default: null },
+    showApply: { type: Boolean, default: !1 },
+    inlineError: { type: Boolean, default: !1 },
+    inlineErrorText: { default: "" }
+  },
+  emits: ["update:modelValue", "update:showApply"],
+  setup(e, { emit: I }) {
+    const s = e, c = U(s.testId, f), S = () => {
+      s.showApply ? I("update:showApply", !1) : d?.confirmable && P();
+    }, {
+      onConfirm: P,
+      onEnter: A,
+      inputRef: F,
+      isFocused: b,
+      showLabelInside: B,
+      api: d,
+      labelText: O,
+      sizeClass: z,
+      handleInput: V,
+      handleKeypress: C
+    } = q(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({
+      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(J, {
+        key: 0,
+        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"])) : n("", !0),
+      g("div", {
+        class: K({
+          "input-container": !0,
+          "label-inside": t(B),
+          focused: t(b)
+        })
+      }, [
+        r.$slots.iconBefore ? (a(), o("div", Y, [
+          L(r.$slots, "iconBefore", {}, void 0, !0)
+        ])) : n("", !0),
+        e.prefix ? (a(), v(t(T), {
+          key: 1,
+          class: "prefix-text",
+          variant: "body1"
+        }, {
+          default: h(() => [
+            p(x(e.prefix), 1)
+          ]),
+          _: 1
+        })) : n("", !0),
+        g("input", y({ ...r.$attrs, ...t(c)[t(f).FIELD] }, {
+          ref_key: "inputRef",
+          ref: F,
+          value: t(E),
+          placeholder: t(O),
+          disabled: e.disabled || e.viewOnly,
+          type: t(N),
+          class: ["input", {
+            [t(z)]: !0,
+            "view-only": e.viewOnly,
+            "label-inside": t(B),
+            "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)),
+          onFocus: l[1] || (l[1] = (i) => b.value = !0),
+          onBlur: l[2] || (l[2] = (i) => b.value = !1),
+          onKeyup: l[3] || (l[3] = G($(
+            //@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", {
+          key: 2,
+          class: "apply-button",
+          onClick: $(S, ["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(j), y({
+            disabled: !e.inlineErrorText && !t(d)?.error?.value,
+            text: e.inlineErrorText || t(d)?.error?.value,
+            "test-id": e.testId
+          }, t(c)[t(f).TOOLTIP]), {
+            default: h(() => [
+              u(t(w), {
+                name: "warning-circle",
+                "font-size": "sm"
+              })
+            ]),
+            _: 1
+          }, 16, ["disabled", "text", "test-id"])
+        ])) : n("", !0),
+        e.suffix ? (a(), v(t(T), {
+          key: 4,
+          class: "suffix-text",
+          variant: "body1"
+        }, {
+          default: h(() => [
+            p(x(e.suffix), 1)
+          ]),
+          _: 1
+        })) : n("", !0),
+        e.type === "password" ? (a(), o("div", y({
+          key: 5,
+          class: "password-visibility-toggle"
+        }, t(c)[t(f).TOGGLE_PASSWORD], {
+          onClick: l[5] || (l[5] = (i) => m.value = !m.value)
+        }), [
+          u(t(w), {
+            name: m.value ? "eye-v4" : "eye-slash",
+            "font-size": "sm"
+          }, null, 8, ["name"])
+        ], 16)) : n("", !0),
+        r.$slots.iconAfter ? (a(), o("div", te, [
+          L(r.$slots, "iconAfter", {}, void 0, !0)
+        ])) : n("", !0)
+      ], 2),
+      e.feedbackText || e.maxLength ? (a(), o("div", le, [
+        e.feedbackText ? (a(), v(Q, {
+          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, [
+          u(t(T), { variant: "caption" }, {
+            default: h(() => [
+              p(x(t(D)) + " ", 1),
+              ne,
+              p(" " + x(e.maxLength), 1)
+            ]),
+            _: 1
+          })
+        ])) : n("", !0)
+      ])) : n("", !0)
+    ], 16));
+  }
+});
+export {
+  he as default
+};