@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.6

package/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -0,0 +1,85 @@
+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?: Triggers[];
+    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";
+    theme?: string;
+    disabled?: boolean;
+    testId?: string;
+    distance?: string | number;
+}>, {
+    text: any;
+    header: any;
+    delay: number;
+    triggers: () => string[];
+    forceShowWithTruncate: boolean;
+    placement: string;
+    theme: string;
+    disabled: boolean;
+    testId: string;
+    distance: 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<{
+    text?: string;
+    header?: string;
+    delay?: number;
+    triggers?: Triggers[];
+    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";
+    theme?: string;
+    disabled?: boolean;
+    testId?: string;
+    distance?: string | number;
+}>, {
+    text: any;
+    header: any;
+    delay: number;
+    triggers: () => string[];
+    forceShowWithTruncate: boolean;
+    placement: string;
+    theme: string;
+    disabled: boolean;
+    testId: string;
+    distance: string;
+}>>>, {
+    header: string;
+    text: string;
+    theme: string;
+    testId: string;
+    delay: number;
+    triggers: Triggers[];
+    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;
+    distance: string | number;
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {
+        text: any;
+    }): any;
+}>;
+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 ? __VLS_Prettify<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;
+    };
+};

package/components/tooltip/v4/TooltipV4.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
+import y from "./TextWithTitleContent.vue.js";
+import { Tooltip as T } from "floating-vue";
+import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
+import g from "../../typography/v4/Typography.vue.js";
+import { tooltipCommon as x } from "../common/Tooltip.common.js";
+import { useTestIdAttrs as v } from "../../../utils/testIds.js";
+const I = {
+  ref: "container",
+  class: "container"
+}, $ = /* @__PURE__ */ c({
+  __name: "TooltipV4",
+  props: {
+    text: { default: null },
+    header: { default: null },
+    delay: { default: 0 },
+    triggers: { default: () => ["hover"] },
+    forceShowWithTruncate: { type: Boolean, default: !1 },
+    placement: { default: "auto" },
+    theme: { default: "light-theme-v4" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    distance: { default: "10" }
+  },
+  setup(e) {
+    const n = e, { textForDisplay: o } = x(n), s = v(n.testId, i);
+    return (a, b) => (l(), d(t(T), m({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
+      theme: e.theme,
+      "no-auto-focus": "",
+      triggers: e.triggers,
+      delay: { show: e.delay, hide: 0 },
+      placement: e.placement,
+      disabled: e.disabled || e.text && !t(o),
+      "popper-class": [e.theme, e.placement, "v4-tooltip"],
+      class: ["v4-tooltip"],
+      distance: e.distance,
+      "auto-hide": ""
+    }), {
+      popper: r(() => [
+        f(a.$slots, "tooltip", { text: t(o) }, () => [
+          e.header ? (l(), d(y, {
+            key: 1,
+            text: e.text,
+            header: e.header
+          }, null, 8, ["text", "header"])) : (l(), d(t(g), m({
+            key: 0,
+            variant: "body2"
+          }, t(s)[t(i).TEXT]), {
+            default: r(() => [
+              u(h(t(o)), 1)
+            ]),
+            _: 1
+          }, 16))
+        ])
+      ]),
+      default: r(() => [
+        p("div", I, [
+          f(a.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance"]));
+  }
+});
+export {
+  $ as default
+};

package/components/tooltip/v4/TooltipV4.vue3.js

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

package/components/tooltip/v4/index.d.ts

@@ -0,0 +1,249 @@
+import Tooltip from './TooltipV4.vue';
+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;
+            distance: string | number;
+        }> & 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;
+            };
+            distance: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance">;
+        $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;
+            };
+            distance: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+        }>>, {}, 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;
+            distance: string | number;
+        }, {}, 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;
+        };
+        distance: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+    }>> & 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;
+    };
+    distance: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+}>>, {}, 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;
+    distance: string | number;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tooltip?(_: {
+            text: any;
+        }): any;
+    };
+}))[];
+export { Tooltip, TooltipTypes };

package/components/tooltip/v4/index.js

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