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

package/components/toggle/Toggle.vue.js

@@ -1,105 +1,6 @@
-import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, unref, normalizeClass, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
-import { ToggleTestIdModifiers } 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';
-import { COLORS } from '../../consts/colors.vue.js';
-/* empty css                                                        */
-import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["data-testid"];
-const _hoisted_3 = { class: "toggle-head" };
-const _hoisted_4 = ["disabled", "checked", "data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Toggle",
-  props: {
-    modelValue: { type: Boolean },
-    activeText: { default: void 0 },
-    inactiveText: { default: void 0 },
-    errorText: { default: void 0 },
-    helperText: { default: void 0 },
-    isDisabled: { type: Boolean, default: false },
-    isLoading: { type: Boolean, default: false },
-    color: { default: COLORS.PRIMARY_500 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    useCssVars((_ctx) => ({
-      "189a2944": __props.color
-    }));
-    const toggleValue = () => {
-      if (props.isDisabled)
-        return;
-      emit("update:modelValue", !props.modelValue);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: "toggle-wrap",
-          "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).WRAPPER}`
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
-            "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).BODY}`,
-            onClick: toggleValue
-          }, [
-            createElementVNode("div", _hoisted_3, [
-              __props.isLoading ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass(["loader", {
-                  "loader-active": __props.modelValue
-                }])
-              }, null, 2)) : createCommentVNode("", true)
-            ])
-          ], 10, _hoisted_2),
-          createElementVNode("input", {
-            type: "checkbox",
-            disabled: __props.isDisabled,
-            checked: __props.modelValue,
-            "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).FIELD}`,
-            class: "checkbox"
-          }, null, 8, _hoisted_4),
-          createVNode(unref(Text), {
-            size: "sm",
-            "is-truncated": "",
-            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }]),
-            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).TEXT}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
-            ]),
-            _: 1
-          }, 8, ["class", "test-id"])
-        ], 8, _hoisted_1),
-        createElementVNode("div", null, [
-          __props.helperText ? (openBlock(), createBlock(unref(Text), {
-            key: 0,
-            size: "caption",
-            class: "helper-text",
-            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).HELPER_TEXT}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.helperText), 1)
-            ]),
-            _: 1
-          }, 8, ["test-id"])) : createCommentVNode("", true),
-          __props.errorText ? (openBlock(), createBlock(unref(Text), {
-            key: 1,
-            size: "caption",
-            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }]),
-            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).ERROR_TEXT}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.errorText), 1)
-            ]),
-            _: 1
-          }, 8, ["class", "test-id"])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b2024eb"]]);
-
-export { Toggle as default };
+import o from "./Toggle.vue2.js";
+/* empty css             */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d97166d1"]]);
+export {
+  _ as default
+};

