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

package/components/textArea/TextArea.vue.vue.js

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

package/components/textArea/TextArea.vue.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as x, openBlock as d, createElementBlock as l, normalizeClass as s, unref as t, createVNode as i, withCtx as c, createTextVNode as o, toDisplayString as n, createCommentVNode as u, createElementVNode as T } from "vue";
+import { TextAreaTestIdModifiers as a } from "../../testids/index.vue.js";
+/* empty css                              */import f from "../typography/Text.vue.vue.js";
+const h = ["data-testid"], k = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], I = {
+  key: 1,
+  class: "extra-text-container"
+}, B = /* @__PURE__ */ x({
+  __name: "TextArea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    feedbackHelpText: { default: "" },
+    feedbackErrorText: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: m }) {
+    const b = (r) => {
+      m("update:modelValue", r.target.value);
+    };
+    return (r, V) => (d(), l("div", {
+      class: s({ "textarea-with-label-container": !0, disabled: e.disabled }),
+      "data-testid": `${e.testId}-${t(a).WRAPPER}`
+    }, [
+      e.label ? (d(), l("div", {
+        key: 0,
+        class: "label-container",
+        "data-testid": `${e.testId}-${t(a).LABEL}`
+      }, [
+        i(t(f), { class: "label" }, {
+          default: c(() => [
+            o(n(e.label), 1)
+          ]),
+          _: 1
+        })
+      ], 8, k)) : u("", !0),
+      T("textarea", {
+        class: "textarea",
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        "data-testid": `${e.testId}-${t(a).FIELD}`,
+        onInput: b
+      }, null, 40, E),
+      e.feedbackErrorText || e.feedbackHelpText ? (d(), l("div", I, [
+        i(t(f), {
+          class: s({ [e.feedbackErrorText ? "error" : "help"]: !0 }),
+          "data-testid": `${e.testId}-${t(a).TEXT}`,
+          size: "caption"
+        }, {
+          default: c(() => [
+            o(n(e.feedbackErrorText || e.feedbackHelpText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "data-testid"])
+      ])) : u("", !0)
+    ], 10, h));
+  }
+});
+export {
+  B as default
+};

package/components/textArea/index.d.ts

@@ -1,37 +1,30 @@
 declare const TextAreaTypes: () => import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     placeholder: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     feedbackHelpText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     feedbackErrorText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -39,37 +32,30 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     placeholder: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     feedbackHelpText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     feedbackErrorText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
 }>> & {

package/components/textArea/index.vue.js

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

package/components/toggle/Toggle.vue.d.ts

@@ -61,7 +61,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/toggle/Toggle.vue.vue.js

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

package/components/toggle/Toggle.vue.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as a, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
+import { ToggleTestIdModifiers as d } from "../../testids/index.vue.js";
+/* empty css                              */import u from "../typography/Text.vue.vue.js";
+import { COLORS as b } from "../../consts/colors.vue.js";
+const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I = ["disabled", "checked", "data-testid"], z = /* @__PURE__ */ h({
+  __name: "Toggle",
+  props: {
+    modelValue: { type: Boolean },
+    activeText: { default: void 0 },
+    inactiveText: { default: void 0 },
+    errorText: { default: void 0 },
+    helperText: { default: void 0 },
+    isDisabled: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    color: { default: b.PRIMARY_500 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: x }) {
+    const r = e;
+    v((g) => ({
+      "2dc32b31": e.color
+    }));
+    const T = () => {
+      r.isDisabled || x("update:modelValue", !r.modelValue);
+    };
+    return (g, y) => (l(), m("div", null, [
+      a("div", {
+        class: "toggle-wrap",
+        "data-testid": `${e.testId}-${t(d).WRAPPER}`
+      }, [
+        a("div", {
+          class: i(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
+          "data-testid": `${e.testId}-${t(d).BODY}`,
+          onClick: T
+        }, [
+          a("div", E, [
+            e.isLoading ? (l(), m("span", {
+              key: 0,
+              class: i(["loader", {
+                "loader-active": e.modelValue
+              }])
+            }, null, 2)) : s("", !0)
+          ])
+        ], 10, k),
+        a("input", {
+          type: "checkbox",
+          disabled: e.isDisabled,
+          checked: e.modelValue,
+          "data-testid": `${e.testId}-${t(d).FIELD}`,
+          class: "checkbox"
+        }, null, 8, I),
+        V(t(u), {
+          size: "sm",
+          "is-truncated": "",
+          class: i(["item-text", { "text-disabled": e.isDisabled }]),
+          "test-id": `${e.testId}-${t(d).TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.modelValue ? e.activeText : e.inactiveText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "test-id"])
+      ], 8, $),
+      a("div", null, [
+        e.helperText ? (l(), f(t(u), {
+          key: 0,
+          size: "caption",
+          class: "helper-text",
+          "test-id": `${e.testId}-${t(d).HELPER_TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.helperText), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])) : s("", !0),
+        e.errorText ? (l(), f(t(u), {
+          key: 1,
+          size: "caption",
+          class: i(["error-text", { "error-and-help": !!e.helperText }]),
+          "test-id": `${e.testId}-${t(d).ERROR_TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.errorText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "test-id"])) : s("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  z as default
+};

package/components/toggle/index.d.ts

@@ -1,7 +1,6 @@
 declare const ToggleTypes: () => import("vue").DefineComponent<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     modelValue: {
@@ -10,37 +9,30 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     };
     helperText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     color: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     isLoading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     errorText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     activeText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     inactiveText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     isDisabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -48,7 +40,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     modelValue: {
@@ -57,37 +48,30 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     };
     helperText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     color: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     isLoading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     errorText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     activeText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     inactiveText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     isDisabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
 }>> & {

package/components/toggle/index.vue.js

@@ -1,6 +1,6 @@
-import Toggle from './Toggle.vue.js';
-export { default as Toggle } from './Toggle.vue.js';
-
-const ToggleTypes = () => [Toggle];
-
-export { ToggleTypes };
+import o from "./Toggle.vue.vue.js";
+const g = () => [o];
+export {
+  o as Toggle,
+  g as ToggleTypes
+};

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -24,7 +24,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/tooltip/TextWithTitleContent.vue.vue2.js

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

package/components/tooltip/TextWithTitleContent.vue.vue3.js

@@ -0,0 +1,45 @@
+import { defineComponent as l, openBlock as f, createElementBlock as m, createElementVNode as o, createVNode as n, unref as t, withCtx as d, createTextVNode as i, toDisplayString as r } from "vue";
+import { TooltipTestIdModifiers as a } from "../../testids/index.vue.js";
+/* empty css                              */import c from "../typography/Text.vue.vue.js";
+const u = { class: "content-wrap" }, p = { class: "content-header" }, T = { class: "content-body" }, g = /* @__PURE__ */ l({
+  __name: "TextWithTitleContent",
+  props: {
+    text: null,
+    header: null,
+    testId: { default: "" }
+  },
+  setup(e) {
+    const s = e;
+    return (_, h) => (f(), m("div", u, [
+      o("div", p, [
+        n(t(c), {
+          size: "md",
+          "is-truncated": !1,
+          strong: "",
+          "test-id": `${s.testId}-${t(a).TEXT}`
+        }, {
+          default: d(() => [
+            i(r(e.header), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])
+      ]),
+      o("div", T, [
+        n(t(c), {
+          size: "xs",
+          "is-truncated": !1,
+          strong: "",
+          "test-id": `${s.testId}-${t(a).TEXT}`
+        }, {
+          default: d(() => [
+            i(r(e.text), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])
+      ])
+    ]));
+  }
+});
+export {
+  g as default
+};

package/components/tooltip/Tooltip.types.d.ts

@@ -0,0 +1,2 @@
+export declare const TOOLTIP_POSITIONS: readonly ["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"];
+export type TooltipPositions = (typeof TOOLTIP_POSITIONS)[number];

package/components/tooltip/Tooltip.vue.d.ts

@@ -1,10 +1,11 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type Triggers = 'hover' | 'click' | 'focus' | 'touch';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: ("hover" | "click" | "focus" | "touch")[];
+    triggers?: Triggers[];
     forceShowWithTruncate?: boolean;
-    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    placement?: "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";
     theme?: string;
     disabled?: boolean;
     testId?: string;
@@ -22,9 +23,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: ("hover" | "click" | "focus" | "touch")[];
+    triggers?: Triggers[];
     forceShowWithTruncate?: boolean;
-    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    placement?: "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";
     theme?: string;
     disabled?: boolean;
     testId?: string;
@@ -41,13 +42,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     header: string;
     text: string;
-    testId: string;
     theme: string;
+    testId: string;
     delay: number;
-    triggers: ("hover" | "click" | "focus" | "touch")[];
+    triggers: Triggers[];
     forceShowWithTruncate: boolean;
-    placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    placement: "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";
     disabled: boolean;
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {
+        text: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -60,7 +66,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/tooltip/Tooltip.vue.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as y, ref as r, useSlots as v, watch as m, openBlock as n, createBlock as s, unref as a, mergeProps as w, withCtx as u, renderSlot as h, createTextVNode as g, toDisplayString as S, createElementVNode as k, nextTick as $ } from "vue";
+import I from "./TextWithTitleContent.vue.vue2.js";
+import { TooltipTestIdModifiers as x } from "../../testids/index.vue.js";
+/* empty css                              */import W from "../typography/Text.vue.vue.js";
+import { Tooltip as b } from "floating-vue";
+const N = /* @__PURE__ */ y({
+  __name: "Tooltip",
+  props: {
+    text: { default: null },
+    header: { default: null },
+    delay: { default: 0 },
+    triggers: { default: () => ["hover"] },
+    forceShowWithTruncate: { type: Boolean, default: !1 },
+    placement: { default: "top" },
+    theme: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const o = e, i = r(!1), l = r(null), d = r(null), T = v(), f = () => i.value ? o.text : null, c = async () => {
+      if (i.value = !0, await $(), !o.forceShowWithTruncate) {
+        const t = d.value?.children && d.value.children[0];
+        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
+      }
+    };
+    return m(
+      () => o.text,
+      async () => {
+        await c(), l.value = f();
+      },
+      { immediate: !0 }
+    ), m(
+      () => T.default,
+      async () => {
+        await c(), l.value = f();
+      },
+      { immediate: !0 }
+    ), (t, p) => (n(), s(a(b), w(t.$props, {
+      theme: e.theme,
+      "no-auto-focus": "",
+      triggers: e.triggers,
+      delay: { show: e.delay, hide: 0 },
+      placement: e.placement,
+      disabled: e.disabled || e.text && !l.value,
+      "data-testid": `${e.testId}-${a(x).TRIGGER}`,
+      "auto-hide": ""
+    }), {
+      popper: u(() => [
+        h(t.$slots, "tooltip", { text: l.value }, () => [
+          e.header ? (n(), s(I, {
+            key: 1,
+            text: e.text,
+            header: e.header
+          }, null, 8, ["text", "header"])) : (n(), s(a(W), {
+            key: 0,
+            size: "sm",
+            "is-truncated": !1,
+            strong: "",
+            "test-id": `${e.testId}-${a(x).TEXT}`
+          }, {
+            default: u(() => [
+              g(S(l.value), 1)
+            ]),
+            _: 1
+          }, 8, ["test-id"]))
+        ])
+      ]),
+      default: u(() => [
+        k("div", {
+          ref_key: "container",
+          ref: d,
+          class: "container"
+        }, [
+          h(t.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]));
+  }
+});
+export {
+  N as default
+};

package/components/tooltip/Tooltip.vue.vue3.js

@@ -0,0 +1,4 @@
+import o from "./Tooltip.vue.vue.js";
+/* empty css                  */export {
+  o as default
+};