@ironsource/shared-ui 2.2.0-rc.48 → 2.2.0-rc.50

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

@@ -8,7 +8,6 @@ declare const ToggleTypes: () => ({
             color: "primary" | "test";
             size: "small" | "medium";
             isLoading: boolean;
-            ariaLabel: string;
             hoverHelpText: string;
             hoverHelpTextPlacement: "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";
             feedbackText: string;
@@ -41,10 +40,6 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            ariaLabel: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -75,7 +70,7 @@ declare const ToggleTypes: () => ({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "testId" | "color" | "size" | "isLoading" | "ariaLabel" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isDisabled" | "activeText" | "inactiveText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "testId" | "color" | "size" | "isLoading" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isDisabled" | "activeText" | "inactiveText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -114,10 +109,6 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            ariaLabel: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -156,7 +147,6 @@ declare const ToggleTypes: () => ({
             color: "primary" | "test";
             size: "small" | "medium";
             isLoading: boolean;
-            ariaLabel: string;
             hoverHelpText: string;
             hoverHelpTextPlacement: "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";
             feedbackText: string;
@@ -209,10 +199,6 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        ariaLabel: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -272,10 +258,6 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    ariaLabel: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -314,7 +296,6 @@ declare const ToggleTypes: () => ({
     color: "primary" | "test";
     size: "small" | "medium";
     isLoading: boolean;
-    ariaLabel: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: "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";
     feedbackText: string;

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

@@ -15,8 +15,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoHide?: boolean;
     dontWrapDisabled?: boolean;
     maxWidth?: string;
-    focusable?: boolean;
-    revealOnFocus?: boolean;
 }>, {
     text: any;
     header: any;
@@ -33,12 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoHide: boolean;
     dontWrapDisabled: boolean;
     maxWidth: string;
-    focusable: boolean;
-    revealOnFocus: boolean;
-}>, {
-    isShown: import("vue").ComputedRef<boolean>;
-    libTriggers: import("vue").ComputedRef<TooltipTriggers[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, 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<{
     text?: string;
@@ -56,8 +49,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoHide?: boolean;
     dontWrapDisabled?: boolean;
     maxWidth?: string;
-    focusable?: boolean;
-    revealOnFocus?: boolean;
 }>, {
     text: any;
     header: any;
@@ -74,8 +65,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoHide: boolean;
     dontWrapDisabled: boolean;
     maxWidth: string;
-    focusable: boolean;
-    revealOnFocus: boolean;
 }>>> & {
     onShow?: () => any;
 }, {
@@ -94,8 +83,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoHide: boolean;
     dontWrapDisabled: boolean;
     maxWidth: string;
-    focusable: boolean;
-    revealOnFocus: 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 e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_22e25f74_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-22e25f74"]]);
+const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8aebfee"]]);
 export {
   l as default
 };

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

@@ -1,11 +1,14 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_22e25f74_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as W, ref as B, computed as u, onMounted as F, watch as z, onUnmounted as A, renderSlot as f, openBlock as h, createBlock as p, unref as n, mergeProps as C, withCtx as y, createTextVNode as D, toDisplayString as P, createElementVNode as R, normalizeClass as O } from "vue";
-import G from "./TextWithTitleContent.vue.js";
-import { Tooltip as H } from "floating-vue";
-import { TooltipTestIdModifiers as v } from "../../../testids/index.js";
-import Z from "../../typography/v4/Typography.vue.js";
-import { tooltipCommon as j } from "../common/Tooltip.common.js";
-import { useTestIdAttrs as K } from "../../../utils/testIds.js";
-const U = ["tabindex"], _ = /* @__PURE__ */ W({
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
+import V from "./TextWithTitleContent.vue.js";
+import { Tooltip as W } from "floating-vue";
+import { TooltipTestIdModifiers as p } from "../../../testids/index.js";
+import k from "../../typography/v4/Typography.vue.js";
+import { tooltipCommon as S } from "../common/Tooltip.common.js";
+import { useTestIdAttrs as A } from "../../../utils/testIds.js";
+const z = {
+  ref: "container",
+  class: "container"
+}, F = /* @__PURE__ */ T({
   __name: "TooltipV4",
   props: {
     text: { default: null },
@@ -22,115 +25,90 @@ const U = ["tabindex"], _ = /* @__PURE__ */ W({
     shown: { type: Boolean, default: null },
     autoHide: { type: Boolean, default: !0 },
     dontWrapDisabled: { type: Boolean, default: !1 },
-    maxWidth: { default: "21.875rem" },
-    focusable: { type: Boolean, default: !1 },
-    revealOnFocus: { type: Boolean, default: !0 }
+    maxWidth: { default: "21.875rem" }
   },
   emits: ["show"],
-  setup(o, { expose: E, emit: N }) {
-    const t = o, { textForDisplay: c } = j(t), g = K(t.testId, v), w = B(null), x = u(
-      () => (t.triggers || []).filter((e) => e !== "focus")
-    ), m = u(
-      () => t.revealOnFocus && !(t.triggers || []).includes("click")
-    ), s = B(!1), b = u(() => t.shown !== null && t.shown !== void 0 ? t.shown : m.value && s.value ? !0 : null), k = () => {
-      m.value && (s.value = !0);
-    }, I = (e) => {
-      if (!m.value)
-        return;
-      const a = e.relatedTarget;
-      a && w.value?.contains(a) || (s.value = !1);
-    }, S = (e) => {
-      e.key === "Escape" && s.value && (s.value = !1);
-    };
-    E({ isShown: b, libTriggers: x });
-    const d = (e) => `--tooltip-max-width-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, i = (e) => `max-width-class-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, $ = (e) => {
-      const a = i(e), l = d(e);
+  setup(t, { emit: v }) {
+    const a = t, { textForDisplay: m } = S(a), h = A(a.testId, p), d = (e) => `--tooltip-max-width-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, r = (e) => `max-width-class-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, x = (e) => {
+      const o = r(e), l = d(e);
       return `
-    .v-popper--theme-light-theme-v4.v4-tooltip.${a} .v-popper__wrapper {
+    .v-popper--theme-light-theme-v4.v4-tooltip.${o} .v-popper__wrapper {
       max-width: var(${l}, 21.875rem)
     }
   `;
-    }, V = u(
+    }, w = C(
       () => [
-        t.theme,
-        t.placement,
+        a.theme,
+        a.placement,
         "v4-tooltip",
-        t.maxWidth ? i(t.maxWidth) : ""
+        a.maxWidth ? r(a.maxWidth) : ""
         // This is the class name that will be used as a selector for the tooltip
       ].filter(Boolean)
-    ), T = (e) => {
-      const a = d(e), l = i(e);
-      if (document.documentElement.style.setProperty(a, e), !document.getElementById(l)) {
-        const r = document.createElement("style");
-        r.id = l, r.textContent = $(e), document.head.appendChild(r);
+    ), y = (e) => {
+      const o = d(e), l = r(e);
+      if (document.documentElement.style.setProperty(o, e), !document.getElementById(l)) {
+        const s = document.createElement("style");
+        s.id = l, s.textContent = x(e), document.head.appendChild(s);
       }
     };
-    return F(() => {
-      t.maxWidth && T(t.maxWidth);
-    }), z(
-      () => t.maxWidth,
-      (e, a) => {
-        if (a) {
-          const l = d(a);
+    return N(() => {
+      a.maxWidth && y(a.maxWidth);
+    }), B(
+      () => a.maxWidth,
+      (e, o) => {
+        if (o) {
+          const l = d(o);
           document.documentElement.style.removeProperty(l);
         }
-        e && T(e);
+        e && y(e);
       }
-    ), A(() => {
-      if (t.maxWidth) {
-        const e = d(t.maxWidth);
+    ), E(() => {
+      if (a.maxWidth) {
+        const e = d(a.maxWidth);
         document.documentElement.style.removeProperty(e);
-        const a = i(t.maxWidth), l = document.getElementById(a), r = document.getElementsByClassName(a);
-        l && r.length === 0 && l.remove();
+        const o = r(a.maxWidth), l = document.getElementById(o), s = document.getElementsByClassName(o);
+        l && s.length === 0 && l.remove();
       }
-    }), (e, a) => (o.disabled || !o.text) && o.dontWrapDisabled ? f(e.$slots, "default", { key: 0 }, void 0, !0) : (h(), p(n(H), C({ key: 1 }, { ...e.$props, ...n(g)[n(v).TRIGGER] }, {
-      theme: o.theme,
+    }), (e, o) => (t.disabled || !t.text) && t.dontWrapDisabled ? i(e.$slots, "default", { key: 0 }, void 0, !0) : (c(), u(n(W), g({ key: 1 }, { ...e.$props, ...n(h)[n(p).TRIGGER] }, {
+      theme: t.theme,
       "no-auto-focus": "",
-      triggers: n(x),
-      delay: { show: o.delay, hide: 0 },
-      placement: o.placement,
-      disabled: o.disabled || o.text && !n(c),
-      "popper-class": n(V),
+      triggers: t.triggers,
+      delay: { show: t.delay, hide: 0 },
+      placement: t.placement,
+      disabled: t.disabled || t.text && !n(m),
+      "popper-class": n(w),
       class: ["v4-tooltip"],
-      distance: o.distance,
-      "auto-hide": o.autoHide,
-      shown: n(b),
-      onApplyShow: a[0] || (a[0] = (l) => N("show"))
+      distance: t.distance,
+      "auto-hide": t.autoHide,
+      shown: t.shown,
+      onApplyShow: o[0] || (o[0] = (l) => v("show"))
     }), {
-      popper: y(() => [
-        f(e.$slots, "tooltip", { text: n(c) }, () => [
-          o.header ? (h(), p(G, {
+      popper: f(() => [
+        i(e.$slots, "tooltip", { text: n(m) }, () => [
+          t.header ? (c(), u(V, {
             key: 1,
-            text: o.text,
-            header: o.header
-          }, null, 8, ["text", "header"])) : (h(), p(n(Z), C({
+            text: t.text,
+            header: t.header
+          }, null, 8, ["text", "header"])) : (c(), u(n(k), g({
             key: 0,
             variant: "body2"
-          }, n(g)[n(v).TEXT]), {
-            default: y(() => [
-              D(P(n(c)), 1)
+          }, n(h)[n(p).TEXT]), {
+            default: f(() => [
+              b($(n(m)), 1)
             ]),
             _: 1
           }, 16))
         ], !0)
       ]),
-      default: y(() => [
-        R("div", {
-          ref_key: "container",
-          ref: w,
-          class: O(["container", { "container--focusable": o.focusable }]),
-          tabindex: o.focusable ? 0 : void 0,
-          onFocusin: k,
-          onFocusout: I,
-          onKeydown: S
-        }, [
-          f(e.$slots, "default", {}, void 0, !0)
-        ], 42, U)
+      default: f(() => [
+        I("div", z, [
+          i(e.$slots, "default", {}, void 0, !0)
+        ], 512)
       ]),
       _: 3
     }, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance", "auto-hide", "shown"]));
   }
 });
 export {
-  _ as default
+  F as default
 };

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

@@ -19,8 +19,6 @@ declare const TooltipTypes: () => ({
             autoHide: boolean;
             dontWrapDisabled: boolean;
             maxWidth: string;
-            focusable: boolean;
-            revealOnFocus: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -82,17 +80,9 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            focusable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            revealOnFocus: {
-                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" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth" | "focusable" | "revealOnFocus">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -167,20 +157,9 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            focusable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            revealOnFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
             onShow?: () => any;
-        }, {
-            isShown: import("vue").ComputedRef<boolean>;
-            libTriggers: import("vue").ComputedRef<import("../common/Tooltip.types").TooltipTriggers[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             show: () => void;
         }, string, {
             header: string;
@@ -198,8 +177,6 @@ declare const TooltipTypes: () => ({
             autoHide: boolean;
             dontWrapDisabled: boolean;
             maxWidth: string;
-            focusable: boolean;
-            revealOnFocus: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -281,20 +258,9 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        focusable: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        revealOnFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         onShow?: () => any;
-    } & import("vue").ShallowUnwrapRef<{
-        isShown: import("vue").ComputedRef<boolean>;
-        libTriggers: import("vue").ComputedRef<import("../common/Tooltip.types").TooltipTriggers[]>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -359,20 +325,9 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    focusable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    revealOnFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
 }>> & {
     onShow?: () => any;
-}, {
-    isShown: import("vue").ComputedRef<boolean>;
-    libTriggers: import("vue").ComputedRef<import("../common/Tooltip.types").TooltipTriggers[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => void;
 }, string, {
     header: string;
@@ -390,8 +345,6 @@ declare const TooltipTypes: () => ({
     autoHide: boolean;
     dontWrapDisabled: boolean;
     maxWidth: string;
-    focusable: boolean;
-    revealOnFocus: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;