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

package/components/tooltip/index.d.ts

@@ -1,214 +1,96 @@
-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<{
+declare const TooltipTypes: () => import("vue").DefineComponent<{
     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, {
+}, {}, 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;
+    };
+}>>, {
     header: string;
     text: string;
     theme: string;
@@ -218,13 +100,6 @@ declare const TooltipTypes: () => ({
     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.vue.js

@@ -1,6 +1,6 @@
-import o from "./Tooltip.vue.vue.js";
-/* empty css                  */const i = () => [o];
-export {
-  o as Tooltip,
-  i as TooltipTypes
-};
+import _sfc_main from './Tooltip.vue.js';
+export { default as Tooltip } from './Tooltip.vue.js';
+
+const TooltipTypes = () => [_sfc_main];
+
+export { TooltipTypes };

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

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

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

@@ -1,22 +1,20 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
-    level?: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+    level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
     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?: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+    level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
     testId?: string;
 }>, {
     level: string;
     testId: string;
 }>>>, {
-    level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+    level: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
     testId: string;
-}>, {
-    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -29,15 +27,7 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+    } : P[K];
 };

package/components/typography/Heading.vue.js

@@ -0,0 +1,36 @@
+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 };

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

@@ -1,7 +1,7 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     strong?: boolean;
-    size?: "caption" | "sm" | "md" | "lg" | "xs";
+    size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
     testId?: string;
 }>, {
     size: string;
@@ -9,16 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, 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" | "sm" | "md" | "lg" | "xs";
+    size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
     testId?: string;
 }>, {
     size: string;
     testId: string;
 }>>>, {
-    size: "caption" | "sm" | "md" | "lg" | "xs";
+    size: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
     testId: string;
-}>, {
-    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -31,15 +29,7 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+    } : P[K];
 };

package/components/typography/Text.vue.js

@@ -0,0 +1,32 @@
+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 };