@ironsource/shared-ui 2.1.5-rc.4 → 2.1.5-rc.5

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-0267d003]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-0267d003]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-0267d003]{flex:none}.app-trigger-key--content[data-v-0267d003]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-0267d003]:hover{background:var(--action-selected)}.app-trigger[data-v-0267d003]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-0267d003]:hover,.app-trigger.active[data-v-0267d003]{background:var(--action-selected)}.app-trigger.disabled[data-v-0267d003]{cursor:auto}.app-trigger--content[data-v-0267d003]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-0267d003]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-0267d003]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-0267d003]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-0267d003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-0267d003]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-0267d003]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-0267d003]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-0267d003]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-0267d003]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-0267d003]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-0267d003]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-c148fc7a]{display:flex}.app-header .image-container[data-v-c148fc7a]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-c148fc7a]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-c148fc7a]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-c148fc7a]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-c148fc7a]{color:var(--text-secondary)}.app-header.size-small[data-v-c148fc7a]{align-items:center}.app-header.size-small .image-container[data-v-c148fc7a]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-c148fc7a]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-c148fc7a]{padding:0 .25rem}.app-header.size-small .name-container[data-v-c148fc7a]{display:flex;align-items:center}.ab-icon-wrapper[data-v-c148fc7a]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-c148fc7a]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-ff9f4a0f]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-ff9f4a0f]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-ff9f4a0f]:hover{color:var(--action-primary)}

package/components/appHeader/AppHeader.vue.d.ts

@@ -6,7 +6,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type?: 'small' | 'normal';
     showAbIcon?: boolean;
-    inlineCopyTooltipText?: string;
 }>, {
     image: string;
     name: string;
@@ -15,7 +14,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
-    inlineCopyTooltipText: any;
 }>, {}, 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<{
     image: string;
     name: string;
@@ -24,7 +22,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type?: 'small' | 'normal';
     showAbIcon?: boolean;
-    inlineCopyTooltipText?: string;
 }>, {
     image: string;
     name: string;
@@ -33,7 +30,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
-    inlineCopyTooltipText: any;
 }>>>, {
     name: string;
     type: 'small' | 'normal';
@@ -42,7 +38,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     platform: 'android' | 'ios';
     appKey: string;
     showAbIcon: boolean;
-    inlineCopyTooltipText: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_13fe6311_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-13fe6311"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c148fc7a"]]);
 export {
-  t as default
+  s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,10 +1,10 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_13fe6311_lang.css"; import { defineComponent as x, computed as o, openBlock as d, createElementBlock as m, normalizeClass as h, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as I, createTextVNode as T, toDisplayString as v, createCommentVNode as z } from "vue";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; import { defineComponent as h, computed as o, openBlock as d, createElementBlock as m, normalizeClass as x, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as I, createTextVNode as z, toDisplayString as v, createCommentVNode as A } from "vue";
 import c from "../icon/v4/IconV4.vue.js";
 import C from "../typography/v4/Typography.vue.js";
-import A from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as b } from "../../utils/testIds.js";
+import b from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
 import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const g = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"], B = { class: "name-container" }, M = /* @__PURE__ */ x({
+const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"], k = { class: "name-container" }, M = /* @__PURE__ */ h({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -13,8 +13,7 @@ const g = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
     appKey: { default: "" },
     testId: { default: "" },
     type: { default: "normal" },
