@ironsource/shared-ui 1.4.2-test.19 → 1.4.2-test.2

package/components/tabs/Tabs.vue2.js

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

package/components/tabs/index.d.ts

@@ -1,12 +1,147 @@
-declare const TabsTypes: () => import("vue").DefineComponent<{
+declare const TabsTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "sm" | "md" | "lg" | "xl";
+            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;
+            };
+            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" | "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;
+            };
+            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";
+            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;
+        };
+        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;
     };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
-    } & {
         default: string;
     };
     tabsList: {
@@ -17,35 +152,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;
-    };
-    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: {
@@ -54,8 +160,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";
     variant: "fill" | "fix";
     tabsList: {
         id: string | number;
@@ -63,6 +171,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

@@ -1,55 +1,63 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    label?: string;
-    feedbackHelpText?: string;
-    feedbackErrorText?: string;
-}>, {
-    modelValue: string;
-    placeholder: string;
-    disabled: boolean;
-    label: string;
-    feedbackHelpText: string;
-    feedbackErrorText: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        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, {
     "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;
-    feedbackHelpText?: string;
-    feedbackErrorText?: string;
-}>, {
-    modelValue: string;
-    placeholder: string;
-    disabled: boolean;
-    label: string;
-    feedbackHelpText: string;
-    feedbackErrorText: string;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackErrorText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    placeholder: string;
     disabled: boolean;
     modelValue: string;
-    placeholder: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
 }>;
 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 ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/textArea/TextArea.vue.js

@@ -1,66 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
-/* 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 = {
-  key: 0,
-  class: "label-container"
+import o from "./TextArea.vue2.js";
+/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-835f09fa"]]);
+export {
+  e as default
 };
-const _hoisted_2 = ["value", "placeholder", "disabled"];
-const _hoisted_3 = {
-  key: 1,
-  class: "extra-text-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextArea",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    label: { default: "" },
-    feedbackHelpText: { default: "" },
-    feedbackErrorText: { 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 })
-      }, [
-        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(Text), { class: "label" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        createElementVNode("textarea", {
-          class: "textarea",
-          value: __props.modelValue,
-          placeholder: __props.placeholder,
-          disabled: __props.disabled,
-          onInput: handleInput
-        }, null, 40, _hoisted_2),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createVNode(unref(Text), {
-            class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
-            size: "caption"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78bc849c"]]);
-
-export { TextArea as default };

package/components/textArea/TextArea.vue2.js

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

package/components/textArea/index.d.ts

@@ -1,32 +1,26 @@
 declare const TextAreaTypes: () => import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
-    } & {
+        default: string;
+    };
+    placeholder: {
+        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, {
@@ -34,41 +28,35 @@ 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;
+    };
+    placeholder: {
+        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;
     };
 }>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    placeholder: string;
     disabled: boolean;
     modelValue: string;
-    placeholder: string;
     feedbackHelpText: string;
     feedbackErrorText: 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
+};