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

package/components/chart/consts.js

@@ -1,47 +1,47 @@
 import { ChartType as _ } from "./types.js";
-const I = "#fcfcfc", T = "#E4E4E4", t = "#646464", O = {
+const t = "#fcfcfc", n = "#E4E4E4", T = "#646464", o = {
   size: 12,
   weight: 400,
   family: "Inter"
-}, n = 4, N = 1, R = 5, o = [
+}, O = 4, A = 1, R = 5, c = [
   { id: _.Line, name: "Line" },
   { id: _.StackedLine, name: "Stack" },
   { id: _.Bar, name: "Bar" }
-], c = 76, A = 43, s = 312, D = 187, L = "__TOTALS_HELPER_KEY__", C = "___BASE_COLOR__", K = "Bidding", P = "Non-bidding", H = 9899, i = 9917, B = 9939, S = 9942, e = 9953, G = 9935, F = 9938, W = 9950, a = 9952, d = 9962, r = 10, M = 70, m = {
+], N = 76, L = 43, s = 312, I = 187, e = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", i = "Bidding", C = "ironSource", K = "UnityAds", P = "Meta", H = "Google", S = "Mintegral", a = "AppLovin", B = "InMobi", G = "DT Exchange", M = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, f = {
   left: 18,
   right: 18,
   top: 18,
   bottom: 11
-}, U = 10;
+}, d = 10, g = "dateLong";
 export {
-  C as BASE_COLOR_KEY,
-  K as BIDDING_PREFIX,
-  m as CHART_PADDING,
-  A as COMPACT_HEADER_HEIGHT,
+  D as BASE_COLOR_KEY,
+  i as BIDDING_PREFIX,
+  f as CHART_PADDING,
+  L as COMPACT_HEADER_HEIGHT,
   s as DEFAULT_CHART_PLANE_HEIGHT,
   R as DEFAULT_MAX_VISIBLE,
-  N as DEFAULT_MIN_VISIBLE,
-  n as DEFAULT_TICK_COUNT,
-  o as DROPDOWN_TYPE_OPTIONS,
-  T as GRID_LINE_COLOR,
-  c as HEADER_HEIGHT,
-  M as HOVER_AREA_TRANSPARENCY,
-  r as HOVER_TRANSPARENCY,
-  D as MIN_PLANE_HEIGHT,
-  S as NETWORK_ID_AD_MOB,
-  G as NETWORK_ID_APPLOVIN,
-  W as NETWORK_ID_DT_EXCHANGE,
-  B as NETWORK_ID_FACEBOOK_META,
-  F as NETWORK_ID_INMOBI,
-  H as NETWORK_ID_IRON_SOURCE,
-  d as NETWORK_ID_LIFTOFF,
-  e as NETWORK_ID_MINTEGRAL,
-  a as NETWORK_ID_PANGLE,
-  i as NETWORK_ID_UNITY_ADS,
-  P as NON_BIDDING_PREFIX,
-  I as POINT_BORDER_COLOR,
-  U as TICKS_EXTRA_PADDING,
-  t as TICK_LABEL_COLOR,
-  O as TICK_LABEL_FONT,
-  L as TOTALS_HELPER_KEY
+  A as DEFAULT_MIN_VISIBLE,
+  O as DEFAULT_TICK_COUNT,
+  c as DROPDOWN_TYPE_OPTIONS,
+  n as GRID_LINE_COLOR,
+  N as HEADER_HEIGHT,
+  W as HOVER_AREA_TRANSPARENCY,
+  F as HOVER_TRANSPARENCY,
+  g as LONG_DATE_FORMAT,
+  I as MIN_PLANE_HEIGHT,
+  H as NETWORK_AD_MOB,
+  a as NETWORK_APPLOVIN,
+  G as NETWORK_DT_EXCHANGE,
+  P as NETWORK_FACEBOOK_META,
+  B as NETWORK_INMOBI,
+  C as NETWORK_IRON_SOURCE,
+  r as NETWORK_LIFTOFF,
+  S as NETWORK_MINTEGRAL,
+  M as NETWORK_PANGLE,
+  K as NETWORK_UNITY_ADS,
+  t as POINT_BORDER_COLOR,
+  d as TICKS_EXTRA_PADDING,
+  T as TICK_LABEL_COLOR,
+  o as TICK_LABEL_FONT,
+  e as TOTALS_HELPER_KEY
 };

