@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/input/Input.vue.vue2.js

@@ -0,0 +1,195 @@
+import { defineComponent as A, ref as x, computed as b, onMounted as F, nextTick as K, openBlock as a, createElementBlock as s, normalizeClass as f, createVNode as r, unref as t, withCtx as d, createTextVNode as y, toDisplayString as T, createBlock as w, createCommentVNode as n, createElementVNode as p, renderSlot as z, mergeProps as O, withKeys as P, withModifiers as B } from "vue";
+/* empty css                              */import h from "../typography/Text.vue.vue.js";
+import k from "../icon/Icon.vue.vue.js";
+import C from "../tooltip/Tooltip.vue.vue.js";
+/* empty css                           *//* empty css                            *//* empty css                         */import g from "../button/IconButton.vue.vue.js";
+/* empty css                               */import { useEditableContext as M } from "../table-cells/EditableContext.vue.js";
+import "@vueuse/core";
+/* empty css                                */const R = { class: "info-icon-wrapper" }, S = {
+  key: 0,
+  class: "icon-container icon-before"
+}, L = ["value", "placeholder", "disabled", "type", "step", "onKeyup"], j = {
+  key: 1,
+  class: "icon-container icon-after"
+}, q = { key: 2 }, G = { key: 3 }, J = {
+  key: 1,
+  class: "extra-text-container"
+}, Q = {
+  inheritAttrs: !1
+}, ie = /* @__PURE__ */ A({
+  ...Q,
+  __name: "Input",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    viewOnly: { type: Boolean, default: !1 },
+    size: { default: "lg" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    feedbackHelpText: { default: "" },
+    autoFocus: { type: Boolean, default: !1 },
+    feedbackErrorText: { default: "" },
+    type: { default: "text" },
+    hideNumberArrows: { type: Boolean, default: !1 },
+    step: { default: 1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: E }) {
+    const i = e, $ = (o) => {
+      l.onClose?.();
+    }, H = () => {
+      l?.confirmable && !l?.error?.value && l.onClose?.();
+    }, m = x(null), u = x(!1), v = b(() => i.label && i.labelDirection === "inside" && !u.value), l = M();
+    F(async () => {
+      await K(), !(!i.autoFocus && !l.focusable) && m.value && m.value.focus();
+    });
+    const V = b(() => {
+      if (v.value) {
+        let o = i.label;
+        return i.mandatory && (o += " *"), o;
+      }
+      return i.placeholder;
+    }), D = b(() => `input-size-${i.size}`), I = (o) => {
+      l.onChange?.(o.target.value), E("update:modelValue", o.target.value);
+    };
+    return (o, c) => (a(), s("div", {
+      class: f({
+        "input-with-label-container": !0,
+        "label-direction-left": e.labelDirection === "left",
+        disabled: e.disabled
+      })
+    }, [
+      e.label && e.labelDirection !== "inside" ? (a(), s("div", {
+        key: 0,
+        class: f(["label-container", "direction-" + e.labelDirection])
+      }, [
+        r(t(h), { class: "label" }, {
+          default: d(() => [
+            y(T(e.label), 1)
+          ]),
+          _: 1
+        }),
+        e.mandatory ? (a(), w(t(h), {
+          key: 0,
+          size: "lg",
+          class: "mandatory"
+        }, {
+          default: d(() => [
+            y("*")
+          ]),
+          _: 1
+        })) : n("", !0),
+        e.hoverHelpText ? (a(), w(t(C), {
+          key: 1,
+          triggers: ["hover"],
+          text: e.hoverHelpText,
+          placement: e.hoverHelpTextPlacement,
+          size: "xs",
+          strong: !0
+        }, {
+          default: d(() => [
+            p("div", R, [
+              r(t(k), {
+                class: "info-icon",
+                name: "info",
+                "font-size": "sm"
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["text", "placement"])) : n("", !0)
+      ], 2)) : n("", !0),
+      p("div", {
+        class: f({
+          "input-container": !0,
+          "label-inside": t(v),
+          error: t(l).error?.value || e.feedbackErrorText,
+          focused: u.value
+        })
+      }, [
+        o.$slots.iconBefore ? (a(), s("div", S, [
+          z(o.$slots, "iconBefore", {}, void 0, !0)
+        ])) : n("", !0),
+        p("input", O(o.$attrs, {
+          ref_key: "inputRef",
+          ref: m,
+          value: t(l).value?.value ?? e.modelValue,
+          placeholder: t(V),
+          disabled: e.disabled || e.viewOnly,
+          type: e.type,
+          class: ["input", {
+            [t(D)]: !0,
+            "view-only": e.viewOnly,
+            "label-inside": t(v),
+            "hide-arrows": e.hideNumberArrows,
+            "input-type": e.type
+          }],
+          step: e.step,
+          onInput: I,
+          onFocus: c[0] || (c[0] = (N) => u.value = !0),
+          onBlur: c[1] || (c[1] = (N) => u.value = !1),
+          onKeyup: P(B(H, ["prevent"]), ["enter"])
+        }), null, 16, L),
+        o.$slots.iconAfter ? (a(), s("div", j, [
+          z(o.$slots, "iconAfter", {}, void 0, !0)
+        ])) : n("", !0),
+        t(l)?.confirmable && !t(l)?.error?.value ? (a(), s("div", q, [
+          r(t(g), {
+            class: "confirm-icon",
+            theme: "secondary",
+            variant: "colorized",
+            onClick: B($, ["stop", "prevent"])
+          }, {
+            default: d(() => [
+              r(t(k), {
+                name: "check-bold",
+                "font-size": "sm"
+              })
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ])) : n("", !0),
+        t(l)?.error?.value ? (a(), s("div", G, [
+          r(t(C), {
+            text: t(l)?.error?.value
+          }, {
+            default: d(() => [
+              r(t(g), {
+                class: "error-icon",
+                theme: "secondary",
+                variant: "colorized"
+              }, {
+                default: d(() => [
+                  r(t(k), {
+                    name: "error",
+                    "font-size": "sm"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ])) : n("", !0)
+      ], 2),
+      e.feedbackErrorText || e.feedbackHelpText ? (a(), s("div", J, [
+        r(t(h), {
+          class: f(e.feedbackErrorText ? "error" : "help"),
+          size: "caption"
+        }, {
+          default: d(() => [
+            y(T(e.feedbackErrorText || e.feedbackHelpText), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ])) : n("", !0)
+    ], 2));
+  }
+});
+export {
+  ie as default
+};

package/components/input/PasswordInput.vue.d.ts

@@ -3,18 +3,231 @@ import { ExtractComponentProps } from '../../utils/extract-props';
 export type PasswordPropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows' | 'step'>;
 export interface PasswordProps extends PasswordPropsType {
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PasswordProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    style: {
+        type: import("vue").PropType<unknown>;
+    };
+    class: {
+        type: import("vue").PropType<unknown>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    key: {
+        type: import("vue").PropType<string | number | symbol>;
+    };
+    ref: {
+        type: import("vue").PropType<import("vue").VNodeRef>;
+    };
+    ref_for: {
+        type: import("vue").PropType<boolean>;
+    };
+    ref_key: {
+        type: import("vue").PropType<string>;
+    };
+    onVnodeBeforeMount: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeMounted: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeBeforeUpdate: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeUpdated: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeBeforeUnmount: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeUnmounted: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string | number) => any>;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    viewOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    labelDirection: {
+        type: import("vue").PropType<"top" | "left" | "inside">;
+    };
+    feedbackHelpText: {
+        type: import("vue").PropType<string>;
+    };
+    feedbackErrorText: {
+        type: import("vue").PropType<string>;
+    };
+    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">;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PasswordProps>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    style: {
+        type: import("vue").PropType<unknown>;
+    };
+    class: {
+        type: import("vue").PropType<unknown>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    key: {
+        type: import("vue").PropType<string | number | symbol>;
+    };
+    ref: {
+        type: import("vue").PropType<import("vue").VNodeRef>;
+    };
+    ref_for: {
+        type: import("vue").PropType<boolean>;
+    };
+    ref_key: {
+        type: import("vue").PropType<string>;
+    };
+    onVnodeBeforeMount: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeMounted: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeBeforeUpdate: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeUpdated: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeBeforeUnmount: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    onVnodeUnmounted: {
+        type: import("vue").PropType<((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string | number) => any>;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    viewOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    labelDirection: {
+        type: import("vue").PropType<"top" | "left" | "inside">;
+    };
+    feedbackHelpText: {
+        type: import("vue").PropType<string>;
+    };
+    feedbackErrorText: {
+        type: import("vue").PropType<string>;
+    };
+    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">;
+    };
+}>> & {
     "onUpdate:modelValue"?: (value: string | number) => 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;
-    };
-};

package/components/input/PasswordInput.vue.vue.js

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

package/components/input/PasswordInput.vue.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as p, ref as n, openBlock as d, createBlock as c, mergeProps as u, withCtx as o, createVNode as m, unref as f, createTextVNode as _, toDisplayString as w } from "vue";
+import x from "./Input.vue.vue.js";
+/* empty css                              */import V from "../typography/Text.vue.vue.js";
+const h = /* @__PURE__ */ p({
+  __name: "PasswordInput",
+  emits: ["update:modelValue"],
+  setup(s, { emit: a }) {
+    const r = s, e = n(!1), i = () => {
+      e.value = !e.value;
+    }, l = (t) => a("update:modelValue", t);
+    return (t, v) => (d(), c(x, u(r, {
+      type: e.value ? "text" : "password",
+      "onUpdate:modelValue": l
+    }), {
+      iconAfter: o(() => [
+        m(f(V), {
+          class: "password-visibility",
+          size: "xs",
+          onClick: i
+        }, {
+          default: o(() => [
+            _(w(e.value ? "Hide" : "Show"), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["type"]));
+  }
+});
+export {
+  h as default
+};