@ironsource/shared-ui 2.1.12-test.2 → 2.1.12-test.49

package/components/chart/colorPalette.js

@@ -1,5 +1,5 @@
-import { NETWORK_UNITY_ADS as _, BIDDING_PREFIX as F, NETWORK_AD_MOB as N, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as T, NETWORK_APPLOVIN as A, NETWORK_FACEBOOK_META as $, NETWORK_LIFTOFF as O, NETWORK_PANGLE as C, NETWORK_INMOBI as R, NETWORK_DT_EXCHANGE as B } from "./consts.js";
-const I = "#c9c9c9", K = [
+import { NETWORK_UNITY_ADS as T, BIDDING_PREFIX as F, NETWORK_AD_MOB as _, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as D, NETWORK_APPLOVIN as C, NETWORK_FACEBOOK_META as B, NETWORK_LIFTOFF as A, NETWORK_PANGLE as O, NETWORK_INMOBI as $, NETWORK_DT_EXCHANGE as R } from "./consts.js";
+const I = "#c9c9c9", L = [
   "#80BCFE",
   "#9999FF",
   "#5883E4",
@@ -10,45 +10,59 @@ const I = "#c9c9c9", K = [
   "#673AFF",
   "#CA80DC",
   "#FEBBB2"
-], t = {
+], t = [
+  "#487BEC",
+  "#FFC670",
+  "#80CBC4",
+  "#FF7557",
+  "#7856FF",
+  "#FEBBB2",
+  "#DA88EE",
+  "#0D7EA0",
+  "#01AB01",
+  "#B3596E"
+], K = {
   Total: "#646464",
   // AB tests
   A: "#FFC134",
   B: "#4F4FF5",
   // Countries
-  US: "#272EC4",
-  CN: "#F52E1E",
-  GB: "#0082FF",
-  DE: "#FFD600",
-  JP: "#BA0029",
-  AU: "#009BCB",
-  FR: "#34A853",
+  US: "#80BCFE",
+  CN: "#FF1200",
+  GB: "#89009B",
+  DE: "#FBE32D",
+  JP: "#B60028",
+  AU: "#E57D00",
+  FR: "#ACC62C",
+  RU: "#FF70AA",
   // Ad formats
-  Rewarded: "#0082FF",
-  Interstitial: "#009BCB",
-  Banner: "#9668FF",
-  Native: "#FF35A2",
+  Rewarded: "#80BCFE",
+  Interstitial: "#B60028",
+  Banner: "#E57D00",
+  Native: "#ACC62C",
+  Offerwall: "#9999FF",
   // Ad sources
-  [`${_} ${F}`]: "#9668FF",
-  [`${N} ${F}`]: "#34A853",
-  [`${E} ${F}`]: "#272EC4",
-  [`${E}`]: "#5C63E7",
-  [`${T} ${F}`]: "#00D8B2",
-  [`${A} ${F}`]: "#009BCB",
-  [`${A}`]: "#80CDE5",
-  [`${$} ${F}`]: "#0082FF",
-  [`${$}`]: "#52AAFF",
-  [`${O} ${F}`]: "#FF35A2",
-  [`${O}`]: "#FF9AD1",
-  [`${C} ${F}`]: "#F52E1E",
-  [`${C}`]: "#FA9F97",
-  [`${R} ${F}`]: "#FFD600",
-  [`${R}`]: "#FFEC8A",
-  [`${B} ${F}`]: "#BA0029",
-  [`${B}`]: "#DD8094"
+  [`${T} ${F}`]: "#80BCFE",
+  [`${_} ${F}`]: "#ACC62C",
+  [`${E} ${F}`]: "#9999FF",
+  [`${E}`]: "#CCCCFF",
+  [`${D} ${F}`]: "#E57D00",
+  [`${C} ${F}`]: "#00CCD7",
+  [`${C}`]: "#80E5EB",
+  [`${B} ${F}`]: "#89009B",
+  [`${B}`]: "#B866C3",
+  [`${A} ${F}`]: "#FF70AA",
+  [`${A}`]: "#FFB1DB",
+  [`${O} ${F}`]: "#FF1200",
+  [`${O}`]: "#FF8880",
+  [`${$} ${F}`]: "#FBE32D",
+  [`${$}`]: "#FDF196",
+  [`${R} ${F}`]: "#B60028",
+  [`${R}`]: "#DB8093"
 };
 export {
-  K as COLOR_PALETTE,
   I as DEFAULT_CHART_COLOR,
-  t as RESERVED_COLORS_MAP
+  L as DEFAULT_COLOR_PALETTE,
+  t as MEDIATION_COLOR_PALETTE,
+  K as RESERVED_COLORS_MAP
 };

package/components/chart/composables/useColorsMap.d.ts

@@ -1,10 +1,12 @@
 import { Ref } from 'vue';
 import { ChartDataSet } from '@/components/chart';
+import { ColorVariant } from '@/components/chart/types';
 type UseColorsMapArgs = {
     dataSets: Ref<ChartDataSet[]>;
     visibleIds: Ref<unknown[]>;
+    variant?: ColorVariant;
 };
-export declare const useColorsMap: ({ dataSets, visibleIds }: UseColorsMapArgs) => {
-    colorsMap: Ref<Record<string, `#${string}`>, Record<string, `#${string}`>>;
+export declare const useColorsMap: ({ dataSets, visibleIds, variant, }: UseColorsMapArgs) => {
+    colorsMap: Ref<Record<string, `#${string}`>>;
 };
 export {};

package/components/chart/composables/useColorsMap.js

@@ -1,46 +1,48 @@
-import { computed as n, ref as r, watch as E } from "vue";
-import { RESERVED_COLORS_MAP as c, COLOR_PALETTE as O, DEFAULT_CHART_COLOR as R } from "../colorPalette.js";
-const T = ({ dataSets: u, visibleIds: i }) => {
-  const a = n(
-    () => u.value.filter(
-      (o) => i.value.includes(o.id)
+import { computed as r, ref as n, watch as p } from "vue";
+import { RESERVED_COLORS_MAP as c, MEDIATION_COLOR_PALETTE as R, DEFAULT_COLOR_PALETTE as T, DEFAULT_CHART_COLOR as L } from "../colorPalette.js";
+const A = ({
+  dataSets: i,
+  visibleIds: u,
+  variant: v
+}) => {
+  const s = r(
+    () => i.value.filter(
+      (o) => u.value.includes(o.id)
     )
-  ), l = r({
+  ), t = n({
     ...c
     // destructuring is important to avoid mutating the reserved colors object
-  }), s = r([]), v = n(
-    () => O.filter((o) => !s.value.includes(o))
-  ), d = () => {
-    a.value.forEach((o) => {
+  }), a = n([]), d = r(() => (v === "mediation" ? R : T).filter((e) => !a.value.includes(e))), f = () => {
+    s.value.forEach((o) => {
       const e = String(o.id);
-      if (!l.value[e]) {
-        const t = o.color || v.value[0] || R;
-        C(e, t);
+      if (!t.value[e]) {
+        const l = o.color || d.value[0] || L;
+        E(e, l);
       }
     });
-  }, f = () => {
-    Object.keys(l.value).forEach((o) => {
-      const e = a.value.find((m) => String(m.id) === o), t = !!c[o];
-      !e && !t && p(o);
+  }, C = () => {
+    Object.keys(t.value).forEach((o) => {
+      const e = s.value.find((m) => String(m.id) === o), l = !!c[o];
+      !e && !l && O(o);
     });
-  }, C = (o, e) => {
-    l.value[String(o)] = e, s.value.push(e);
-  }, p = (o) => {
-    const e = l.value[o];
-    delete l.value[o];
-    const t = s.value.indexOf(e);
-    t > -1 && s.value.splice(t, 1);
+  }, E = (o, e) => {
+    t.value[String(o)] = e, a.value.push(e);
+  }, O = (o) => {
+    const e = t.value[o];
+    delete t.value[o];
+    const l = a.value.indexOf(e);
+    l > -1 && a.value.splice(l, 1);
   };
-  return E(
-    a,
+  return p(
+    s,
     () => {
-      f(), d();
+      C(), f();
     },
     { immediate: !0 }
   ), {
-    colorsMap: l
+    colorsMap: t
   };
 };
 export {
-  T as useColorsMap
+  A as useColorsMap
 };