package/components/chart/index.d.ts

@@ -1,4 +1,5 @@
 import Chart from './Chart.vue';
+import { ChartType, TooltipOrder, TrendDirection } from './types';
 declare const ChartTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -13,9 +14,10 @@ declare const ChartTypes: () => ({
             sortSelected: any;
             sortOptions: unknown[];
             sortOptionNameKey: string;
-            chartType: import("./types").ChartType;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
+            xAxisDateInterval: import("./types").DateInterval;
             totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
             yAxisFormat: import("./types").ValueFormat;
@@ -24,15 +26,18 @@ declare const ChartTypes: () => ({
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
             tickCount: number;
             truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
+            empty: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            tooltipOrder: TooltipOrder;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -75,8 +80,8 @@ declare const ChartTypes: () => ({
                 default: string;
             };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
             hideLegend: {
                 type: import("vue").PropType<boolean>;
@@ -86,6 +91,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
+            xAxisDateInterval: {
+                type: import("vue").PropType<import("./types").DateInterval>;
+                default: import("./types").DateInterval;
+            };
             totalsChart: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -127,8 +136,8 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
@@ -138,6 +147,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            empty: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -162,6 +179,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
                 default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             };
+            tooltipOrder: {
+                type: import("vue").PropType<TooltipOrder>;
+                default: TooltipOrder;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -177,8 +198,8 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+            "onUpdate:chartType"?: (chartType: ChartType) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -190,7 +211,7 @@ declare const ChartTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
+        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: ChartType) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -231,8 +252,8 @@ declare const ChartTypes: () => ({
                 default: string;
             };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
             hideLegend: {
                 type: import("vue").PropType<boolean>;
@@ -242,6 +263,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
+            xAxisDateInterval: {
+                type: import("vue").PropType<import("./types").DateInterval>;
+                default: import("./types").DateInterval;
+            };
             totalsChart: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -283,8 +308,8 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
@@ -294,6 +319,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            empty: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -318,6 +351,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
                 default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             };
+            tooltipOrder: {
+                type: import("vue").PropType<TooltipOrder>;
+                default: TooltipOrder;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -333,9 +370,9 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+            "onUpdate:chartType"?: (chartType: ChartType) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:chartType": (chartType: import("./types").ChartType) => void;
+            "update:chartType": (chartType: ChartType) => void;
             "update:visibleIds": (visibleIds: unknown[]) => void;
             "update:sortSelected": (sortOption: unknown) => void;
         }, string, {
@@ -348,9 +385,10 @@ declare const ChartTypes: () => ({
             sortSelected: any;
             sortOptions: unknown[];
             sortOptionNameKey: string;
-            chartType: import("./types").ChartType;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
+            xAxisDateInterval: import("./types").DateInterval;
             totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
             yAxisFormat: import("./types").ValueFormat;
@@ -359,15 +397,18 @@ declare const ChartTypes: () => ({
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
             tickCount: number;
             truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
+            empty: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            tooltipOrder: TooltipOrder;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -430,8 +471,8 @@ declare const ChartTypes: () => ({
             default: string;
         };
         chartType: {
-            type: import("vue").PropType<import("./types").ChartType>;
-            default: import("./types").ChartType;
+            type: import("vue").PropType<ChartType>;
+            default: ChartType;
         };
         hideLegend: {
             type: import("vue").PropType<boolean>;
@@ -441,6 +482,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<import("./types").ValueFormat>;
             default: string;
         };
+        xAxisDateInterval: {
+            type: import("vue").PropType<import("./types").DateInterval>;
+            default: import("./types").DateInterval;
+        };
         totalsChart: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -482,8 +527,8 @@ declare const ChartTypes: () => ({
             default: any;
         };
         trendDirection: {
-            type: import("vue").PropType<"up" | "down">;
-            default: string;
+            type: import("vue").PropType<TrendDirection>;
+            default: TrendDirection;
         };
         tickCount: {
             type: import("vue").PropType<number>;
@@ -493,6 +538,14 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        keepSubheaderVisible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        empty: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noDataIcon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -517,6 +570,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
             default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
         };
+        tooltipOrder: {
+            type: import("vue").PropType<TooltipOrder>;
+            default: TooltipOrder;
+        };
         fullHeight: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -532,7 +589,7 @@ declare const ChartTypes: () => ({
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
         "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-        "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+        "onUpdate:chartType"?: (chartType: ChartType) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -576,8 +633,8 @@ declare const ChartTypes: () => ({
         default: string;
     };
     chartType: {
-        type: import("vue").PropType<import("./types").ChartType>;
-        default: import("./types").ChartType;
+        type: import("vue").PropType<ChartType>;
+        default: ChartType;
     };
     hideLegend: {
         type: import("vue").PropType<boolean>;
@@ -587,6 +644,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<import("./types").ValueFormat>;
         default: string;
     };
+    xAxisDateInterval: {
+        type: import("vue").PropType<import("./types").DateInterval>;
+        default: import("./types").DateInterval;
+    };
     totalsChart: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -628,8 +689,8 @@ declare const ChartTypes: () => ({
         default: any;
     };
     trendDirection: {
-        type: import("vue").PropType<"up" | "down">;
-        default: string;
+        type: import("vue").PropType<TrendDirection>;
+        default: TrendDirection;
     };
     tickCount: {
         type: import("vue").PropType<number>;
@@ -639,6 +700,14 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    keepSubheaderVisible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    empty: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -663,6 +732,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
         default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     };
+    tooltipOrder: {
+        type: import("vue").PropType<TooltipOrder>;
+        default: TooltipOrder;
+    };
     fullHeight: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -678,9 +751,9 @@ declare const ChartTypes: () => ({
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+    "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:chartType": (chartType: import("./types").ChartType) => void;
+    "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
     "update:sortSelected": (sortOption: unknown) => void;
 }, string, {
@@ -693,9 +766,10 @@ declare const ChartTypes: () => ({
     sortSelected: any;
     sortOptions: unknown[];
     sortOptionNameKey: string;
-    chartType: import("./types").ChartType;
+    chartType: ChartType;
     hideLegend: boolean;
     xAxisFormat: import("./types").ValueFormat;
+    xAxisDateInterval: import("./types").DateInterval;
     totalsChart: boolean;
     parsing: import("./types").ChartParsingConfig;
     yAxisFormat: import("./types").ValueFormat;
@@ -704,15 +778,18 @@ declare const ChartTypes: () => ({
     subheader: string;
     subheaderTooltip: any;
     trendValue: string | number;
-    trendDirection: "up" | "down";
+    trendDirection: TrendDirection;
     tickCount: number;
     truncateTickLabels: boolean;
+    keepSubheaderVisible: boolean;
+    empty: boolean;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
     withAnimation: boolean;
     tooltipTotalType: import("../../utils/totals").TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+    tooltipOrder: TooltipOrder;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
@@ -724,5 +801,5 @@ declare const ChartTypes: () => ({
         "subheader-tooltip"?(_: {}): any;
     };
 }))[];
-export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
-export { Chart, ChartTypes };
+export type { ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export { Chart, ChartTypes, ChartType, TooltipOrder, TrendDirection };

package/components/chart/mockData.d.ts

@@ -6,6 +6,14 @@ export declare const SINGLE_DATASET_DATE: {
         value: number;
     }[];
 }[];
+export declare const SINGLE_DATASET_DATE_MONTHLY: {
+    id: string;
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+}[];
 export declare const SINGLE_DATASET_COUNTRY: {
     id: string;
     countryFlag: string;

package/components/chart/types.d.ts

@@ -8,6 +8,11 @@ export declare enum ChartType {
     StackedLine = "stackedLine",
     StackedBar = "stackedBar"
 }
+export declare enum DateInterval {
+    DAILY = "daily",
+    WEEKLY = "weekly",
+    MONTHLY = "monthly"
+}
 export type ChartDataRecord = Record<string, unknown>;
 export type ChartDataSet = {
     id: string | number;
@@ -71,3 +76,12 @@ export type PrepareTicksLabelArgs = {
     availableSpace: number;
     truncate?: boolean;
 };
+export declare enum TooltipOrder {
+    Legend = "legend",
+    YAxis = "yAxis"
+}
+export declare enum TrendDirection {
+    UP = "up",
+    DOWN = "down",
+    NEUTRAL = "right"
+}

package/components/chart/types.js

@@ -1,4 +1,7 @@
-var a = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(a || {});
+var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
 export {
-  a as ChartType
+  e as ChartType,
+  r as DateInterval,
+  a as TooltipOrder,
+  n as TrendDirection
 };

package/components/chart/utils/highlightUtils.d.ts

@@ -1,3 +1,3 @@
-import { DataSetConfig } from '@is-ssp/chart/types';
+import { DataSetConfig } from '@/components/chart/types';
 export declare const storeOriginalDatasetColors: (dataset: DataSetConfig) => void;
 export declare const restoreOriginalDatasetColors: (dataset: DataSetConfig) => void;

package/components/chart/utils/utils.d.ts

@@ -1,4 +1,4 @@
 import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
 export declare const calcStepSize: (min: number, max: number, tickCount: number) => number;
-export declare const formatValue: (value: number | string, valueFormat: ValueFormat) => string;
+export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat) => string;
 export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];

package/index.js

@@ -1,6 +1,6 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
-import { AutocompleteDropdownTypes as to } from "./components/autocompleteDropdown/index.js";
+import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
 import { MenuTypes as fo } from "./components/menu/index.js";
 import { AppIconTypes as so } from "./components/appIcon/index.js";
@@ -16,8 +16,8 @@ import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/in
 import * as o from "./components/button/v3/index.js";
 import * as r from "./components/button/v4/index.js";
 import * as e from "./components/chip/v3/index.js";
-import * as m from "./components/chip/v4/index.js";
-import * as t from "./components/switch/v3/index.js";
+import * as t from "./components/chip/v4/index.js";
+import * as m from "./components/switch/v3/index.js";
 import * as p from "./components/switch/v4/index.js";
 import * as a from "./components/dropdown/v3/index.js";
 import * as i from "./components/dropdown/v4/index.js";
@@ -77,7 +77,7 @@ import { default as Uo } from "./components/appTrigger/AppTrigger.vue.js";
 import { default as Xo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
 import { default as or } from "./components/menuItem/MenuItem.vue.js";
 import { default as er } from "./components/menu/Menu.vue.js";
-import { default as tr } from "./components/appIcon/AppIcon.vue.js";
+import { default as mr } from "./components/appIcon/AppIcon.vue.js";
 import { default as ar } from "./components/floatingToolbar/FloatingToolbar.vue.js";
 import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
 import { default as xr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
@@ -101,10 +101,11 @@ import { default as qr } from "./components/banner/Banner.vue.js";
 import { default as Gr } from "./components/alert/Alert.vue.js";
 import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
 import { default as Ur } from "./components/chart/Chart.vue.js";
+import { ChartType as Xr, TooltipOrder as Zr, TrendDirection as oe } from "./components/chart/types.js";
 const Z = {
   ...e,
-  ...m,
   ...t,
+  ...m,
   ...p,
   ...o,
   ...r,
@@ -160,18 +161,19 @@ export {
   Cr as AddFilterButton,
   Gr as Alert,
   qo as AlertTypes,
-  tr as AppIcon,
+  mr as AppIcon,
   so as AppIconTypes,
   Uo as AppTrigger,
   eo as AppTriggerTypes,
   Qr as Autocomplete,
   Xo as AutocompleteDropdown,
-  to as AutocompleteDropdownTypes,
+  mo as AutocompleteDropdownTypes,
   Go as AutocompleteTypes,
   qr as Banner,
   jo as BannerTypes,
   Rr as CardPanel,
   Ur as Chart,
+  Xr as ChartType,
   Qo as ChartTypes,
   Ar as FilterDropdown,
   Fo as FilterDropdownTypes,
@@ -201,6 +203,8 @@ export {
   Hr as MultiBar,
   ho as MultiBarTypes,
   Mr as Text,
+  Zr as TooltipOrder,
+  oe as TrendDirection,
   wr as Typography,
   Ao as TypographyTypes,
   Co as TypographyTypesV4,

package/package.json

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

package/Chart.vue_vue_type_style_index_0_scoped_4e9ce62f_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-4e9ce62f]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-4e9ce62f]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-4e9ce62f]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-4e9ce62f]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-4e9ce62f]{border-left:1px solid var(--common-divider)}

package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-1ff0e54f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-1ff0e54f]{color:var(--text-secondary)}.chart-header--compact[data-v-1ff0e54f]{padding-top:22px}.chart-header--compact .header-texts[data-v-1ff0e54f]{flex-direction:row}.chart-header--compact .header-text[data-v-1ff0e54f]{color:var(--text-secondary)}.header-row[data-v-1ff0e54f]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-1ff0e54f]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-1ff0e54f]{display:flex;align-items:center;gap:4px}.subheader-tooltip[data-v-1ff0e54f]{display:flex;flex-direction:column;gap:.25rem}.subheader-tooltip__text[data-v-1ff0e54f]{color:var(--text-secondary)}

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css

@@ -1 +0,0 @@
-.chart-trend[data-v-21ce0774]{display:flex}.chart-trend--up[data-v-21ce0774]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-21ce0774]{color:var(--success-darker)}.chart-trend--down[data-v-21ce0774]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-21ce0774]{color:var(--error-dark)}.chart-trend .trend-icon[data-v-21ce0774]{align-self:normal}.chart-trend-tooltip[data-v-21ce0774]{align-items:normal}.trend-tooltip[data-v-21ce0774]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-21ce0774]{margin-bottom:.375rem}.trend-tooltip__text[data-v-21ce0774]{color:var(--text-secondary)}.separator[data-v-21ce0774]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-21ce0774]{display:block;color:var(--text-secondary)}.separator hr[data-v-21ce0774]{width:100%;height:1px;border:0;background:var(--common-divider)}

package/ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css

@@ -1 +0,0 @@
-.chart-plane[data-v-64dcfb5d]{--headerHeight: var(--2e8f327a);width:100%}.chart-plane[data-v-64dcfb5d],.chart-loading[data-v-64dcfb5d],.chart-empty[data-v-64dcfb5d]{height:var(--f7b2eb36)}.header-wrapper[data-v-64dcfb5d]{height:var(--headerHeight)}.chart[data-v-64dcfb5d]{width:100%;height:calc(100% - var(--headerHeight));position:relative}.chart__canvas[data-v-64dcfb5d]{width:100%;height:100%}.chart__tooltip[data-v-64dcfb5d]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css

@@ -1 +0,0 @@
-.chart-tooltip[data-v-81cdfd5e]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-81cdfd5e]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-81cdfd5e]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-81cdfd5e]{list-style:none;margin:0;padding:0}.list__item[data-v-81cdfd5e]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-81cdfd5e]:last-child{margin-bottom:0}.platform-icon[data-v-81cdfd5e]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-81cdfd5e]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-81cdfd5e]{max-width:90%}.tooltip-footer[data-v-81cdfd5e]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-81cdfd5e]{flex-grow:1}

package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css

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

package/components/chart/components/TooltipHeader.vue.js

@@ -1,7 +0,0 @@
-import o from "./TooltipHeader.vue2.js";
-/* empty css                    */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-40d98a66"]]);
-export {
-  s as default
-};