package/components/toggle/Toggle.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as a, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
+import { ToggleTestIdModifiers as d } from "../../testids/index.js";
+/* empty css                          */import u from "../typography/Text.vue.js";
+import { COLORS as b } from "../../consts/colors.js";
+const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I = ["disabled", "checked", "data-testid"], z = /* @__PURE__ */ h({
+  __name: "Toggle",
+  props: {
+    modelValue: { type: Boolean },
+    activeText: { default: void 0 },
+    inactiveText: { default: void 0 },
+    errorText: { default: void 0 },
+    helperText: { default: void 0 },
+    isDisabled: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    color: { default: b.PRIMARY_500 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: x }) {
+    const r = e;
+    v((g) => ({
+      "2dc32b31": e.color
+    }));
+    const T = () => {
+      r.isDisabled || x("update:modelValue", !r.modelValue);
+    };
+    return (g, y) => (l(), m("div", null, [
+      a("div", {
+        class: "toggle-wrap",
+        "data-testid": `${e.testId}-${t(d).WRAPPER}`
+      }, [
+        a("div", {
+          class: i(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
+          "data-testid": `${e.testId}-${t(d).BODY}`,
+          onClick: T
+        }, [
+          a("div", E, [
+            e.isLoading ? (l(), m("span", {
+              key: 0,
+              class: i(["loader", {
+                "loader-active": e.modelValue
+              }])
+            }, null, 2)) : s("", !0)
+          ])
+        ], 10, k),
+        a("input", {
+          type: "checkbox",
+          disabled: e.isDisabled,
+          checked: e.modelValue,
+          "data-testid": `${e.testId}-${t(d).FIELD}`,
+          class: "checkbox"
+        }, null, 8, I),
+        V(t(u), {
+          size: "sm",
+          "is-truncated": "",
+          class: i(["item-text", { "text-disabled": e.isDisabled }]),
+          "test-id": `${e.testId}-${t(d).TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.modelValue ? e.activeText : e.inactiveText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "test-id"])
+      ], 8, $),
+      a("div", null, [
+        e.helperText ? (l(), f(t(u), {
+          key: 0,
+          size: "caption",
+          class: "helper-text",
+          "test-id": `${e.testId}-${t(d).HELPER_TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.helperText), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])) : s("", !0),
+        e.errorText ? (l(), f(t(u), {
+          key: 1,
+          size: "caption",
+          class: i(["error-text", { "error-and-help": !!e.helperText }]),
+          "test-id": `${e.testId}-${t(d).ERROR_TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.errorText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "test-id"])) : s("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  z as default
+};

package/components/toggle/index.d.ts

@@ -1,7 +1,6 @@
 declare const ToggleTypes: () => import("vue").DefineComponent<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     modelValue: {
@@ -10,37 +9,30 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     };
     helperText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     color: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     isLoading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     errorText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     activeText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     inactiveText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     isDisabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -48,7 +40,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     modelValue: {
@@ -57,37 +48,30 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     };
     helperText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     color: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     isLoading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     errorText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     activeText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     inactiveText: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     isDisabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
 }>> & {

package/components/toggle/index.js

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

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -24,7 +24,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/tooltip/TextWithTitleContent.vue2.js

@@ -0,0 +1,6 @@
+import t from "./TextWithTitleContent.vue3.js";
+/* empty css                          */import o from "../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7da6e1ca"]]);
+export {
+  i as default
+};

package/components/tooltip/TextWithTitleContent.vue3.js

@@ -0,0 +1,45 @@
+import { defineComponent as l, openBlock as f, createElementBlock as m, createElementVNode as o, createVNode as n, unref as t, withCtx as d, createTextVNode as i, toDisplayString as r } from "vue";
+import { TooltipTestIdModifiers as a } from "../../testids/index.js";
+/* empty css                          */import c from "../typography/Text.vue.js";
+const u = { class: "content-wrap" }, p = { class: "content-header" }, T = { class: "content-body" }, g = /* @__PURE__ */ l({
+  __name: "TextWithTitleContent",
+  props: {
+    text: null,
+    header: null,
+    testId: { default: "" }
+  },
+  setup(e) {
+    const s = e;
+    return (_, h) => (f(), m("div", u, [
+      o("div", p, [
+        n(t(c), {
+          size: "md",
+          "is-truncated": !1,
+          strong: "",
+          "test-id": `${s.testId}-${t(a).TEXT}`
+        }, {
+          default: d(() => [
+            i(r(e.header), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])
+      ]),
+      o("div", T, [
+        n(t(c), {
+          size: "xs",
+          "is-truncated": !1,
+          strong: "",
+          "test-id": `${s.testId}-${t(a).TEXT}`
+        }, {
+          default: d(() => [
+            i(r(e.text), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])
+      ])
+    ]));
+  }
+});
+export {
+  g as default
+};

package/components/tooltip/Tooltip.types.d.ts

@@ -0,0 +1,2 @@
+export declare const TOOLTIP_POSITIONS: readonly ["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"];
+export type TooltipPositions = (typeof TOOLTIP_POSITIONS)[number];

package/components/tooltip/Tooltip.vue.d.ts

@@ -1,10 +1,11 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+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?: ("hover" | "click" | "focus" | "touch")[];
+    triggers?: Triggers[];
     forceShowWithTruncate?: boolean;
-    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    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;
@@ -22,9 +23,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: ("hover" | "click" | "focus" | "touch")[];
+    triggers?: Triggers[];
     forceShowWithTruncate?: boolean;
-    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    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;
@@ -44,10 +45,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme: string;
     testId: string;
     delay: number;
-    triggers: ("hover" | "click" | "focus" | "touch")[];
+    triggers: Triggers[];
     forceShowWithTruncate: boolean;
-    placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    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;
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {
+        text: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -60,7 +66,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/tooltip/Tooltip.vue.js

@@ -1,101 +1,83 @@
-import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
-import TextWithTitleContent from './TextWithTitleContent.vue.js';
-import { TooltipTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                                     */import Text from '../typography/Text.vue.js';
-import { Tooltip } from 'floating-vue';
-/* empty css                                             */
-import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as y, ref as r, useSlots as v, watch as m, openBlock as n, createBlock as s, unref as a, mergeProps as w, withCtx as u, renderSlot as h, createTextVNode as g, toDisplayString as S, createElementVNode as k, nextTick as $ } from "vue";
+import I from "./TextWithTitleContent.vue2.js";
+import { TooltipTestIdModifiers as x } from "../../testids/index.js";
+/* empty css                          */import W from "../typography/Text.vue.js";
+import { Tooltip as b } from "floating-vue";
+const N = /* @__PURE__ */ y({
   __name: "Tooltip",
   props: {
     text: { default: null },
     header: { default: null },
     delay: { default: 0 },
     triggers: { default: () => ["hover"] },
-    forceShowWithTruncate: { type: Boolean, default: false },
+    forceShowWithTruncate: { type: Boolean, default: !1 },
     placement: { default: "top" },
     theme: { default: "default" },
-    disabled: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: !1 },
     testId: { default: "" }
   },
-  setup(__props) {
-    const props = __props;
-    const showTooltip = ref(false);
-    const textForDisplay = ref(null);
-    const container = ref(null);
-    const slots = useSlots();
-    const getText = () => showTooltip.value ? props.text : null;
-    const checkShouldShowTooltip = async () => {
-      showTooltip.value = true;
-      await nextTick();
-      if (!props.forceShowWithTruncate) {
-        const slotElement = container.value?.children && container.value.children[0];
-        const textOverflow = slotElement && window.getComputedStyle(slotElement, null).getPropertyValue("text-overflow");
-        if (textOverflow === "ellipsis") {
-          showTooltip.value = slotElement.offsetWidth < slotElement.scrollWidth;
-        }
+  setup(e) {
+    const o = e, i = r(!1), l = r(null), d = r(null), T = v(), f = () => i.value ? o.text : null, c = async () => {
+      if (i.value = !0, await $(), !o.forceShowWithTruncate) {
+        const t = d.value?.children && d.value.children[0];
+        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
       }
     };
-    watch(
-      () => props.text,
+    return m(
+      () => o.text,
       async () => {
-        await checkShouldShowTooltip();
-        textForDisplay.value = getText();
+        await c(), l.value = f();
       },
-      { immediate: true }
-    );
-    watch(
-      () => slots.default,
+      { immediate: !0 }
+    ), m(
+      () => T.default,
       async () => {
-        await checkShouldShowTooltip();
-        textForDisplay.value = getText();
+        await c(), l.value = f();
       },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
-        theme: __props.theme,
-        "no-auto-focus": "",
-        triggers: __props.triggers,
-        delay: { show: __props.delay, hide: 0 },
-        placement: __props.placement,
-        disabled: __props.disabled || __props.text && !textForDisplay.value,
-        "data-testid": `${__props.testId}-${unref(TooltipTestIdModifiers).TRIGGER}`,
-        "auto-hide": ""
-      }), {
-        popper: withCtx(() => [
-          renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
-            !__props.header ? (openBlock(), createBlock(unref(Text), {
-              key: 0,
-              size: "sm",
-              "is-truncated": false,
-              strong: "",
-              "test-id": `${__props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(textForDisplay.value), 1)
-              ]),
-              _: 1
-            }, 8, ["test-id"])) : (openBlock(), createBlock(TextWithTitleContent, {
-              key: 1,
-              text: __props.text,
-              header: __props.header
-            }, null, 8, ["text", "header"]))
-          ])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "container",
-            ref: container,
-            class: "container"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 512)
-        ]),
-        _: 3
-      }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]);
-    };
+      { immediate: !0 }
+    ), (t, p) => (n(), s(a(b), w(t.$props, {
+      theme: e.theme,
+      "no-auto-focus": "",
+      triggers: e.triggers,
+      delay: { show: e.delay, hide: 0 },
+      placement: e.placement,
+      disabled: e.disabled || e.text && !l.value,
+      "data-testid": `${e.testId}-${a(x).TRIGGER}`,
+      "auto-hide": ""
+    }), {
+      popper: u(() => [
+        h(t.$slots, "tooltip", { text: l.value }, () => [
+          e.header ? (n(), s(I, {
+            key: 1,
+            text: e.text,
+            header: e.header
+          }, null, 8, ["text", "header"])) : (n(), s(a(W), {
+            key: 0,
+            size: "sm",
+            "is-truncated": !1,
+            strong: "",
+            "test-id": `${e.testId}-${a(x).TEXT}`
+          }, {
+            default: u(() => [
+              g(S(l.value), 1)
+            ]),
+            _: 1
+          }, 8, ["test-id"]))
+        ])
+      ]),
+      default: u(() => [
+        k("div", {
+          ref_key: "container",
+          ref: d,
+          class: "container"
+        }, [
+          h(t.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]));
   }
 });
-
-export { _sfc_main as default };
+export {
+  N as default
+};

package/components/tooltip/Tooltip.vue3.js

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