@ironsource/shared-ui 2.1.12-test.53 → 2.1.12-test.54

package/components/tagsField/TagsField.vue2.js

@@ -0,0 +1,90 @@
+ import "../../TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css"; import { defineComponent as R, ref as m, computed as B, openBlock as s, createElementBlock as p, mergeProps as k, unref as d, createElementVNode as x, normalizeClass as C, Fragment as P, renderList as $, createBlock as V, withDirectives as E, withKeys as A, withModifiers as H, vModelText as D, createCommentVNode as h } from "vue";
+import { TagsFieldTestIdModifiers as r } from "../../testids/index.js";
+import { useTestIdAttrs as K } from "../../utils/testIds.js";
+import M from "./TagsFieldChip.vue.js";
+import { WIDTH_PER_CHAR as U } from "./consts.js";
+import W from "../shared/FieldHelpText.vue.js";
+const L = ["placeholder", "disabled", "onKeyup"], N = {
+  key: 0,
+  class: "footer"
+}, Q = /* @__PURE__ */ R({
+  __name: "TagsField",
+  props: {
+    modelValue: { default: () => [] },
+    placeholder: { default: "" },
+    testId: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: c }) {
+    const u = e, f = m(!1), n = m(""), I = B(
+      () => n.value.length * U + "px"
+    ), v = m(null), g = () => {
+      v.value?.focus();
+    }, y = () => {
+      f.value = !1, T();
+    }, T = () => {
+      const o = (n.value || "").trim();
+      o && (n.value = "", c("update:modelValue", [...u.modelValue, { text: o }]));
+    }, F = (o) => {
+      const l = u.modelValue || [];
+      c(
+        "update:modelValue",
+        l.filter((a, t) => t !== o)
+      );
+    }, w = (o, l) => {
+      const a = u.modelValue || [];
+      c(
+        "update:modelValue",
+        a.map((t, i) => i === o ? { ...t, text: l } : t)
+      );
+    }, b = K(u.testId, r);
+    return (o, l) => (s(), p("div", k({
+      class: ["tags-field", [`tags-field--${e.feedbackVariant}`]]
+    }, d(b)[d(r).WRAPPER], { onClick: g }), [
+      x("div", {
+        class: C(["input-container", { "input-container--focused": f.value }])
+      }, [
+        (s(!0), p(P, null, $(e.modelValue, (a, t) => (s(), V(M, {
+          key: t,
+          label: a.text,
+          "is-invalid": a.isInvalid,
+          "test-id": `${e.testId}-${d(r).CHIP}-${t}`,
+          onRemove: (i) => F(t),
+          "onUpdate:label": (i) => w(t, i)
+        }, null, 8, ["label", "is-invalid", "test-id", "onRemove", "onUpdate:label"]))), 128)),
+        E(x("input", k({
+          ref_key: "inputRef",
+          ref: v,
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
+          class: "input",
+          type: "text",
+          style: { width: d(I) },
+          placeholder: e.placeholder,
+          disabled: e.disabled
+        }, d(b)[d(r).FIELD], {
+          onFocus: l[1] || (l[1] = (a) => f.value = !0),
+          onBlur: y,
+          onKeyup: A(H(T, ["prevent"]), ["enter"])
+        }), null, 16, L), [
+          [D, n.value]
+        ])
+      ], 2),
+      e.feedbackText ? (s(), p("div", N, [
+        e.feedbackText ? (s(), V(W, {
+          key: 0,
+          text: e.feedbackText,
+          variant: e.feedbackVariant,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : h("", !0)
+      ])) : h("", !0)
+    ], 16));
+  }
+});
+export {
+  Q as default
+};

package/components/tagsField/TagsFieldChip.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    isInvalid?: boolean;
+    testId?: string;
+}>, {
+    isInvalid: boolean;
+    label: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:label": (value: string) => void;
+    remove: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    isInvalid?: boolean;
+    testId?: string;
+}>, {
+    isInvalid: boolean;
+    label: string;
+    testId: string;
+}>>> & {
+    onRemove?: () => any;
+    "onUpdate:label"?: (value: string) => any;
+}, {
+    label: string;
+    testId: string;
+    isInvalid: 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/tagsField/TagsFieldChip.vue.js

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

package/components/tagsField/TagsFieldChip.vue2.js

@@ -0,0 +1,81 @@
+ import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css"; import { defineComponent as k, ref as p, computed as x, openBlock as C, createBlock as I, unref as t, normalizeClass as c, withModifiers as s, withCtx as f, createElementVNode as v, createVNode as m, createTextVNode as w, toDisplayString as T, withDirectives as B, isRef as E, withKeys as h, vShow as V, vModelText as K, nextTick as N } from "vue";
+import R from "../typography/v4/Typography.vue.js";
+import z from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import D from "../chip/v4/ChipV4.vue.js";
+const M = { class: "chip-content" }, S = ["onKeyup"], j = /* @__PURE__ */ k({
+  __name: "TagsFieldChip",
+  props: {
+    label: { default: "" },
+    isInvalid: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:label", "remove"],
+  setup(l, { emit: n }) {
+    const b = l, i = p(!1), e = x({
+      get: () => b.label,
+      set: (d) => {
+        n("update:label", d);
+      }
+    }), r = p(null), g = () => r.value?.focus(), y = async () => {
+      i.value = !0, await N(), g();
+    }, o = () => {
+      i.value = !1, e.value || n("remove");
+    };
+    return (d, a) => (C(), I(t(D), {
+      class: c(["tags-field-chip", {
+        "tags-field-chip--editing": i.value,
+        "tags-field-chip--invalid": l.isInvalid
+      }]),
+      label: t(e),
+      "test-id": l.testId,
+      color: l.isInvalid ? "error" : "default",
+      onClick: s(y, ["stop"])
+    }, {
+      default: f(() => [
+        v("div", M, [
+          m(t(R), {
+            variant: "chipLabel",
+            class: c(["chip-label", { "chip-label--hidden": i.value }])
+          }, {
+            default: f(() => [
+              w(T(t(e)), 1)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          B(v("input", {
+            ref_key: "inputRef",
+            ref: r,
+            "onUpdate:modelValue": a[0] || (a[0] = (u) => E(e) ? e.value = u : null),
+            class: "chip-input",
+            spellcheck: "false",
+            onBlur: o,
+            onKeyup: [
+              h(s(o, ["prevent"]), ["enter"]),
+              h(s(o, ["prevent"]), ["esc"])
+            ]
+          }, null, 40, S), [
+            [V, i.value],
+            [
+              K,
+              t(e),
+              void 0,
+              { trim: !0 }
+            ]
+          ])
+        ]),
+        m(t(z), {
+          class: c(["clear-button", { "clear-button--invalid": l.isInvalid }]),
+          name: "x-circle",
+          size: "16px",
+          type: "fill",
+          onClick: a[1] || (a[1] = s((u) => n("remove"), ["stop"]))
+        }, null, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["class", "label", "test-id", "color", "onClick"]));
+  }
+});
+export {
+  j as default
+};

package/components/tagsField/consts.d.ts

@@ -0,0 +1 @@
+export declare const WIDTH_PER_CHAR = 10;

package/components/tagsField/consts.js

@@ -0,0 +1,4 @@
+const o = 10;
+export {
+  o as WIDTH_PER_CHAR
+};

package/components/tagsField/index.d.ts

@@ -0,0 +1,75 @@
+import TagsField from './TagsField.vue';
+declare const TagsFieldTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./TagsField.types").Tag[]>;
+        required: true;
+        default: () => any[];
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
+    showFeedbackTextIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("./TagsField.types").Tag[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./TagsField.types").Tag[]>;
+        required: true;
+        default: () => any[];
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
+    showFeedbackTextIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: import("./TagsField.types").Tag[]) => any;
+}, {
+    testId: string;
+    disabled: boolean;
+    modelValue: import("./TagsField.types").Tag[];
+    placeholder: string;
+    feedbackText: string;
+    feedbackVariant: "success" | "warning" | "error";
+    showFeedbackTextIcon: boolean;
+}>[];
+export { TagsField, TagsFieldTypes };

package/components/tagsField/index.js

@@ -0,0 +1,6 @@
+import e from "./TagsField.vue.js";
+const s = () => [e];
+export {
+  e as TagsField,
+  s as TagsFieldTypes
+};