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

package/components/tabs/Tabs.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent as W, useCssVars as y, unref as n, ref as T, computed as c, openBlock as o, createElementBlock as l, normalizeClass as u, Fragment as H, renderList as M, renderSlot as V, createBlock as p, createCommentVNode as m, withCtx as E, createTextVNode as F, toDisplayString as P, pushScopeId as _, popScopeId as A, createElementVNode as R } from "vue";
+import { TabsTestIdModifiers as h } from "../../testids/index.js";
+/* empty css                          */import U from "../typography/Text.vue.js";
+import D from "../icon/Icon.vue.js";
+const j = (s) => (_("data-v-8e053ecb"), s = s(), A(), s), q = ["data-testid"], G = ["data-testid", "onClick", "onMouseover"], J = /* @__PURE__ */ j(() => /* @__PURE__ */ R("div", { class: "tabs-border-line" }, null, -1)), K = {
+  key: 0,
+  class: "tabs-border-line-hover"
+}, ee = /* @__PURE__ */ W({
+  __name: "Tabs",
+  props: {
+    tabsList: { default: () => [] },
+    selectedTab: null,
+    variant: { default: "fill" },
+    size: { default: "sm" },
+    testId: { default: "" }
+  },
+  emits: ["update:selectedTab"],
+  setup(s, { emit: x }) {
+    const r = s;
+    y((e) => ({
+      "3c4d3c4a": n(L),
+      "09264645": n($),
+      "0d647894": n(g),
+      "75c6ab08": n(N)
+    }));
+    const d = T([]), a = T(null), I = 12, k = { tabsNewList: d }, C = c(
+      () => a.value && a.value !== r.selectedTab
+    ), L = c(() => {
+      const e = i();
+      return d.value[e]?.offsetLeft + "px";
+    }), i = () => r.tabsList.findIndex((e) => e.id === r.selectedTab), $ = c(() => {
+      const e = i();
+      return d.value[e]?.clientWidth + "px";
+    }), f = (e) => {
+      const v = d.value[e]?.offsetLeft, t = d.value[e]?.clientWidth;
+      return (parseFloat(v) + parseFloat(t) / 2 - I).toString() + "px";
+    }, g = c(() => {
+      const e = i();
+      return f(e);
+    }), w = () => r.tabsList.findIndex((e) => e.id === a.value), N = c(() => {
+      const e = w();
+      return f(e);
+    }), S = (e) => {
+      x("update:selectedTab", e.id);
+    }, z = (e) => {
+      e !== null && (a.value = e.id);
+    }, B = () => {
+      a.value = null;
+    };
+    return (e, v) => (o(), l("ul", {
+      class: u(["tabs-wrap", [s.size, s.variant]]),
+      "data-testid": `${s.testId}-${n(h).WRAPPER}`
+    }, [
+      (o(!0), l(H, null, M(s.tabsList, (t) => (o(), l("li", {
+        ref_for: !0,
+        ref: k.tabsNewList,
+        key: t.id,
+        class: u(["tab-item", {
+          "disabled-tab": t.disabled,
+          "selected-tab": t.id === s.selectedTab
+        }]),
+        "data-testid": `${s.testId}-${n(h).TAB}-${t.id}`,
+        onClick: (b) => S(t),
+        onMouseover: (b) => z(t),
+        onMouseleave: B
+      }, [
+        V(e.$slots, "default", { tab: t }, () => [
+          t.iconName ? (o(), p(n(D), {
+            key: 0,
+            name: t.iconName,
+            class: u(["tab-icon", {
+              size: s.size,
+              "lone-icon": !t.name
+            }])
+          }, null, 8, ["name", "class"])) : m("", !0),
+          t.name ? (o(), p(n(U), {
+            key: 1,
+            size: "sm",
+            strong: ""
+          }, {
+            default: E(() => [
+              F(P(t.name), 1)
+            ]),
+            _: 2
+          }, 1024)) : m("", !0)
+        ], !0)
+      ], 42, G))), 128)),
+      J,
+      n(C) ? (o(), l("div", K)) : m("", !0)
+    ], 10, q));
+  }
+});
+export {
+  ee as default
+};

package/components/tabs/index.d.ts

