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

package/components/chart/colorPalette.js

@@ -1,5 +1,5 @@
-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 = [
+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 = [
   "#80BCFE",
   "#9999FF",
   "#5883E4",
@@ -10,59 +10,45 @@ const I = "#c9c9c9", L = [
   "#673AFF",
   "#CA80DC",
   "#FEBBB2"
-], t = [
-  "#487BEC",
-  "#FFC670",
-  "#80CBC4",
-  "#FF7557",
-  "#7856FF",
-  "#FEBBB2",
-  "#DA88EE",
-  "#0D7EA0",
-  "#01AB01",
-  "#B3596E"
-], K = {
+], t = {
   Total: "#646464",
   // AB tests
   A: "#FFC134",
   B: "#4F4FF5",
   // Countries
-  US: "#80BCFE",
-  CN: "#FF1200",
-  GB: "#89009B",
-  DE: "#FBE32D",
-  JP: "#B60028",
-  AU: "#E57D00",
-  FR: "#ACC62C",
-  RU: "#FF70AA",
+  US: "#272EC4",
+  CN: "#F52E1E",
+  GB: "#0082FF",
+  DE: "#FFD600",
+  JP: "#BA0029",
+  AU: "#009BCB",
+  FR: "#34A853",
   // Ad formats
-  Rewarded: "#80BCFE",
-  Interstitial: "#B60028",
-  Banner: "#E57D00",
-  Native: "#ACC62C",
-  Offerwall: "#9999FF",
+  Rewarded: "#0082FF",
+  Interstitial: "#009BCB",
+  Banner: "#9668FF",
+  Native: "#FF35A2",
   // Ad sources
-  [`${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"
+  [`${_} ${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"
 };
 export {
+  K as COLOR_PALETTE,
   I as DEFAULT_CHART_COLOR,
-  L as DEFAULT_COLOR_PALETTE,
-  t as MEDIATION_COLOR_PALETTE,
-  K as RESERVED_COLORS_MAP
+  t as RESERVED_COLORS_MAP
 };

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

@@ -1,12 +1,10 @@
 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, variant, }: UseColorsMapArgs) => {
-    colorsMap: Ref<Record<string, `#${string}`>>;
+export declare const useColorsMap: ({ dataSets, visibleIds }: UseColorsMapArgs) => {
+    colorsMap: Ref<Record<string, `#${string}`>, Record<string, `#${string}`>>;
 };
 export {};

package/components/chart/composables/useColorsMap.js

@@ -1,48 +1,46 @@
-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)
+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)
     )
-  ), t = n({
+  ), l = r({
     ...c
     // destructuring is important to avoid mutating the reserved colors object
-  }), a = n([]), d = r(() => (v === "mediation" ? R : T).filter((e) => !a.value.includes(e))), f = () => {
-    s.value.forEach((o) => {
+  }), s = r([]), v = n(
+    () => O.filter((o) => !s.value.includes(o))
+  ), d = () => {
+    a.value.forEach((o) => {
       const e = String(o.id);
-      if (!t.value[e]) {
-        const l = o.color || d.value[0] || L;
-        E(e, l);
+      if (!l.value[e]) {
+        const t = o.color || v.value[0] || R;
+        C(e, t);
       }
     });
-  }, C = () => {
-    Object.keys(t.value).forEach((o) => {
-      const e = s.value.find((m) => String(m.id) === o), l = !!c[o];
-      !e && !l && O(o);
+  }, f = () => {
+    Object.keys(l.value).forEach((o) => {
+      const e = a.value.find((m) => String(m.id) === o), t = !!c[o];
+      !e && !t && p(o);
     });
-  }, 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);
+  }, 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);
   };
-  return p(
-    s,
+  return E(
+    a,
     () => {
-      C(), f();
+      f(), d();
     },
     { immediate: !0 }
   ), {
-    colorsMap: t
+    colorsMap: l
   };
 };
 export {
-  A as useColorsMap
+  T as useColorsMap
 };