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

package/components/tooltip/TextWithTitleContent.vue.vue3.js

@@ -1,45 +0,0 @@
-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.vue.js";
-/* empty css                              */import c from "../typography/Text.vue.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.vue.vue.js

@@ -1,83 +0,0 @@
-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.vue.vue2.js";
-import { TooltipTestIdModifiers as x } from "../../testids/index.vue.js";
-/* empty css                              */import W from "../typography/Text.vue.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: !1 },
-    placement: { default: "top" },
-    theme: { default: "default" },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  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);
-      }
-    };
-    return m(
-      () => o.text,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), m(
-      () => T.default,
-      async () => {
-        await c(), l.value = f();
-      },
-      { 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 {
-  N as default
-};

package/components/tooltip/Tooltip.vue.vue3.js

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

package/components/typography/Heading.vue.vue.js

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

package/components/typography/Heading.vue.vue3.js

@@ -1,25 +0,0 @@
-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.vue.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.vue.js

@@ -1,6 +0,0 @@
-import o from "./Text.vue.vue2.js";
-/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-94bd409b"]]);
-export {
-  _ as default
-};

package/components/typography/Text.vue.vue2.js

@@ -1,23 +0,0 @@
-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.vue.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
-};

package/components/typography/v4/Typography.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Typography.vue.vue2.js";
-/* empty css                     */import p from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const f = /* @__PURE__ */ p(o, [["__scopeId", "data-v-94f65484"]]);
-export {
-  f as default
-};

package/components/typography/v4/Typography.vue.vue2.js

@@ -1,58 +0,0 @@
-import { defineComponent as i, computed as a, openBlock as c, createBlock as f, resolveDynamicComponent as h, unref as n, normalizeClass as b, withCtx as u, renderSlot as d } from "vue";
-const v = /* @__PURE__ */ i({
-  __name: "Typography",
-  props: {
-    isTruncated: { type: Boolean },
-    variant: { default: "body1" }
-  },
-  setup(e) {
-    const t = e, o = {
-      title: "font-title",
-      h1: "font-heading-1",
-      h2: "font-heading-2",
-      h3: "font-heading-3",
-      h4: "font-heading-4",
-      h5: "font-heading-5",
-      h6: "font-heading-6",
-      body1: "font-body-1",
-      body2: "font-body-2",
-      subtitle1: "font-subtitle-1",
-      subtitle2: "font-subtitle-2",
-      button: "font-button",
-      caption: "font-caption",
-      tableLabel: "font-table-label",
-      inputLabel: "font-input-label",
-      tabLabel1: "font-tab-label1",
-      tabLabel2: "font-tab-label2",
-      chipLabel: "font-chip-label",
-      chart1: "font-chart-1",
-      chart2: "font-chart-2",
-      overline: "font-overline"
-    }, l = a(() => {
-      switch (t.variant) {
-        case "title":
-          return "h1";
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return t.variant;
-        default:
-          return "span";
-      }
-    }), r = a(() => o[t.variant]);
-    return (s, p) => (c(), f(h(n(l)), {
-      class: b({ [n(r)]: !0, truncate: e.isTruncated })
-    }, {
-      default: u(() => [
-        d(s.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  v as default
-};

package/components/typography/v4/TypographyTypes.d.ts

@@ -1,2 +0,0 @@
-export declare const TYPOGRAPHY_VARIANT_OPTIONS: readonly ["title", "h1", "h2", "h3", "h4", "h5", "h6", "body1", "body2", "subtitle1", "subtitle2", "button", "caption", "tableLabel", "inputLabel", "tabLabel1", "tabLabel2", "chipLabel", "chart1", "chart2", "overline"];
-export type TypographyVariant = (typeof TYPOGRAPHY_VARIANT_OPTIONS)[number];