-    showAbIcon: { type: Boolean, default: !1 },
-    inlineCopyTooltipText: { default: void 0 }
+    showAbIcon: { type: Boolean, default: !1 }
   },
   setup(t) {
     const a = t, p = o(
@@ -25,11 +24,11 @@ const g = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
       () => a.type === "small" ? "18px" : null
     ), y = o(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = b(a.testId, l);
-    return (P, S) => (d(), m("div", {
-      class: h(["app-header", `size-${t.type}`])
+    ), s = g(a.testId, l);
+    return (B, P) => (d(), m("div", {
+      class: x(["app-header", `size-${t.type}`])
     }, [
-      n("div", g, [
+      n("div", T, [
         n("img", {
           src: t.image,
           alt: t.name
@@ -45,24 +44,25 @@ const g = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
           size: e(f)
         }, null, 8, ["name", "size"])
       ], 16, w),
-      n("div", B, [
+      n("div", k, [
         i(e(C), r({
           variant: e(y),
           class: "title"
         }, e(s)[e(l).TITLE]), {
           default: I(() => [
-            T(v(t.name), 1)
+            z(v(t.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(A), {
+        i(e(b), {
           text: t.appKey,
           size: "medium",
           class: "inline-copy",
           "hide-text-value": t.type === "small",
           "test-id": t.testId,
           "icon-size": e(u),
-          "tooltip-text": t.inlineCopyTooltipText
+          "tooltip-header": "Copy app key",
+          "tooltip-text": t.appKey
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
       t.showAbIcon ? (d(), m("div", r({
@@ -74,7 +74,7 @@ const g = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
           name: "ab",
           size: "28px"
         })
-      ], 16)) : z("", !0)
+      ], 16)) : A("", !0)
     ], 2));
   }
 });

package/components/appHeader/index.d.ts

@@ -33,10 +33,6 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    inlineCopyTooltipText: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
@@ -71,10 +67,6 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    inlineCopyTooltipText: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
 }>>, {
     name: string;
     type: "small" | "normal";
@@ -83,6 +75,5 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
     platform: "android" | "ios";
     appKey: string;
     showAbIcon: boolean;
-    inlineCopyTooltipText: string;
 }>[];
 export { AppHeader, AppHeaderTypes };

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
-/* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2e91704b"]]);
+/* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
 export {
   s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
 import r from "../../icon/v4/IconV4.vue.js";
 import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
@@ -40,7 +40,7 @@ const S = { class: "app-trigger--content" }, D = {
   },
   emits: ["click"],
   setup(t, { emit: T }) {
-    const e = t, { copy: k, copied: I } = w({}), C = p(
+    const e = t, { copy: k, copied: C } = w({}), I = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), b = () => {
       T("click");
@@ -52,7 +52,7 @@ const S = { class: "app-trigger--content" }, D = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     }), A = async () => {
-      await k(e.valueToCopy), I.value && z({
+      await k(e.valueToCopy), C.value && z({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
@@ -62,7 +62,7 @@ const S = { class: "app-trigger--content" }, D = {
       class: B(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
     }, [
       a("div", h({
-        class: ["app-trigger", [t.size, l(C), { open: t.open, disabled: t.disabled }]],
+        class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
         style: {
           paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
         }
@@ -121,7 +121,8 @@ const S = { class: "app-trigger--content" }, D = {
       }, [
         s(l(N), {
           text: t.valueToCopy,
-          header: "App key"
+          header: "Copy app key",
+          placement: "bottom"
         }, {
           default: v(() => [
             a("div", j, [

package/components/inlineCopy/InlineCopy.vue.d.ts

@@ -1,38 +1,49 @@
+import { TooltipPositions } from '../tooltip/common/Tooltip.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
     iconSize?: string;
+    tooltipHeader?: string;
     tooltipText?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
     iconSize: any;
+    tooltipHeader: string;
     tooltipText: string;
+    tooltipPlacement: 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;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
     iconSize?: string;
+    tooltipHeader?: string;
     tooltipText?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
     iconSize: any;
+    tooltipHeader: string;
     tooltipText: string;
+    tooltipPlacement: string;
 }>>>, {
     text: string;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
     iconSize: string;
+    tooltipHeader: string;
     tooltipText: string;
+    tooltipPlacement: TooltipPositions;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/inlineCopy/InlineCopy.vue.js

@@ -1,7 +1,7 @@
 import o from "./InlineCopy.vue2.js";
 /* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_a5723ef7_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a5723ef7"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ff9f4a0f"]]);
 export {
-  t as default
+  s as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,12 +1,12 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_a5723ef7_lang.css"; import { defineComponent as d, computed as f, openBlock as l, createElementBlock as y, createBlock as x, unref as e, mergeProps as r, withCtx as c, createTextVNode as T, toDisplayString as C, createCommentVNode as z, createVNode as n } from "vue";
-import I from "../icon/v4/IconV4.vue.js";
-import h from "../typography/v4/Typography.vue.js";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css"; import { defineComponent as u, computed as f, openBlock as i, createElementBlock as y, createBlock as x, unref as e, mergeProps as c, withCtx as n, createTextVNode as T, toDisplayString as C, createCommentVNode as h, createVNode as r } from "vue";
+import z from "../icon/v4/IconV4.vue.js";
+import I from "../typography/v4/Typography.vue.js";
 import { useClipboard as k } from "@vueuse/core";
 import { Snackbar as S } from "../snackbar/v4/index.js";
 import V from "../tooltip/v4/TooltipV4.vue.js";
 import { useTestIdAttrs as B } from "../../utils/testIds.js";
-import { InlineCopyTestIdModifiers as i } from "../../testids/index.js";
-const O = /* @__PURE__ */ d({
+import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
+const M = /* @__PURE__ */ u({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
@@ -14,10 +14,12 @@ const O = /* @__PURE__ */ d({
     testId: { default: "" },
     hideTextValue: { type: Boolean, default: !1 },
     iconSize: { default: null },
-    tooltipText: { default: "Copy to clipboard" }
+    tooltipHeader: { default: "" },
+    tooltipText: { default: "Copy to clipboard" },
+    tooltipPlacement: { default: "bottom" }
   },
   setup(t) {
-    const o = t, { copy: s, copied: p } = k({}), m = f(() => {
+    const o = t, { copy: s, copied: d } = k({}), m = f(() => {
       switch (o.size) {
         case "medium":
           return "0.875rem";
@@ -25,40 +27,44 @@ const O = /* @__PURE__ */ d({
         default:
           return "0.75rem";
       }
-    }), u = async () => {
-      await s(o.text), p.value && S({
+    }), p = async () => {
+      await s(o.text), d.value && S({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
       });
-    }, a = B(o.testId, i);
-    return (N, b) => (l(), y("div", {
+    }, l = B(o.testId, a);
+    return (b, N) => (i(), y("div", {
       class: "inline-copy",
-      onClick: u
+      onClick: p
     }, [
-      t.hideTextValue ? z("", !0) : (l(), x(e(h), r({
+      t.hideTextValue ? h("", !0) : (i(), x(e(I), c({
         key: 0,
         variant: "caption",
         style: { fontSize: e(m) }
-      }, e(a)[e(i).TEXT]), {
-        default: c(() => [
+      }, e(l)[e(a).TEXT]), {
+        default: n(() => [
           T(C(t.text), 1)
         ]),
         _: 1
       }, 16, ["style"])),
-      n(e(V), { text: t.tooltipText }, {
-        default: c(() => [
-          n(e(I), r({
+      r(e(V), {
+        text: t.tooltipText,
+        header: t.tooltipHeader,
+        placement: t.tooltipPlacement
+      }, {
+        default: n(() => [
+          r(e(z), c({
             class: "icon-copy",
             name: "copy",
             size: t.iconSize || "16px"
-          }, e(a)[e(i).COPY_BTN]), null, 16, ["size"])
+          }, e(l)[e(a).COPY_BTN]), null, 16, ["size"])
         ]),
         _: 1
-      }, 8, ["text"])
+      }, 8, ["text", "header", "placement"])
     ]));
   }
 });
 export {
-  O as default
+  M as default
 };

package/components/inlineCopy/index.d.ts

@@ -24,10 +24,18 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
+    tooltipHeader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     tooltipText: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
@@ -53,16 +61,26 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
+    tooltipHeader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     tooltipText: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
 }>>, {
     text: string;
     size: "small" | "medium";
     testId: string;
     hideTextValue: boolean;
     iconSize: string;
+    tooltipHeader: string;
     tooltipText: string;
+    tooltipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>[];
 export { InlineCopy, InlineCopyTypes };

package/index.d.ts

@@ -76,10 +76,18 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipHeader: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         tooltipText: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         text: {
             type: import("vue").PropType<string>;
@@ -105,17 +113,27 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipHeader: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         tooltipText: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
         iconSize: string;
+        tooltipHeader: string;
         tooltipText: string;
+        tooltipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -142,10 +160,18 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipHeader: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         tooltipText: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         text: {
             type: import("vue").PropType<string>;
@@ -171,17 +197,27 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipHeader: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         tooltipText: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
         iconSize: string;
+        tooltipHeader: string;
         tooltipText: string;
+        tooltipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {
@@ -217,10 +253,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inlineCopyTooltipText: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
@@ -255,10 +287,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inlineCopyTooltipText: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
     }>>, {
         name: string;
         type: "small" | "normal";
@@ -267,7 +295,6 @@ declare const _default: {
         platform: "android" | "ios";
         appKey: string;
         showAbIcon: boolean;
-        inlineCopyTooltipText: string;
     }>;
     AppHeaderTypes: () => import("vue").DefineComponent<{
         name: {
@@ -303,10 +330,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inlineCopyTooltipText: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
@@ -341,10 +364,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inlineCopyTooltipText: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
     }>>, {
         name: string;
         type: "small" | "normal";
@@ -353,7 +372,6 @@ declare const _default: {
         platform: "android" | "ios";
         appKey: string;
         showAbIcon: boolean;
-        inlineCopyTooltipText: string;
     }>[];
     ThemeWrapper: {
         new (...args: any[]): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.5-rc.4",
+  "version": "2.1.5-rc.5",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css

@@ -1 +0,0 @@
-.app-trigger-wrapper[data-v-2e91704b]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-2e91704b]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-2e91704b]{flex:none}.app-trigger-key--content[data-v-2e91704b]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-2e91704b]:hover{background:var(--action-selected)}.app-trigger[data-v-2e91704b]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-2e91704b]:hover,.app-trigger.active[data-v-2e91704b]{background:var(--action-selected)}.app-trigger.disabled[data-v-2e91704b]{cursor:auto}.app-trigger--content[data-v-2e91704b]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-2e91704b]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-2e91704b]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-2e91704b]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-2e91704b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-2e91704b]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-2e91704b]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-2e91704b]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-2e91704b]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-2e91704b]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-2e91704b]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-2e91704b]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_13fe6311_lang.css

@@ -1 +0,0 @@
-.app-header[data-v-13fe6311]{display:flex}.app-header .image-container[data-v-13fe6311]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-13fe6311]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-13fe6311]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-13fe6311]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-13fe6311]{color:var(--text-secondary)}.app-header.size-small[data-v-13fe6311]{align-items:center}.app-header.size-small .image-container[data-v-13fe6311]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-13fe6311]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-13fe6311]{padding:0 .25rem}.app-header.size-small .name-container[data-v-13fe6311]{display:flex;align-items:center}.ab-icon-wrapper[data-v-13fe6311]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-13fe6311]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/InlineCopy.vue_vue_type_style_index_0_scoped_a5723ef7_lang.css

@@ -1 +0,0 @@
-.inline-copy[data-v-a5723ef7]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-a5723ef7]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-a5723ef7]:hover{color:var(--action-primary)}