@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.50

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

@@ -11,6 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     distance?: string | number;
     container?: string;
+    shown?: boolean;
+    autoHide?: boolean;
 }>, {
     text: any;
     header: any;
@@ -23,6 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
+    shown: any;
+    autoHide: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -37,6 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     distance?: string | number;
     container?: string;
+    shown?: boolean;
+    autoHide?: boolean;
 }>, {
     text: any;
     header: any;
@@ -49,6 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
+    shown: any;
+    autoHide: boolean;
 }>>> & {
     onShow?: () => any;
 }, {
@@ -63,6 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     distance: string | number;
     container: string;
+    shown: boolean;
+    autoHide: boolean;
 }>, {
     default?(_: {}): any;
     tooltip?(_: {

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

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
-/* empty css                *//* empty css                */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css"; //*');
+/* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fcdb9d02"]]);
+const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66eab856"]]);
 export {
   l as default
 };

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

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

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

@@ -15,6 +15,8 @@ declare const TooltipTypes: () => ({
             disabled: boolean;
             distance: string | number;
             container: string;
+            shown: boolean;
+            autoHide: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -60,9 +62,17 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            shown: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -121,6 +131,14 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            shown: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -137,6 +155,8 @@ declare const TooltipTypes: () => ({
             disabled: boolean;
             distance: string | number;
             container: string;
+            shown: boolean;
+            autoHide: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -202,6 +222,14 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        shown: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onShow?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -253,6 +281,14 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    shown: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onShow?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -269,6 +305,8 @@ declare const TooltipTypes: () => ({
     disabled: boolean;
     distance: string | number;
     container: string;
+    shown: boolean;
+    autoHide: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -1,7 +1,7 @@
 import o from "./Typography.vue2.js";
-/* empty css                 */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; //*');
-const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-992962bc"]]);
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5714d43e"]]);
 export {
   t as default
 };

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

@@ -1,6 +1,7 @@
- import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; import { defineComponent as m, ref as y, computed as l, openBlock as o, createBlock as i, unref as e, withCtx as s, resolveDynamicComponent as d, normalizeClass as f, renderSlot as h } from "vue";
-import T from "../../tooltip/v4/TooltipV4.vue.js";
-const C = /* @__PURE__ */ m({
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css"; import { defineComponent as v, ref as f, computed as d, openBlock as o, createBlock as i, unref as a, withCtx as s, resolveDynamicComponent as h, normalizeClass as b, renderSlot as p } from "vue";
+import y from "../../tooltip/v4/TooltipV4.vue.js";
+import { useResizeObserver as T } from "@vueuse/core";
+const L = /* @__PURE__ */ v({
   __name: "Typography",
   props: {
     isTruncated: { type: Boolean },
@@ -11,7 +12,7 @@ const C = /* @__PURE__ */ m({
     variant: { default: "body1" }
   },
   setup(t) {
-    const n = t, a = y(null), b = {
+    const l = t, e = f(null), n = f(!1), m = {
       title: "font-title",
       h1: "font-heading-1",
       h2: "font-heading-2",
@@ -33,8 +34,8 @@ const C = /* @__PURE__ */ m({
       chart1: "font-chart-1",
       chart2: "font-chart-2",
       overline: "font-overline"
-    }, r = l(() => {
-      switch (n.variant) {
+    }, r = d(() => {
+      switch (l.variant) {
         case "title":
           return "h1";
         case "h1":
@@ -43,43 +44,48 @@ const C = /* @__PURE__ */ m({
         case "h4":
         case "h5":
         case "h6":
-          return n.variant;
+          return l.variant;
         default:
           return "span";
       }
-    }), c = l(() => b[n.variant]), p = l(() => a.value ? a.value.scrollWidth > a.value.clientWidth : !1);
-    return (u, v) => t.withTooltip && t.isTruncated ? (o(), i(e(T), {
+    }), u = d(() => m[l.variant]);
+    return T(e, () => {
+      if (!e.value)
+        return n.value = !1;
+      n.value = // Note: These values are rounded which can make edge cases sometimes
+      e.value.scrollWidth > e.value.clientWidth;
+    }), (c, g) => t.withTooltip && t.isTruncated ? (o(), i(a(y), {
       key: 0,
       placement: t.tooltipPlacement,
-      disabled: !e(p),
+      disabled: !n.value,
       text: t.tooltipText,
       class: "typography-tooltip",
       "test-id": t.tooltipTestId
     }, {
       default: s(() => [
-        (o(), i(d(e(r)), {
+        (o(), i(h(a(r)), {
           ref_key: "textElement",
-          ref: a,
-          class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+          ref: e,
+          class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
         }, {
           default: s(() => [
-            h(u.$slots, "default", {}, void 0, !0)
+            p(c.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["class"]))
       ]),
       _: 3
-    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(d(e(r)), {
+    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(h(a(r)), {
       key: 1,
-      class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+      class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
     }, {
       default: s(() => [
-        h(u.$slots, "default", {}, void 0, !0)
+        p(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  C as default
+  L as default
 };

package/design-foundation.stories/icons/iconsData.d.ts

@@ -1,4 +1,4 @@
-declare const assetsPath = "https://fusion.ironsrc.net/assets/icons/";
+declare const assetsPath = "https://shared-platform-assets.ironsrc.mobi/assets/icons/";
 declare const iconsBrandedData: {
     name: string;
     path: string;