@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-test.2

package/components/tooltip/index.d.ts

@@ -1,96 +1,214 @@
-declare const TooltipTypes: () => import("vue").DefineComponent<{
+declare const TooltipTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            header: string;
+            text: string;
+            theme: string;
+            testId: string;
+            delay: number;
+            triggers: ("hover" | "click" | "focus" | "touch")[];
+            forceShowWithTruncate: boolean;
+            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;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            header: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            text: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            triggers: {
+                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                default: () => string[];
+            };
+            forceShowWithTruncate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                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">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            header: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            text: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            triggers: {
+                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                default: () => string[];
+            };
+            forceShowWithTruncate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                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">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            header: string;
+            text: string;
+            theme: string;
+            testId: string;
+            delay: number;
+            triggers: ("hover" | "click" | "focus" | "touch")[];
+            forceShowWithTruncate: boolean;
+            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;
+        }, {}, 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<{
+        header: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        text: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        delay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        triggers: {
+            type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+            default: () => string[];
+        };
+        forceShowWithTruncate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            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">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     header: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     text: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     theme: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     delay: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
     triggers: {
         type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
-    } & {
         default: () => string[];
     };
     forceShowWithTruncate: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     placement: {
         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">;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    header: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    theme: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    delay: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    triggers: {
-        type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
-    } & {
-        default: () => string[];
-    };
-    forceShowWithTruncate: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    placement: {
-        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">;
-    } & {
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     header: string;
     text: string;
     theme: string;
@@ -100,6 +218,13 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     forceShowWithTruncate: boolean;
     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;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tooltip?(_: {
+            text: any;
+        }): any;
+    };
+}))[];
 export { default as Tooltip } from './Tooltip.vue';
 export { TooltipTypes };

package/components/tooltip/index.js

@@ -0,0 +1,7 @@
+import "./Tooltip.vue2.js";
+import o from "./Tooltip.vue.js";
+const i = () => [o];
+export {
+  o as Tooltip,
+  i as TooltipTypes
+};

package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts

@@ -1,8 +1,10 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    args: unknown;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    args: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    args: unknown;
-}>>>, {}>;
+    args: any;
+}>>>, {}>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -13,3 +15,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/typography/Heading.vue.d.ts

@@ -1,20 +1,22 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
-    level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
+    level?: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId?: string;
 }>, {
     level: string;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
-    level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
+    level?: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId?: string;
 }>, {
     level: string;
     testId: string;
 }>>>, {
-    level: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
+    level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -27,7 +29,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/typography/Heading.vue.js

@@ -1,36 +1,7 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
-import { HeaderTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Heading",
-  props: {
-    isTruncated: { type: Boolean },
-    level: { default: "1" },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const tag = computed(() => {
-      if (props.level === "label") {
-        return "label";
-      }
-      return `h${props.level}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
-        class: normalizeClass(["heading", { truncate: __props.isTruncated }]),
-        "data-testid": `${__props.testId}-${unref(HeaderTestIdModifiers).HEADER}`
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 8, ["class", "data-testid"]);
-    };
-  }
-});
-var Heading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe98da04"]]);
-
-export { Heading as default };
+import o from "./Heading.vue2.js";
+/* empty css              */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Heading.vue_vue_type_style_index_0_scoped_19878c4b_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-19878c4b"]]);
+export {
+  c as default
+};

package/components/typography/Heading.vue2.js

@@ -0,0 +1,25 @@
+ import "../../Heading.vue_vue_type_style_index_0_scoped_19878c4b_lang.css"; import { defineComponent as r, computed as o, openBlock as s, createBlock as d, resolveDynamicComponent as i, unref as a, normalizeClass as c, withCtx as u, renderSlot as f } from "vue";
+import { HeaderTestIdModifiers as m } from "../../testids/index.js";
+const C = /* @__PURE__ */ r({
+  __name: "Heading",
+  props: {
+    isTruncated: { type: Boolean },
+    level: { default: "1" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const t = e, l = o(() => t.level === "label" ? "label" : `h${t.level}`);
+    return (n, p) => (s(), d(i(a(l)), {
+      class: c(["heading", { truncate: e.isTruncated }]),
+      "data-testid": `${e.testId}-${a(m).HEADER}`
+    }, {
+      default: u(() => [
+        f(n.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class", "data-testid"]));
+  }
+});
+export {
+  C as default
+};

package/components/typography/Text.vue.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     strong?: boolean;
-    size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: "caption" | "sm" | "md" | "lg" | "xs";
     testId?: string;
 }>, {
     size: string;
@@ -9,14 +9,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     strong?: boolean;
-    size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: "caption" | "sm" | "md" | "lg" | "xs";
     testId?: string;
 }>, {
     size: string;
     testId: string;
 }>>>, {
-    size: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
+    size: "caption" | "sm" | "md" | "lg" | "xs";
     testId: string;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -29,7 +31,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/typography/Text.vue.js

@@ -1,32 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { TextTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Text",
-  props: {
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean },
-    size: { default: "md" },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeClass = computed(() => {
-      return `text-size-${props.size}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }]),
-        "data-testid": `${__props.testId}-${unref(TextTestIdModifiers).TEXT}`
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6659fd26"]]);
-
-export { Text as default };
+import o from "./Text.vue2.js";
+/* empty css           */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-94bd409b"]]);
+export {
+  p as default
+};

package/components/typography/Text.vue2.js

@@ -0,0 +1,23 @@
+ import "../../Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css"; import { defineComponent as r, computed as a, openBlock as d, createElementBlock as i, normalizeClass as c, unref as e, renderSlot as l } from "vue";
+import { TextTestIdModifiers as u } from "../../testids/index.js";
+const m = ["data-testid"], x = /* @__PURE__ */ r({
+  __name: "Text",
+  props: {
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean },
+    size: { default: "md" },
+    testId: { default: "" }
+  },
+  setup(t) {
+    const s = t, o = a(() => `text-size-${s.size}`);
+    return (n, f) => (d(), i("span", {
+      class: c(["text", { strong: t.strong, [e(o)]: !0, truncate: t.isTruncated }]),
+      "data-testid": `${t.testId}-${e(u).TEXT}`
+    }, [
+      l(n.$slots, "default", {}, void 0, !0)
+    ], 10, m));
+  }
+});
+export {
+  x as default
+};