@@ -1,17 +1,165 @@
-declare const TabsTypes: () => import("vue").DefineComponent<{
+declare const TabsTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "sm" | "md" | "lg" | "xl";
+            testId: string;
+            variant: "fill" | "fix";
+            tabsList: {
+                id: string | number;
+                name: string;
+                iconName: string;
+                disabled?: boolean;
+            }[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"fill" | "fix">;
+                default: string;
+            };
+            tabsList: {
+                type: import("vue").PropType<{
+                    id: string | number;
+                    name: string;
+                    iconName: string;
+                    disabled?: boolean;
+                }[]>;
+                required: true;
+                default: () => any[];
+            };
+            selectedTab: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selectedTab"?: (tabId: string | number) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "tabsList">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: "update:selectedTab", tabId: string | number) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"fill" | "fix">;
+                default: string;
+            };
+            tabsList: {
+                type: import("vue").PropType<{
+                    id: string | number;
+                    name: string;
+                    iconName: string;
+                    disabled?: boolean;
+                }[]>;
+                required: true;
+                default: () => any[];
+            };
+            selectedTab: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selectedTab"?: (tabId: string | number) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:selectedTab": (tabId: string | number) => void;
+        }, string, {
+            size: "sm" | "md" | "lg" | "xl";
+            testId: string;
+            variant: "fill" | "fix";
+            tabsList: {
+                id: string | number;
+                name: string;
+                iconName: string;
+                disabled?: boolean;
+            }[];
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"fill" | "fix">;
+            default: string;
+        };
+        tabsList: {
+            type: import("vue").PropType<{
+                id: string | number;
+                name: string;
+                iconName: string;
+                disabled?: boolean;
+            }[]>;
+            required: true;
+            default: () => any[];
+        };
+        selectedTab: {
+            type: import("vue").PropType<string | number>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:selectedTab"?: (tabId: string | number) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
-    } & {
         default: string;
     };
     tabsList: {
@@ -22,40 +170,6 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
             disabled?: boolean;
         }[]>;
         required: true;
-    } & {
-        default: () => any[];
-    };
-    selectedTab: {
-        type: import("vue").PropType<string | number>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:selectedTab": (tabId: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"fill" | "fix">;
-    } & {
-        default: string;
-    };
-    tabsList: {
-        type: import("vue").PropType<{
-            id: string | number;
-            name: string;
-            iconName: string;
-            disabled?: boolean;
-        }[]>;
-        required: true;
-    } & {
         default: () => any[];
     };
     selectedTab: {
@@ -64,8 +178,10 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
-}, {
-    size: "md" | "sm" | "lg" | "xl";
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedTab": (tabId: string | number) => void;
+}, string, {
+    size: "sm" | "md" | "lg" | "xl";
     testId: string;
     variant: "fill" | "fix";
     tabsList: {
@@ -74,6 +190,17 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
         iconName: string;
         disabled?: boolean;
     }[];
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            tab: {
+                id: string | number;
+                name: string;
+                iconName: string;
+                disabled?: boolean;
+            };
+        }): any;
+    };
+}))[];
 export { default as Tabs } from './Tabs.vue';
 export { TabsTypes };

package/components/tabs/index.js

@@ -0,0 +1,6 @@
+import o from "./Tabs.vue.js";
+const p = () => [o];
+export {
+  o as Tabs,
+  p as TabsTypes
+};

package/components/textArea/TextArea.vue.d.ts

@@ -54,7 +54,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/textArea/TextArea.vue.js

@@ -1,73 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
-import { TextAreaTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                          */
-import "../../TextArea.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["data-testid"];
-const _hoisted_3 = ["value", "placeholder", "disabled", "data-testid"];
-const _hoisted_4 = {
-  key: 1,
-  class: "extra-text-container"
+import o from "./TextArea.vue2.js";
+/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-889b62ac"]]);
+export {
+  m as default
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextArea",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    label: { default: "" },
-    feedbackHelpText: { default: "" },
-    feedbackErrorText: { default: "" },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const handleInput = (event) => {
-      emit("update:modelValue", event.target.value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled }),
-        "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).WRAPPER}`
-      }, [
-        __props.label ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "label-container",
-          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).LABEL}`
-        }, [
-          createVNode(unref(Text), { class: "label" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ]),
-            _: 1
-          })
-        ], 8, _hoisted_2)) : createCommentVNode("", true),
-        createElementVNode("textarea", {
-          class: "textarea",
-          value: __props.modelValue,
-          placeholder: __props.placeholder,
-          disabled: __props.disabled,
-          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).FIELD}`,
-          onInput: handleInput
-        }, null, 40, _hoisted_3),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(Text), {
-            class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
-            "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).TEXT}`,
-            size: "caption"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
-            ]),
-            _: 1
-          }, 8, ["class", "data-testid"])
-        ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6197672e"]]);
-
-export { TextArea as default };

package/components/textArea/TextArea.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.js";
+/* empty css                          */import f from "../typography/Text.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.js

@@ -0,0 +1,6 @@
+import e from "./TextArea.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];
+} & {};