@ironsource/shared-ui 2.1.2-rc.0 → 2.1.2

package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-aa538d40]{display:flex}.app-header .image-container[data-v-aa538d40]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-aa538d40]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-aa538d40]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-aa538d40]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-aa538d40]{color:var(--text-secondary)}.app-header.size-small[data-v-aa538d40]{align-items:center}.app-header.size-small .image-container[data-v-aa538d40]{height:28px;width:28px;border-radius:6px}.app-header.size-small .image-container img[data-v-aa538d40]{border-radius:6px}.app-header.size-small .name-container[data-v-aa538d40]{display:flex}

package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css

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

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

@@ -4,26 +4,31 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     platform: 'android' | 'ios';
     appKey: string;
     testId: string;
+    type?: 'small' | 'normal';
 }>, {
     image: string;
     name: string;
     platform: string;
     appKey: string;
     testId: string;
+    type: 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<{
     image: string;
     name: string;
     platform: 'android' | 'ios';
     appKey: string;
     testId: string;
+    type?: 'small' | 'normal';
 }>, {
     image: string;
     name: string;
     platform: string;
     appKey: string;
     testId: string;
+    type: string;
 }>>>, {
     name: string;
+    type: 'small' | 'normal';
     image: string;
     testId: string;
     platform: 'android' | 'ios';

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_5afbd3dd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5afbd3dd"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa538d40"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,56 +1,60 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; import { defineComponent as d, computed as m, openBlock as l, createElementBlock as c, createElementVNode as a, createVNode as n, unref as t, mergeProps as p, withCtx as f, createTextVNode as u, toDisplayString as h } from "vue";
-import I from "../icon/v4/IconV4.vue.js";
-import y from "../typography/v4/Typography.vue.js";
-import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as x } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
-const _ = { class: "app-header" }, v = { class: "image-container" }, T = ["src", "alt"], A = { class: "icon-container" }, C = { class: "name-container" }, K = /* @__PURE__ */ d({
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; import { defineComponent as r, computed as d, openBlock as m, createElementBlock as c, normalizeClass as p, createElementVNode as a, createVNode as o, unref as t, mergeProps as f, withCtx as u, createTextVNode as y, toDisplayString as h } from "vue";
+import x from "../icon/v4/IconV4.vue.js";
+import v from "../typography/v4/Typography.vue.js";
+import I from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as i } from "../../testids/index.js";
+const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-container" }, A = { class: "name-container" }, K = /* @__PURE__ */ r({
   __name: "AppHeader",
   props: {
     image: { default: "" },
     name: { default: "" },
     platform: { default: "android" },
     appKey: { default: "" },
-    testId: { default: "" }
+    testId: { default: "" },
+    type: { default: "normal" }
   },
   setup(e) {
-    const o = e, i = m(
-      () => o.platform ? o.platform.toLowerCase() : ""
-    ), r = x(o.testId, s);
-    return (N, E) => (l(), c("div", _, [
-      a("div", v, [
+    const n = e, l = d(
+      () => n.platform ? n.platform.toLowerCase() : ""
+    ), s = g(n.testId, i);
+    return (N, E) => (m(), c("div", {
+      class: p(["app-header", `size-${e.type}`])
+    }, [
+      a("div", T, [
         a("img", {
           src: e.image,
           alt: e.name
-        }, null, 8, T)
+        }, null, 8, z)
       ]),
-      a("div", A, [
-        n(t(I), {
+      a("div", C, [
+        o(t(x), {
           type: "branded",
-          name: t(i),
-          size: "24px"
-        }, null, 8, ["name"])
+          name: t(l),
+          size: e.type === "normal" ? "24px" : "20px"
+        }, null, 8, ["name", "size"])
       ]),
-      a("div", C, [
-        n(t(y), p({
-          variant: "h2",
+      a("div", A, [
+        o(t(v), f({
+          variant: e.type === "normal" ? "h2" : "button",
           class: "title"
-        }, t(r)[t(s).TITLE]), {
-          default: f(() => [
-            u(h(e.name), 1)
+        }, t(s)[t(i).TITLE]), {
+          default: u(() => [
+            y(h(e.name), 1)
           ]),
           _: 1
-        }, 16),
+        }, 16, ["variant"]),
         a("div", null, [
-          n(t(g), {
+          o(t(I), {
             text: e.appKey,
             size: "medium",
             class: "inline-copy",
+            "hide-text-value": e.type === "small",
             "test-id": e.testId
-          }, null, 8, ["text", "test-id"])
+          }, null, 8, ["text", "hide-text-value", "test-id"])
         ])
       ])
-    ]));
+    ], 2));
   }
 });
 export {

package/components/appHeader/index.d.ts

@@ -5,6 +5,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    type: {
+        type: import("vue").PropType<"small" | "normal">;
+        default: string;
+    };
     image: {
         type: import("vue").PropType<string>;
         required: true;
@@ -31,6 +35,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    type: {
+        type: import("vue").PropType<"small" | "normal">;
+        default: string;
+    };
     image: {
         type: import("vue").PropType<string>;
         required: true;
@@ -53,6 +61,7 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
     };
 }>>, {
     name: string;
+    type: "small" | "normal";
     image: string;
     testId: string;
     platform: "android" | "ios";

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

@@ -2,22 +2,27 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     text: string;
     size: 'small' | 'medium';
     testId: string;
+    hideTextValue: boolean;
 }>, {
     size: string;
     text: string;
     testId: string;
+    hideTextValue: boolean;
 }>, {}, 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;
 }>, {
     size: string;
     text: string;
     testId: string;
+    hideTextValue: boolean;
 }>>>, {
     text: string;
     size: 'small' | 'medium';
     testId: string;
+    hideTextValue: boolean;
 }>;
 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_39577dfc_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-39577dfc"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-117ac157"]]);
 export {
   t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

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

package/components/inlineCopy/index.d.ts

@@ -15,6 +15,11 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    hideTextValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
 }, {}, 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>;
@@ -31,9 +36,15 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    hideTextValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
 }>>, {
     text: string;
     size: "small" | "medium";
     testId: string;
+    hideTextValue: boolean;
 }>[];
 export { InlineCopy, InlineCopyTypes };

package/index.d.ts

@@ -67,6 +67,11 @@ declare const _default: {
             required: true;
             default: string;
         };
+        hideTextValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }, {}, 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>;
@@ -83,10 +88,16 @@ declare const _default: {
             required: true;
             default: string;
         };
+        hideTextValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
+        hideTextValue: boolean;
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -104,6 +115,11 @@ declare const _default: {
             required: true;
             default: string;
         };
+        hideTextValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }, {}, 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>;
@@ -120,10 +136,16 @@ declare const _default: {
             required: true;
             default: string;
         };
