@ironsource/shared-ui 2.1.12-rc.16 → 2.1.12-rc.18

package/components/chart/ChartStoryArgs.d.ts

@@ -1,4 +1,4 @@
-import { ChartType } from '@/components/chart/types';
+import { ChartType, DateInterval, TooltipOrder, TrendDirection } from '@/components/chart/types';
 export declare const chartStoryArgs: {
     chartType: {
         control: {
@@ -17,6 +17,10 @@ export declare const chartStoryArgs: {
         options: string[];
         description: string;
     };
+    xAxisDateInterval: {
+        options: DateInterval[];
+        description: string;
+    };
     parsing: {
         description: string;
     };
@@ -69,6 +73,18 @@ export declare const chartStoryArgs: {
             category: string;
         };
     };
+    subheaderTooltip: {
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    keepSubheaderVisible: {
+        table: {
+            category: string;
+        };
+        description: string;
+    };
     trendValue: {
         table: {
             category: string;
@@ -82,7 +98,7 @@ export declare const chartStoryArgs: {
         description: string;
         control: {
             type: string;
-            options: string[];
+            options: TrendDirection[];
         };
     };
     tickCount: {
@@ -100,6 +116,12 @@ export declare const chartStoryArgs: {
             type: string;
         };
     };
+    empty: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
     withAnimation: {
         control: {
             type: string;
@@ -138,4 +160,11 @@ export declare const chartStoryArgs: {
             type: string;
         };
     };
+    tooltipOrder: {
+        description: string;
+        control: {
+            type: string;
+        };
+        options: TooltipOrder[];
+    };
 };

package/components/chart/ChartTooltip.vue.d.ts

@@ -1,9 +1,10 @@
-import { MyTooltipItem, ValueFormat } from '@/components/chart/types';
+import { DateInterval, MyTooltipItem, ValueFormat } from '@/components/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
+    xAxisDateInterval?: DateInterval;
     totalLabel?: string;
     totalValue?: number;
     totalsChart?: boolean;
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     dataPoints: () => any[];
     xAxisFormat: any;
     yAxisFormat: any;
+    xAxisDateInterval: any;
     totalLabel: string;
     totalValue: any;
     totalsChart: boolean;
@@ -20,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
+    xAxisDateInterval?: DateInterval;
     totalLabel?: string;
     totalValue?: number;
     totalsChart?: boolean;
@@ -28,12 +31,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     dataPoints: () => any[];
     xAxisFormat: any;
     yAxisFormat: any;
+    xAxisDateInterval: any;
     totalLabel: string;
     totalValue: any;
     totalsChart: boolean;
 }>>>, {
     title: string;
     xAxisFormat: ValueFormat;
+    xAxisDateInterval: DateInterval;
     dataPoints: MyTooltipItem<'line'>[];
     totalsChart: boolean;
     yAxisFormat: ValueFormat;

package/components/chart/ChartTooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChartTooltip.vue2.js";
-/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-81cdfd5e"]]);
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_cb98e9e3_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cb98e9e3"]]);
 export {
   s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,67 +1,69 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css"; import { defineComponent as y, openBlock as a, createElementBlock as o, createBlock as u, createCommentVNode as r, Fragment as x, renderList as h, createElementVNode as m, normalizeStyle as p, unref as l, createVNode as s, withCtx as i, createTextVNode as n, toDisplayString as d } from "vue";
-import c from "../typography/v4/Typography.vue.js";
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_cb98e9e3_lang.css"; import { defineComponent as x, openBlock as a, createElementBlock as o, createBlock as c, createCommentVNode as r, Fragment as y, renderList as h, createElementVNode as m, normalizeStyle as v, unref as l, createVNode as i, withCtx as s, createTextVNode as n, toDisplayString as d } from "vue";
+import u from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import { formatValue as f } from "./utils/utils.js";
-import k from "./components/TooltipHeader.vue.js";
-const C = { class: "chart-tooltip" }, g = {
+import k from "./TooltipHeader.vue.js";
+const p = { class: "chart-tooltip" }, C = {
   key: 1,
   class: "list"
-}, v = { class: "popover-label-wrapper" }, V = {
+}, g = { class: "popover-label-wrapper" }, V = {
   key: 2,
   class: "tooltip-footer"
-}, z = /* @__PURE__ */ y({
+}, L = /* @__PURE__ */ x({
   __name: "ChartTooltip",
   props: {
     title: { default: "" },
     dataPoints: { default: () => [] },
     xAxisFormat: { default: null },
     yAxisFormat: { default: null },
+    xAxisDateInterval: { default: null },
     totalLabel: { default: "Total" },
     totalValue: { default: null },
     totalsChart: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (F, T) => (a(), o("div", C, [
-      t.title ? (a(), u(k, {
+    return (A, F) => (a(), o("div", p, [
+      t.title ? (a(), c(k, {
         key: 0,
         title: t.title,
         "data-points": t.dataPoints,
         "totals-chart": t.totalsChart,
-        "x-axis-format": t.xAxisFormat
-      }, null, 8, ["title", "data-points", "totals-chart", "x-axis-format"])) : r("", !0),
-      t.totalsChart ? r("", !0) : (a(), o("ul", g, [
-        (a(!0), o(x, null, h(t.dataPoints, (e) => (a(), o("li", {
+        "x-axis-format": t.xAxisFormat,
+        "x-axis-date-interval": t.xAxisDateInterval
+      }, null, 8, ["title", "data-points", "totals-chart", "x-axis-format", "x-axis-date-interval"])) : r("", !0),
+      t.totalsChart ? r("", !0) : (a(), o("ul", C, [
+        (a(!0), o(y, null, h(t.dataPoints, (e) => (a(), o("li", {
           key: e.datasetIndex,
           class: "list__item"
         }, [
           m("span", {
             class: "color-box",
-            style: p({
+            style: v({
               backgroundColor: String(e.dataset.pointBackgroundColor)
             })
           }, null, 4),
-          e.dataset.icon ? (a(), u(l(b), {
+          e.dataset.icon ? (a(), c(l(b), {
             key: 0,
             class: "platform-icon",
             type: e.dataset.iconType,
             name: e.dataset.icon,
             size: "16px"
           }, null, 8, ["type", "name"])) : r("", !0),
-          m("div", v, [
-            s(l(c), {
+          m("div", g, [
+            i(l(u), {
               variant: "body2",
               class: "flex-grow truncated-label",
               "is-truncated": ""
             }, {
-              default: i(() => [
+              default: s(() => [
                 n(d(e.dataset.label), 1)
               ]),
               _: 2
             }, 1024)
           ]),
-          s(l(c), { variant: "body2" }, {
-            default: i(() => [
+          i(l(u), { variant: "body2" }, {
+            default: s(() => [
               n(d(l(f)(e.parsed.y, t.yAxisFormat)), 1)
             ]),
             _: 2
@@ -69,17 +71,17 @@ const C = { class: "chart-tooltip" }, g = {
         ]))), 128))
       ])),
       t.totalValue !== null ? (a(), o("div", V, [
-        s(l(c), {
+        i(l(u), {
           variant: "body2",
           class: "flex-grow"
         }, {
-          default: i(() => [
+          default: s(() => [
             n(d(t.totalLabel), 1)
           ]),
           _: 1
         }),
-        s(l(c), { variant: "body2" }, {
-          default: i(() => [
+        i(l(u), { variant: "body2" }, {
+          default: s(() => [
             n(d(l(f)(t.totalValue, t.yAxisFormat)), 1)
           ]),
           _: 1
@@ -89,5 +91,5 @@ const C = { class: "chart-tooltip" }, g = {
   }
 });
 export {
-  z as default
+  L as default
 };

package/components/chart/SubHeader.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    subheader: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    showSeparator?: boolean;
+}>, {
+    subheader: string;
+    subheaderTooltip: any;
+    showSeparator: 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<{
+    subheader: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    showSeparator?: boolean;
+}>, {
+    subheader: string;
+    subheaderTooltip: any;
+    showSeparator: boolean;
+}>>>, {
+    subheader: string;
+    subheaderTooltip: any;
+    showSeparator: boolean;
+}>, {
+    "subheader-tooltip"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/chart/SubHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./SubHeader.vue2.js";
+/* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e6008b6c"]]);
+export {
+  c as default
+};

package/components/chart/SubHeader.vue2.js

@@ -0,0 +1,61 @@
+ import "../../SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css"; import { defineComponent as b, useSlots as f, computed as m, openBlock as a, createElementBlock as T, createVNode as u, unref as t, withCtx as o, renderSlot as x, createElementVNode as y, createBlock as i, createTextVNode as r, toDisplayString as d, createCommentVNode as h } from "vue";
+import l from "../typography/v4/Typography.vue.js";
+import S from "../tooltip/v4/TooltipV4.vue.js";
+const k = { class: "header-row" }, v = { class: "subheader-tooltip" }, g = /* @__PURE__ */ b({
+  __name: "SubHeader",
+  props: {
+    subheader: { default: "" },
+    subheaderTooltip: { default: null },
+    showSeparator: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const s = e, n = f(), c = m(() => n["subheader-tooltip"] || s.subheaderTooltip?.text || s.subheaderTooltip?.header);
+    return (p, w) => (a(), T("div", k, [
+      u(t(S), {
+        placement: "right",
+        disabled: !t(c)
+      }, {
+        tooltip: o(() => [
+          x(p.$slots, "subheader-tooltip", {}, () => [
+            y("div", v, [
+              e.subheaderTooltip?.header ? (a(), i(t(l), {
+                key: 0,
+                variant: "h5"
+              }, {
+                default: o(() => [
+                  r(d(e.subheaderTooltip.header), 1)
+                ]),
+                _: 1
+              })) : h("", !0),
+              e.subheaderTooltip?.text ? (a(), i(t(l), {
+                key: 1,
+                variant: "body2",
+                class: "subheader-tooltip__text"
+              }, {
+                default: o(() => [
+                  r(d(e.subheaderTooltip.text), 1)
+                ]),
+                _: 1
+              })) : h("", !0)
+            ])
+          ], !0)
+        ]),
+        default: o(() => [
+          u(t(l), {
+            class: "subheader",
+            variant: "h5"
+          }, {
+            default: o(() => [
+              r(d(e.subheader + (e.showSeparator ? ":" : "")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["disabled"])
+    ]));
+  }
+});
+export {
+  g as default
+};

package/components/chart/{components/TooltipHeader.vue.d.ts → TooltipHeader.vue.d.ts}

@@ -1,27 +1,32 @@
-import { MyTooltipItem, ValueFormat } from '@/components/chart/types';
+import { DateInterval, MyTooltipItem, ValueFormat } from '@/components/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     xAxisFormat?: ValueFormat;
+    xAxisDateInterval?: DateInterval;
     dataPoints: MyTooltipItem<'line'>[];
     totalsChart?: boolean;
 }>, {
     title: string;
     xAxisFormat: any;
+    xAxisDateInterval: any;
     dataPoints: () => any[];
     totalsChart: 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<{
     title?: string;
     xAxisFormat?: ValueFormat;
+    xAxisDateInterval?: DateInterval;
     dataPoints: MyTooltipItem<'line'>[];
     totalsChart?: boolean;
 }>, {
     title: string;
     xAxisFormat: any;
+    xAxisDateInterval: any;
     dataPoints: () => any[];
     totalsChart: boolean;
 }>>>, {
     title: string;
     xAxisFormat: ValueFormat;
+    xAxisDateInterval: DateInterval;
     dataPoints: MyTooltipItem<'line'>[];
     totalsChart: boolean;
 }>;

package/components/chart/TooltipHeader.vue.js

@@ -0,0 +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_3b15c693_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3b15c693"]]);
+export {
+  s as default
+};

package/components/chart/TooltipHeader.vue2.js

@@ -0,0 +1,69 @@
+ import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_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 D, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
+import { formatValue as r } from "./utils/utils.js";
+import y from "../typography/v4/Typography.vue.js";
+import { DateInterval as c } from "./types.js";
+import T from "../icon/v4/IconV4.vue.js";
+import k from "../icon/v4/IconFlag.vue.js";
+import { startOfWeek as C, endOfWeek as F, startOfMonth as I, endOfMonth as O } from "date-fns";
+import { LONG_DATE_FORMAT as i } from "./consts.js";
+const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = ["src"], P = /* @__PURE__ */ v({
+  __name: "TooltipHeader",
+  props: {
+    title: { default: "" },
+    xAxisFormat: { default: null },
+    xAxisDateInterval: { default: null },
+    dataPoints: { default: () => [] },
+    totalsChart: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const e = a, o = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), h = m(() => e.totalsChart ? o.value?.label || e.title : e.xAxisFormat === "date" ? g(new Date(e.title)) : r(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
+      ${r(C(l), i)} -
+      ${r(F(l), i)}
+    ` : e.xAxisDateInterval === c.MONTHLY ? `
+      ${r(I(l), i)} -
+      ${r(O(l), i)}
+    ` : r(l, i);
+    return (l, M) => (n(), f("div", E, [
+      A("div", N, [
+        a.totalsChart && t(o)?.image ? (n(), f("img", {
+          key: 0,
+          class: "title-image",
+          src: t(o)?.image
+        }, null, 8, L)) : s("", !0),
+        a.totalsChart && t(o)?.countryFlag ? (n(), u(t(k), {
+          key: 1,
+          "country-code": t(o).countryFlag
+        }, null, 8, ["country-code"])) : s("", !0),
+        a.totalsChart && t(o)?.icon ? (n(), u(t(T), {
+          key: 2,
+          class: "platform-icon",
+          type: t(o)?.iconType,
+          name: t(o)?.icon,
+          size: "16px"
+        }, null, 8, ["type", "name"])) : s("", !0),
+        D(t(y), {
+          class: "title-text",
+          variant: "subtitle2"
+        }, {
+          default: d(() => [
+            x(p(t(h)), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      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)
+        ]),
+        _: 1
+      })) : s("", !0)
+    ]));
+  }
+});
+export {
+  P as default
+};

package/components/chart/colorPalette.d.ts

@@ -1,4 +1,4 @@
-import { HexColor } from '@is-ssp/chart/types';
+import { HexColor } from '@/components/chart/types';
 export declare const DEFAULT_CHART_COLOR: HexColor;
 export declare const COLOR_PALETTE: HexColor[];
 export declare const RESERVED_COLORS_MAP: Record<string, HexColor>;

package/components/chart/colorPalette.js

@@ -1,5 +1,5 @@
-import { BIDDING_PREFIX as F, NETWORK_ID_UNITY_ADS as N, NETWORK_ID_AD_MOB as R, NETWORK_ID_IRON_SOURCE as $, NON_BIDDING_PREFIX as E, NETWORK_ID_MINTEGRAL as B, NETWORK_ID_APPLOVIN as _, NETWORK_ID_FACEBOOK_META as D, NETWORK_ID_LIFTOFF as A, NETWORK_ID_PANGLE as O, NETWORK_ID_INMOBI as I, NETWORK_ID_DT_EXCHANGE as C } from "./consts.js";
-const t = "#c9c9c9", K = [
+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,8 +10,8 @@ const t = "#c9c9c9", K = [
   "#673AFF",
   "#CA80DC",
   "#FEBBB2"
-], W = {
-  total: "#646464",
+], t = {
+  Total: "#646464",
   // AB tests
   A: "#FFC134",
   B: "#4F4FF5",
@@ -29,26 +29,26 @@ const t = "#c9c9c9", K = [
   Banner: "#9668FF",
   Native: "#FF35A2",
   // Ad sources
-  [`${F}-${N}`]: "#9668FF",
-  [`${F}-${R}`]: "#34A853",
-  [`${F}-${$}`]: "#272EC4",
-  [`${E}-${$}`]: "#5C63E7",
-  [`${F}-${B}`]: "#00D8B2",
-  [`${F}-${_}`]: "#009BCB",
-  [`${E}-${_}`]: "#80CDE5",
-  [`${F}-${D}`]: "#0082FF",
-  [`${E}-${D}`]: "#52AAFF",
-  [`${F}-${A}`]: "#FF35A2",
-  [`${E}-${A}`]: "#FF9AD1",
-  [`${F}-${O}`]: "#F52E1E",
-  [`${E}-${O}`]: "#FA9F97",
-  [`${F}-${I}`]: "#FFD600",
-  [`${E}-${I}`]: "#FFEC8A",
-  [`${F}-${C}`]: "#BA0029",
-  [`${E}-${C}`]: "#DD8094"
+  [`${_} ${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,
-  t as DEFAULT_CHART_COLOR,
-  W as RESERVED_COLORS_MAP
+  I as DEFAULT_CHART_COLOR,
+  t as RESERVED_COLORS_MAP
 };

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

@@ -1,4 +1,4 @@
-import { UseChartHeightArgs } from '@is-ssp/chart/types';
+import { UseChartHeightArgs } from '@/components/chart/types';
 export declare const useChartHeight: ({ chartPlanesCount, useFullHeight, }: UseChartHeightArgs) => {
     containerProps: import("vue").ComputedRef<Record<string, unknown>>;
     eachPlaneHeight: import("vue").ComputedRef<string>;

package/components/chart/consts.d.ts

@@ -1,4 +1,4 @@
-import { DropdownTypeOption, Font } from './types';
+import { DropdownTypeOption, Font, ValueFormat } from './types';
 export declare const POINT_BORDER_COLOR = "#fcfcfc";
 export declare const GRID_LINE_COLOR = "#E4E4E4";
 export declare const TICK_LABEL_COLOR = "#646464";
@@ -14,17 +14,16 @@ export declare const MIN_PLANE_HEIGHT = 187;
 export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
 export declare const BASE_COLOR_KEY = "___BASE_COLOR__";
 export declare const BIDDING_PREFIX = "Bidding";
-export declare const NON_BIDDING_PREFIX = "Non-bidding";
-export declare const NETWORK_ID_IRON_SOURCE = 9899;
-export declare const NETWORK_ID_UNITY_ADS = 9917;
-export declare const NETWORK_ID_FACEBOOK_META = 9939;
-export declare const NETWORK_ID_AD_MOB = 9942;
-export declare const NETWORK_ID_MINTEGRAL = 9953;
-export declare const NETWORK_ID_APPLOVIN = 9935;
-export declare const NETWORK_ID_INMOBI = 9938;
-export declare const NETWORK_ID_DT_EXCHANGE = 9950;
-export declare const NETWORK_ID_PANGLE = 9952;
-export declare const NETWORK_ID_LIFTOFF = 9962;
+export declare const NETWORK_IRON_SOURCE = "ironSource";
+export declare const NETWORK_UNITY_ADS = "UnityAds";
+export declare const NETWORK_FACEBOOK_META = "Meta";
+export declare const NETWORK_AD_MOB = "Google";
+export declare const NETWORK_MINTEGRAL = "Mintegral";
+export declare const NETWORK_APPLOVIN = "AppLovin";
+export declare const NETWORK_INMOBI = "InMobi";
+export declare const NETWORK_DT_EXCHANGE = "DT Exchange";
+export declare const NETWORK_PANGLE = "Pangle";
+export declare const NETWORK_LIFTOFF = "Liftoff Monetize";
 export declare const HOVER_TRANSPARENCY = 10;
 export declare const HOVER_AREA_TRANSPARENCY = 70;
 export declare const CHART_PADDING: {
@@ -34,3 +33,4 @@ export declare const CHART_PADDING: {
     bottom: number;
 };
 export declare const TICKS_EXTRA_PADDING = 10;
+export declare const LONG_DATE_FORMAT: ValueFormat;