@ironsource/shared-ui 2.1.3-rc.2 → 2.1.3-rc.4

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

@@ -0,0 +1,90 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
+import { FeedbackVariant } from '@/components/shared/commonTypes';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    maxLength?: number;
+    mandatory?: boolean;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: TooltipPositions;
+    feedbackVariant?: FeedbackVariant;
+    feedbackText?: string;
+    showFeedbackTextIcon?: boolean;
+    testId?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    label: string;
+    maxLength: any;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    showFeedbackTextIcon: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    maxLength?: number;
+    mandatory?: boolean;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: TooltipPositions;
+    feedbackVariant?: FeedbackVariant;
+    feedbackText?: string;
+    showFeedbackTextIcon?: boolean;
+    testId?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    label: string;
+    maxLength: any;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    showFeedbackTextIcon: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    label: string;
+    disabled: boolean;
+    mandatory: boolean;
+    testId: string;
+    modelValue: string;
+    placeholder: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: TooltipPositions;
+    feedbackText: string;
+    feedbackVariant: FeedbackVariant;
+    maxLength: number;
+    showFeedbackTextIcon: boolean;
+}>;
+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];
+} & {};

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

@@ -0,0 +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_6e91a617_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6e91a617"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,74 @@
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_6e91a617_lang.css"; import { defineComponent as x, computed as b, openBlock as t, createElementBlock as c, mergeProps as i, unref as a, createBlock as n, createCommentVNode as d, createElementVNode as v } from "vue";
+import g from "../../shared/FieldLabel.vue.js";
+import k from "../../shared/FieldMaxLength.vue.js";
+import T from "../../shared/FieldHelpText.vue.js";
+import { TextAreaTestIdModifiers as o } from "../../../testids/index.js";
+import { useTestIdAttrs as V } from "../../../utils/testIds.js";
+const I = ["value", "placeholder", "disabled", "maxlength"], y = {
+  key: 1,
+  class: "footer"
+}, L = {
+  inheritAttrs: !1
+}, E = /* @__PURE__ */ x({
+  ...L,
+  __name: "TextAreaV4",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    maxLength: { default: null },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: m }) {
+    const r = e, h = (l) => {
+      m("update:modelValue", l.target.value);
+    }, f = b(() => (r.modelValue || "").length), u = V(r.testId, o);
+    return (l, s) => (t(), c("div", i({ class: "textarea-field" }, a(u)[a(o).WRAPPER]), [
+      e.label ? (t(), n(g, {
+        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"])) : d("", !0),
+      v("textarea", i({ ...l.$attrs, ...a(u)[a(o).FIELD] }, {
+        class: ["textarea", {
+          "textarea--disabled": e.disabled,
+          [`textarea--variant-${e.feedbackVariant}`]: !0
+        }],
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        maxlength: e.maxLength,
+        onInput: h
+      }), null, 16, I),
+      e.feedbackText || e.maxLength ? (t(), c("div", y, [
+        e.feedbackText ? (t(), n(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"])) : d("", !0),
+        e.maxLength ? (t(), n(k, {
+          key: 1,
+          "current-length": a(f),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : d("", !0)
+      ])) : d("", !0)
+    ], 16));
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,118 @@
+declare const TextAreaTypes: () => import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    showFeedbackTextIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    showFeedbackTextIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    label: string;
+    disabled: boolean;
+    mandatory: boolean;
+    testId: string;
+    modelValue: string;
+    placeholder: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    feedbackText: string;
+    feedbackVariant: "success" | "warning" | "error";
+    maxLength: number;
+    showFeedbackTextIcon: boolean;
+}>[];
+export { default as TextArea } from './TextAreaV4.vue';
+export { TextAreaTypes };

package/components/textArea/v4/index.js

@@ -0,0 +1,6 @@
+import e from "./TextAreaV4.vue.js";
+const t = () => [e];
+export {
+  e as TextArea,
+  t as TextAreaTypes
+};