+        hideTextValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
+        hideTextValue: boolean;
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {
@@ -131,6 +153,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        type: {
+            type: import("vue").PropType<"small" | "normal">;
+            default: string;
+        };
         image: {
             type: import("vue").PropType<string>;
             required: true;
@@ -157,6 +183,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        type: {
+            type: import("vue").PropType<"small" | "normal">;
+            default: string;
+        };
         image: {
             type: import("vue").PropType<string>;
             required: true;
@@ -179,6 +209,7 @@ declare const _default: {
         };
     }>>, {
         name: string;
+        type: "small" | "normal";
         image: string;
         testId: string;
         platform: "android" | "ios";
@@ -190,6 +221,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        type: {
+            type: import("vue").PropType<"small" | "normal">;
+            default: string;
+        };
         image: {
             type: import("vue").PropType<string>;
             required: true;
@@ -216,6 +251,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        type: {
+            type: import("vue").PropType<"small" | "normal">;
+            default: string;
+        };
         image: {
             type: import("vue").PropType<string>;
             required: true;
@@ -238,6 +277,7 @@ declare const _default: {
         };
     }>>, {
         name: string;
+        type: "small" | "normal";
         image: string;
         testId: string;
         platform: "android" | "ios";

package/package.json

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

package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css

@@ -1 +0,0 @@
-.app-header[data-v-5afbd3dd]{display:flex}.app-header .image-container[data-v-5afbd3dd]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-5afbd3dd]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-5afbd3dd]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-5afbd3dd]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-5afbd3dd]{color:var(--text-secondary)}

package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css

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