@ironsource/shared-ui 2.1.12-rc.40 → 2.1.12-rc.42

package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css

@@ -0,0 +1 @@
+.tooltip-title-wrapper[data-v-da3532aa]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-da3532aa]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-da3532aa]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-da3532aa]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-da3532aa]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-da3532aa]{color:var(--action-active)}

package/components/chart/TooltipHeader.vue.js

@@ -1,7 +1,7 @@
 import o from "./TooltipHeader.vue2.js";
 /* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5160f12d"]]);
+// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-da3532aa"]]);
 export {
-  s as default
+  p as default
 };

package/components/chart/TooltipHeader.vue2.js

@@ -1,13 +1,12 @@
- import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css"; import { defineComponent as v, computed as u, openBlock as i, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as m, createVNode as D, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
-import { getUTCDate as T } from "../../utils/date.js";
-import { formatValue as r } from "./utils/utils.js";
+ import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css"; import { defineComponent as v, computed as m, openBlock as n, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as u, createVNode as T, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
+import { formatValue as o } from "./utils/utils.js";
 import y from "../typography/v4/Typography.vue.js";
 import { DateInterval as c } from "./types.js";
 import k from "../icon/v4/IconV4.vue.js";
-import C from "../icon/v4/IconFlag.vue.js";
-import { startOfWeek as F, endOfWeek as I, startOfMonth as O, endOfMonth as E } from "date-fns";
-import { LONG_DATE_FORMAT as n } from "./consts.js";
-const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = ["src"], S = /* @__PURE__ */ v({
+import O from "../icon/v4/IconFlag.vue.js";
+import { startOfWeek as C, startOfDay as h, endOfWeek as F, startOfMonth as I, endOfMonth as E } from "date-fns";
+import { LONG_DATE_FORMAT as i } from "./consts.js";
+const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = ["src"], K = /* @__PURE__ */ v({
   __name: "TooltipHeader",
   props: {
     title: { default: "" },
@@ -17,48 +16,48 @@ const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = [
     totalsChart: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, o = u(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), h = u(() => e.totalsChart ? o.value?.label || e.title : e.xAxisFormat === "date" ? g(T(e.title)) : r(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
-      ${r(F(l), n)} -
-      ${r(I(l), n)}
+    const e = a, r = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), D = m(() => e.totalsChart ? r.value?.label || e.title : e.xAxisFormat === "date" ? g(new Date(e.title)) : o(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
+      ${o(C(l), i)} -
+      ${o(h(F(l)), i)}
     ` : e.xAxisDateInterval === c.MONTHLY ? `
-      ${r(O(l), n)} -
-      ${r(E(l), n)}
-    ` : r(l, n);
-    return (l, V) => (i(), f("div", N, [
+      ${o(I(l), i)} -
+      ${o(h(E(l)), i)}
+    ` : o(l, i);
+    return (l, V) => (n(), f("div", N, [
       A("div", L, [
-        a.totalsChart && t(o)?.image ? (i(), f("img", {
+        a.totalsChart && t(r)?.image ? (n(), f("img", {
           key: 0,
           class: "title-image",
-          src: t(o)?.image
+          src: t(r)?.image
         }, null, 8, M)) : s("", !0),
-        a.totalsChart && t(o)?.countryFlag ? (i(), m(t(C), {
+        a.totalsChart && t(r)?.countryFlag ? (n(), u(t(O), {
           key: 1,
-          "country-code": t(o).countryFlag
+          "country-code": t(r).countryFlag
         }, null, 8, ["country-code"])) : s("", !0),
-        a.totalsChart && t(o)?.icon ? (i(), m(t(k), {
+        a.totalsChart && t(r)?.icon ? (n(), u(t(k), {
           key: 2,
           class: "platform-icon",
-          type: t(o)?.iconType,
-          name: t(o)?.icon,
+          type: t(r)?.iconType,
+          name: t(r)?.icon,
           size: "16px"
         }, null, 8, ["type", "name"])) : s("", !0),
-        D(t(y), {
+        T(t(y), {
           class: "title-text",
           variant: "subtitle2"
         }, {
           default: d(() => [
-            x(p(t(h)), 1)
+            x(p(t(D)), 1)
           ]),
           _: 1
         })
       ]),
-      a.xAxisFormat === "date" && a.xAxisDateInterval !== t(c).WEEKLY && a.xAxisDateInterval !== t(c).MONTHLY ? (i(), m(t(y), {
+      a.xAxisFormat === "date" && a.xAxisDateInterval !== t(c).WEEKLY && a.xAxisDateInterval !== t(c).MONTHLY ? (n(), u(t(y), {
         key: 0,
         class: "tooltip-sub-title",
         variant: "caption"
       }, {
         default: d(() => [
-          x(p(t(r)(a.title, "day")), 1)
+          x(p(t(o)(a.title, "day")), 1)
         ]),
         _: 1
       })) : s("", !0)
@@ -66,5 +65,5 @@ const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = [
   }
 });
 export {
-  S as default
+  K as default
 };

package/components/chart/consts.d.ts

@@ -10,7 +10,7 @@ export declare const DROPDOWN_TYPE_OPTIONS: DropdownTypeOption[];
 export declare const HEADER_HEIGHT = 76;
 export declare const COMPACT_HEADER_HEIGHT = 43;
 export declare const DEFAULT_CHART_PLANE_HEIGHT = 312;
-export declare const MIN_PLANE_HEIGHT = 187;
+export declare const MIN_PLANE_HEIGHT = 211;
 export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
 export declare const BASE_COLOR_KEY = "___BASE_COLOR__";
 export declare const BIDDING_PREFIX = "Bidding";

package/components/chart/consts.js

@@ -7,7 +7,7 @@ const T = "#fcfcfc", t = "#E4E4E4", n = "#646464", A = {
   { id: _.Line, name: "Line" },
   { id: _.StackedLine, name: "Stack" },
   { id: _.Bar, name: "Bar" }
-], c = 76, L = 43, s = 312, I = 187, C = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", e = "Bidding", P = "ironSource", S = "UnityAds", i = "Meta", H = "Google", K = "Mintegral", B = "AppLovin", M = "InMobi", a = "DT Exchange", G = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, Y = 10, f = 70, d = 40, g = [4, 4], U = {
+], c = 76, L = 43, s = 312, I = 211, C = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", e = "Bidding", P = "ironSource", S = "UnityAds", i = "Meta", H = "Google", K = "Mintegral", B = "AppLovin", M = "InMobi", a = "DT Exchange", G = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, Y = 10, f = 70, d = 40, g = [4, 4], U = {
   left: 18,
   right: 18,
   top: 18,

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './Heading.vue_vue_type_style_index_0_scoped_19878c4b_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

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

package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css

@@ -1 +0,0 @@
-.tooltip-title-wrapper[data-v-5160f12d]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-5160f12d]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-5160f12d]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-5160f12d]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-5160f12d]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-5160f12d]{color:var(--action-active)}