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

package/AppHeader.vue_vue_type_style_index_0_scoped_13fe6311_lang.css

@@ -0,0 +1 @@
+.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/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css

@@ -0,0 +1 @@
+.field-label[data-v-72ab1f25]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-72ab1f25]{margin-bottom:2px}.description[data-v-72ab1f25]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-72ab1f25]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-72ab1f25]{color:var(--text-disabled)}.mandatory[data-v-72ab1f25]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-72ab1f25]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-72ab1f25]:hover{color:var(--action-active)}

package/InlineCopy.vue_vue_type_style_index_0_scoped_a5723ef7_lang.css

@@ -0,0 +1 @@
+.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)}

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type?: 'small' | 'normal';
     showAbIcon?: boolean;
+    inlineCopyTooltipText?: string;
 }>, {
     image: string;
     name: string;
@@ -14,6 +15,7 @@ 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;
@@ -22,6 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type?: 'small' | 'normal';
     showAbIcon?: boolean;
+    inlineCopyTooltipText?: string;
 }>, {
     image: string;
     name: string;
@@ -30,6 +33,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
+    inlineCopyTooltipText: any;
 }>>>, {
     name: string;
     type: 'small' | 'normal';
@@ -38,6 +42,7 @@ 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_8ffac784_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8ffac784"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_13fe6311_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-13fe6311"]]);
 export {
   t as default
 };

package/components/appHeader/AppHeader.vue2.js

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

package/components/appHeader/index.d.ts

@@ -33,6 +33,10 @@ 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>;
@@ -67,6 +71,10 @@ 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";
@@ -75,5 +83,6 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
     platform: "android" | "ios";
     appKey: string;
     showAbIcon: boolean;
+    inlineCopyTooltipText: string;
 }>[];
 export { AppHeader, AppHeaderTypes };

package/components/dropdown/common/Dropdown.common.js

@@ -1,13 +1,13 @@
 import { useToggle as me } from "../../../composables/useToggle.js";
 import { ref as n, computed as r, watch as m, useSlots as Pe, toRaw as A, nextTick as D, provide as Te, onMounted as we } from "vue";
-import { isObjectInArray as Q } from "../../../utils/array.js";
+import { isObjectInArray as W } from "../../../utils/array.js";
 import { objectsEqual as xe } from "../../../utils/object.js";
-import { useClamp as Ie, useVirtualList as De, onClickOutside as W } from "@vueuse/core";
+import { useClamp as Ie, useVirtualList as De, onClickOutside as Y } from "@vueuse/core";
 import { Mode as O, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
 import { pxToRem as Re } from "../../../utils/style.js";
 import { useEditableContext as Ee } from "../../table-cells/common/EditableContext.js";
 const Ue = (l, P, b) => {
-  const Y = (e, t) => l.multi ? Q(e, t) : A(e) === t;
+  const Z = (e, t) => l.multi ? W(e, t) : A(e) === t;
   let k;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
@@ -25,10 +25,10 @@ const Ue = (l, P, b) => {
   m(
     () => l.selected,
     () => {
-      a.value = l.selected;
+      a.value = l.selected, v.value = l.selected;
     }
   );
-  const Z = Pe(), T = n(null), f = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), g = n([]), q = () => w.value?.focus(), [v, te, ae] = me({
+  const p = Pe(), T = n(null), g = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), v = n([]), q = () => w.value?.focus(), [d, te, ae] = me({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
@@ -63,22 +63,22 @@ const Ue = (l, P, b) => {
   }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), E = (e) => {
     I.value = e;
   }, se = r(() => {
-    const e = A(g.value), t = {
+    const e = A(v.value), t = {
       selected: [],
       notSelected: []
     };
     return A(l.options).forEach((y) => {
-      const d = e.includes(y) ? "selected" : "notSelected";
-      t[d].push(y);
+      const f = e.includes(y) ? "selected" : "notSelected";
+      t[f].push(y);
     }), [].concat(t.selected, t.notSelected);
   }), s = r(() => {
-    const e = Array.isArray(g.value) && l.multi && b.VERSION === 4 ? se.value : l.options;
+    const e = Array.isArray(v.value) && l.multi && b.VERSION === 4 ? se.value : l.options;
     return l.onSearch ? e.filter((t) => l.onSearch(t, I.value)) : e;
   }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === O.Multi), j = r(
     () => ce.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
   ), {
     list: z,
-    containerProps: p,
+    containerProps: J,
     wrapperProps: ve,
     scrollTo: M
   } = De(s, {
@@ -93,9 +93,9 @@ const Ue = (l, P, b) => {
   ), m([x], async () => {
     await D();
   }), m(
-    [v, o, x],
+    [d, o, x],
     async ([e], [t]) => {
-      v.value && (await D(), x.value !== -1 && e !== t && setTimeout(() => {
+      d.value && (await D(), x.value !== -1 && e !== t && setTimeout(() => {
         l.multi && b.VERSION === 4 || M(x.value);
       }), o.value && setTimeout(() => {
         M(o.value);
@@ -104,12 +104,12 @@ const Ue = (l, P, b) => {
   );
   const h = (e, t = !1) => {
     l.disabled || (G(e), D(() => {
-      v.value && P("opened"), v.value || P("closed"), T.value && t && T.value.focus();
+      d.value && P("opened"), d.value || P("closed"), T.value && t && T.value.focus();
     }));
   };
-  m(v, (e) => {
+  m(d, (e) => {
     if (e) {
-      X.value && Array.isArray(u.value) && (g.value = A(u.value).slice());
+      X.value && Array.isArray(u.value) && (v.value = A(u.value).slice());
       return;
     }
     q();
@@ -129,7 +129,7 @@ const Ue = (l, P, b) => {
   }, fe = () => {
     de(), b.VERSION !== 4 && (u.value = a.value);
   }, ge = (e = !0) => {
-    a.value = [], e && (u.value = [], g.value = []);
+    a.value = [], e && (u.value = [], v.value = []);
   }, C = (e, t) => {
     if (e = A(e), c.value[t]?.disabled)
       return;
@@ -137,16 +137,16 @@ const Ue = (l, P, b) => {
       l.keepOpen || h(!1), i.goToOption(
         0
         /* None */
-      ), u.value = e, E(""), q(), i.type === _.Search && f.value && (f.value.value = l.displayValue(e));
+      ), u.value = e, E(""), q(), i.type === _.Search && g.value && (g.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
       return;
-    f.value?.focus();
+    g.value?.focus();
     const S = A(a.value);
-    if (Q(S, e)) {
+    if (W(S, e)) {
       a.value = S.filter(
-        (d) => !xe(d, e)
+        (f) => !xe(f, e)
       );
       return;
     } else {
@@ -161,27 +161,27 @@ const Ue = (l, P, b) => {
     activeOption: R,
     listRef: T,
     clearable: l.clearable,
-    type: Z.input ? _.Search : _.Dropdown,
+    type: p.input ? _.Search : _.Dropdown,
     mode: l.multi ? O.Multi : O.Single,
     query: I,
     selectedValue: K,
     toggle: h,
     disabled: l.disabled,
-    open: v,
+    open: d,
     mandatory: l.mandatory,
     size: l.size,
     placeholder: l.placeholder,
     select: C,
     clearSelection: () => {
-      E(""), u.value = i.mode === O.Single ? null : [], g.value = i.mode === O.Single ? null : [], f.value && (f.value.value = "");
+      E(""), u.value = i.mode === O.Single ? null : [], v.value = i.mode === O.Single ? null : [], g.value && (g.value.value = "");
     },
     search: E,
     goToOption: async (e) => {
-      if (!v.value)
+      if (!d.value)
         return;
       let t = o.value + e;
       const y = c.value.filter(
-        (d) => d.disabled
+        (f) => f.disabled
       ).length, S = s.value.length - y;
       for (t > S && (t = S + 1); ; ) {
         if (!c.value[t]?.disabled) {
@@ -195,7 +195,7 @@ const Ue = (l, P, b) => {
       }
     },
     registerInput: (e) => {
-      f.value = e.value;
+      g.value = e.value;
     },
     registerOption: (e, t, y) => {
       c.value = [...c.value, { id: e, disabled: t, hasSubtitle: y }];
@@ -204,10 +204,10 @@ const Ue = (l, P, b) => {
       c.value = c.value.filter((t) => t.id !== e);
     }
   };
-  Te(Ne, i), W(
+  Te(Ne, i), Y(
     T,
     () => {
-      v.value && J();
+      d.value && Q();
     },
     {
       ignore: [
@@ -215,13 +215,13 @@ const Ue = (l, P, b) => {
         B,
         L,
         U,
-        f,
-        p.ref
+        g,
+        J.ref
       ]
     }
   );
   const ye = () => {
-    f.value && (f.value.value = i.query.value = "");
+    g.value && (g.value.value = i.query.value = "");
   };
   we(async () => {
     l.autoFocus && (await D(), setTimeout(() => {
@@ -229,9 +229,9 @@ const Ue = (l, P, b) => {
     })), i.goToOption(0);
   });
   const Se = () => {
-    u.value = a.value, Array.isArray(u.value) && (g.value = A(u.value).slice()), P("apply", u.value), h(!1), ye();
-  }, J = () => {
-    X.value && Array.isArray(g.value) && (u.value = A(g.value).slice()), I.value = "", h(!1);
+    u.value = a.value, Array.isArray(u.value) && (v.value = A(u.value).slice()), P("apply", u.value), h(!1), ye();
+  }, Q = () => {
+    X.value && Array.isArray(v.value) && (u.value = A(v.value).slice()), I.value = "", h(!1);
   }, be = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -277,7 +277,7 @@ const Ue = (l, P, b) => {
           break;
         }
         case "Enter": {
-          if (!v.value) {
+          if (!d.value) {
             h(!0);
             return;
           }
@@ -287,21 +287,21 @@ const Ue = (l, P, b) => {
       }
   }, Oe = r(() => {
     const e = z.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > b.MAX_NUMBER_OF_OPTIONS, S = e + t;
-    let d = y ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
-    return l.noResultsText && d === 0 && (d = d + 1), Re(
-      d * j.value + b.PADDING_PX
+    let f = y ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
+    return l.noResultsText && f === 0 && (f = f + 1), Re(
+      f * j.value + b.PADDING_PX
     );
   });
   return {
     onKeydown: Ae,
     location: le,
-    open: v,
+    open: d,
     toggleMenu: h,
     onButtonKeydown: be,
     displayedValue: re,
     labelRef: H,
     query: I,
-    containerProps: p,
+    containerProps: J,
     calculateTableHeight: Oe,
     wrapperProps: ve,
     filteredOptions: s,
@@ -309,16 +309,16 @@ const Ue = (l, P, b) => {
     isIndeterminate: oe,
     onSelectAll: fe,
     virtualOptions: z,
-    isSelected: Y,
+    isSelected: Z,
     selectedOption: u,
-    selectedOptionPrevious: g,
+    selectedOptionPrevious: v,
     selectedValue: K,
     onSelect: C,
     activeIndex: o,
-    onCancel: J,
+    onCancel: Q,
     onApply: Se,
     scrollTo: M,
-    onClickOutside: W,
+    onClickOutside: Y,
     listRef: T,
     buttonRef: w,
     apply: B,

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

@@ -4,30 +4,35 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     hideTextValue: boolean;
     iconSize?: string;
+    tooltipText?: string;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
     iconSize: any;
+    tooltipText: 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;
+    tooltipText?: string;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
     iconSize: any;
+    tooltipText: string;
 }>>>, {
     text: string;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
     iconSize: string;
+    tooltipText: string;
 }>;
 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_2a9e8782_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2a9e8782"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_a5723ef7_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a5723ef7"]]);
 export {
   t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,4 +1,4 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_2a9e8782_lang.css"; import { defineComponent as d, computed as f, openBlock as a, createElementBlock as y, createBlock as x, unref as e, mergeProps as c, withCtx as s, createTextVNode as C, toDisplayString as T, createCommentVNode as z, createVNode as l } from "vue";
+ 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 { useClipboard as k } from "@vueuse/core";
@@ -6,17 +6,18 @@ 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 M = /* @__PURE__ */ d({
+const O = /* @__PURE__ */ d({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
     size: { default: "small" },
     testId: { default: "" },
     hideTextValue: { type: Boolean, default: !1 },
-    iconSize: { default: null }
+    iconSize: { default: null },
+    tooltipText: { default: "Copy to clipboard" }
   },
   setup(t) {
-    const o = t, { copy: n, copied: p } = k({}), m = f(() => {
+    const o = t, { copy: s, copied: p } = k({}), m = f(() => {
       switch (o.size) {
         case "medium":
           return "0.875rem";
@@ -25,39 +26,39 @@ const M = /* @__PURE__ */ d({
           return "0.75rem";
       }
     }), u = async () => {
-      await n(o.text), p.value && S({
+      await s(o.text), p.value && S({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
       });
-    }, r = B(o.testId, i);
-    return (N, b) => (a(), y("div", {
+    }, a = B(o.testId, i);
+    return (N, b) => (l(), y("div", {
       class: "inline-copy",
       onClick: u
     }, [
-      t.hideTextValue ? z("", !0) : (a(), x(e(h), c({
+      t.hideTextValue ? z("", !0) : (l(), x(e(h), r({
         key: 0,
         variant: "caption",
         style: { fontSize: e(m) }
-      }, e(r)[e(i).TEXT]), {
-        default: s(() => [
-          C(T(t.text), 1)
+      }, e(a)[e(i).TEXT]), {
+        default: c(() => [
+          T(C(t.text), 1)
         ]),
         _: 1
       }, 16, ["style"])),
-      l(e(V), { text: "Copy to clipboard" }, {
-        default: s(() => [
-          l(e(I), c({
+      n(e(V), { text: t.tooltipText }, {
+        default: c(() => [
+          n(e(I), r({
             class: "icon-copy",
             name: "copy",
             size: t.iconSize || "16px"
-          }, e(r)[e(i).COPY_BTN]), null, 16, ["size"])
+          }, e(a)[e(i).COPY_BTN]), null, 16, ["size"])
         ]),
         _: 1
-      })
+      }, 8, ["text"])
     ]));
   }
 });
 export {
-  M as default
+  O as default
 };

package/components/inlineCopy/index.d.ts

@@ -24,6 +24,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
+    tooltipText: {
+        type: import("vue").PropType<string>;
+        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>;
@@ -49,11 +53,16 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
+    tooltipText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>>, {
     text: string;
     size: "small" | "medium";
     testId: string;
     hideTextValue: boolean;
     iconSize: string;
+    tooltipText: string;
 }>[];
 export { InlineCopy, InlineCopyTypes };

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_5c2a70ad_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5c2a70ad"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-72ab1f25"]]);
 export {
-  t as default
+  a as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,4 +1,4 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_5c2a70ad_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
 import h from "../icon/v3/Icon.vue.js";
 import y from "../tooltip/v4/TooltipV4.vue.js";
 import c from "../typography/v4/Typography.vue.js";

package/index.d.ts

@@ -76,6 +76,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipText: {
+            type: import("vue").PropType<string>;
+            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>;
@@ -101,12 +105,17 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
         iconSize: string;
+        tooltipText: string;
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -133,6 +142,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipText: {
+            type: import("vue").PropType<string>;
+            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>;
@@ -158,12 +171,17 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        tooltipText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
         iconSize: string;
+        tooltipText: string;
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {
@@ -199,6 +217,10 @@ 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>;
@@ -233,6 +255,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        inlineCopyTooltipText: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {
         name: string;
         type: "small" | "normal";
@@ -241,6 +267,7 @@ declare const _default: {
         platform: "android" | "ios";
         appKey: string;
         showAbIcon: boolean;
+        inlineCopyTooltipText: string;
     }>;
     AppHeaderTypes: () => import("vue").DefineComponent<{
         name: {
@@ -276,6 +303,10 @@ 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>;
@@ -310,6 +341,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        inlineCopyTooltipText: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {
         name: string;
         type: "small" | "normal";
@@ -318,6 +353,7 @@ 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.2",
+  "version": "2.1.5-rc.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/AppHeader.vue_vue_type_style_index_0_scoped_8ffac784_lang.css

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

package/FieldLabel.vue_vue_type_style_index_0_scoped_5c2a70ad_lang.css

@@ -1 +0,0 @@
-.field-label[data-v-5c2a70ad]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50)}.field-label--with-description[data-v-5c2a70ad]{margin-bottom:2px}.description[data-v-5c2a70ad]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-5c2a70ad]{color:var(--text-primary)}.field-label--disabled .label[data-v-5c2a70ad]{color:var(--text-disabled)}.mandatory[data-v-5c2a70ad]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-5c2a70ad]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-5c2a70ad]:hover{color:var(--action-active)}

package/InlineCopy.vue_vue_type_style_index_0_scoped_2a9e8782_lang.css

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