@ironsource/shared-ui 2.1.12-rc.5 → 2.1.12-rc.51

package/components/chart/index.d.ts

@@ -1,38 +1,63 @@
 import Chart from './Chart.vue';
+import { ChartType, TooltipOrder, TrendDirection } from './types';
 declare const ChartTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             header: string;
+            testId: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
             maxVisible: number;
             maxLimitTooltipText: string;
-            chartType: import("./types").ChartType;
+            sortSelected: any;
+            sortOptions: unknown[];
+            sortOptionNameKey: string;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
+            xAxisDateInterval: import("./types").DateInterval;
+            totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
-            dataSets: import("./types").ChartDataSet[];
+            yAxisFormat: import("./types").ValueFormat;
+            valueSuffix: string;
+            valuePrefix: string;
+            trendTooltip: any;
             subheader: string;
+            subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
+            noteText: string;
+            dataSets: import("./types").ChartDataSet[];
             tickCount: number;
-            withAnimation: boolean;
-            totalsChart: boolean;
+            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;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
+            fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -54,9 +79,21 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            sortSelected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            sortOptions: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            sortOptionNameKey: {
+                type: import("vue").PropType<string>;
+                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>;
@@ -66,40 +103,79 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            yAxisFormat: {
-                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;
             };
             parsing: {
                 type: import("vue").PropType<import("./types").ChartParsingConfig>;
                 default: any;
             };
-            dataSets: {
-                type: import("vue").PropType<import("./types").ChartDataSet[]>;
-                required: true;
-                default: () => any[];
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            valueSuffix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            valuePrefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
             };
             subheader: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
             trendValue: {
                 type: import("vue").PropType<string | number>;
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
+            };
+            noteText: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
+            dataSets: {
+                type: import("vue").PropType<import("./types").ChartDataSet[]>;
+                required: true;
+                default: () => any[];
+            };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            withAnimation: {
+            truncateTickLabels: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            totalsChart: {
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            empty: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -115,10 +191,38 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withAnimation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                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;
+            };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            fullHeightBottomSpacing: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             withSettingsHeader: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -127,10 +231,15 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<Record<string, unknown>[]>;
                 default: () => any[];
             };
+            colorVariant: {
+                type: import("vue").PropType<import("./types").ColorVariant>;
+                default: string;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "trendValue" | "trendDirection" | "tickCount" | "withAnimation" | "totalsChart" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+            "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+            "onUpdate:chartType"?: (chartType: ChartType) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -142,13 +251,17 @@ 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: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: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -170,9 +283,21 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            sortSelected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            sortOptions: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            sortOptionNameKey: {
+                type: import("vue").PropType<string>;
+                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>;
@@ -182,40 +307,79 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            yAxisFormat: {
-                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;
             };
             parsing: {
                 type: import("vue").PropType<import("./types").ChartParsingConfig>;
                 default: any;
             };
-            dataSets: {
-                type: import("vue").PropType<import("./types").ChartDataSet[]>;
-                required: true;
-                default: () => any[];
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            valueSuffix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            valuePrefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
             };
             subheader: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
             trendValue: {
                 type: import("vue").PropType<string | number>;
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
+            };
+            noteText: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
+            dataSets: {
+                type: import("vue").PropType<import("./types").ChartDataSet[]>;
+                required: true;
+                default: () => any[];
+            };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            withAnimation: {
+            truncateTickLabels: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            totalsChart: {
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            empty: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -231,10 +395,38 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withAnimation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                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;
+            };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            fullHeightBottomSpacing: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             withSettingsHeader: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -243,37 +435,63 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<Record<string, unknown>[]>;
                 default: () => any[];
             };
+            colorVariant: {
+                type: import("vue").PropType<import("./types").ColorVariant>;
+                default: string;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+            "onUpdate:sortSelected"?: (sortOption: unknown) => 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, {
             header: string;
+            testId: string;
             loading: boolean;
             visibleIds: unknown[];
             minVisible: number;
             maxVisible: number;
             maxLimitTooltipText: string;
-            chartType: import("./types").ChartType;
+            sortSelected: any;
+            sortOptions: unknown[];
+            sortOptionNameKey: string;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
+            xAxisDateInterval: import("./types").DateInterval;
+            totalsChart: boolean;
             parsing: import("./types").ChartParsingConfig;
-            dataSets: import("./types").ChartDataSet[];
+            yAxisFormat: import("./types").ValueFormat;
+            valueSuffix: string;
+            valuePrefix: string;
+            trendTooltip: any;
             subheader: string;
+            subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
+            noteText: string;
+            dataSets: import("./types").ChartDataSet[];
             tickCount: number;
-            withAnimation: boolean;
-            totalsChart: boolean;
+            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;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
+            fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -299,6 +517,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -320,9 +542,21 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        sortSelected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        sortOptions: {
+            type: import("vue").PropType<unknown[]>;
+            default: () => any[];
+        };
+        sortOptionNameKey: {
+            type: import("vue").PropType<string>;
+            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>;
@@ -332,40 +566,79 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<import("./types").ValueFormat>;
             default: string;
         };
-        yAxisFormat: {
-            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;
         };
         parsing: {
             type: import("vue").PropType<import("./types").ChartParsingConfig>;
             default: any;
         };
-        dataSets: {
-            type: import("vue").PropType<import("./types").ChartDataSet[]>;
-            required: true;
-            default: () => any[];
+        yAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
+            default: string;
+        };
+        valueSuffix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        valuePrefix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        trendTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                rangeCurrent?: string;
+                rangePrevious?: string;
+            }>;
+            default: any;
         };
         subheader: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        subheaderTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                text?: string;
+            }>;
+            default: any;
+        };
         trendValue: {
             type: import("vue").PropType<string | number>;
             default: any;
         };
         trendDirection: {
-            type: import("vue").PropType<"up" | "down">;
+            type: import("vue").PropType<TrendDirection>;
+            default: TrendDirection;
+        };
+        noteText: {
+            type: import("vue").PropType<string>;
             default: string;
         };
+        dataSets: {
+            type: import("vue").PropType<import("./types").ChartDataSet[]>;
+            required: true;
+            default: () => any[];
+        };
         tickCount: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        withAnimation: {
+        truncateTickLabels: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        totalsChart: {
+        keepSubheaderVisible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        empty: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
@@ -381,10 +654,38 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        withAnimation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTotalType: {
+            type: import("vue").PropType<import("../../utils/totals").TotalType>;
+            default: import("../../utils/totals").TotalType;
+        };
+        tooltipTotalCalcFn: {
+            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;
+        };
+        indicateIncompleteData: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipExcludeTotalItem: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullHeight: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        fullHeightBottomSpacing: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         withSettingsHeader: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -393,9 +694,14 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<Record<string, unknown>[]>;
             default: () => any[];
         };
+        colorVariant: {
+            type: import("vue").PropType<import("./types").ColorVariant>;
+            default: string;
+        };
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-        "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+        "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+        "onUpdate:chartType"?: (chartType: ChartType) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -405,6 +711,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -426,9 +736,21 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    sortSelected: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    sortOptions: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => any[];
+    };
+    sortOptionNameKey: {
+        type: import("vue").PropType<string>;
+        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>;
@@ -438,40 +760,79 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<import("./types").ValueFormat>;
         default: string;
     };
-    yAxisFormat: {
-        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;
     };
     parsing: {
         type: import("vue").PropType<import("./types").ChartParsingConfig>;
         default: any;
     };
-    dataSets: {
-        type: import("vue").PropType<import("./types").ChartDataSet[]>;
-        required: true;
-        default: () => any[];
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    valueSuffix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    valuePrefix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trendTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            rangeCurrent?: string;
+            rangePrevious?: string;
+        }>;
+        default: any;
     };
     subheader: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    subheaderTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            text?: string;
+        }>;
+        default: any;
+    };
     trendValue: {
         type: import("vue").PropType<string | number>;
         default: any;
     };
     trendDirection: {
-        type: import("vue").PropType<"up" | "down">;
+        type: import("vue").PropType<TrendDirection>;
+        default: TrendDirection;
+    };
+    noteText: {
+        type: import("vue").PropType<string>;
         default: string;
     };
+    dataSets: {
+        type: import("vue").PropType<import("./types").ChartDataSet[]>;
+        required: true;
+        default: () => any[];
+    };
     tickCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    withAnimation: {
+    truncateTickLabels: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    totalsChart: {
+    keepSubheaderVisible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    empty: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -487,10 +848,38 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    withAnimation: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTotalType: {
+        type: import("vue").PropType<import("../../utils/totals").TotalType>;
+        default: import("../../utils/totals").TotalType;
+    };
+    tooltipTotalCalcFn: {
+        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;
+    };
+    indicateIncompleteData: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipExcludeTotalItem: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     fullHeight: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    fullHeightBottomSpacing: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     withSettingsHeader: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -499,43 +888,70 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<Record<string, unknown>[]>;
         default: () => any[];
     };
+    colorVariant: {
+        type: import("vue").PropType<import("./types").ColorVariant>;
+        default: string;
+    };
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+    "onUpdate:sortSelected"?: (sortOption: unknown) => 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, {
     header: string;
+    testId: string;
     loading: boolean;
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
-    chartType: import("./types").ChartType;
+    sortSelected: any;
+    sortOptions: unknown[];
+    sortOptionNameKey: string;
+    chartType: ChartType;
     hideLegend: boolean;
     xAxisFormat: import("./types").ValueFormat;
-    yAxisFormat: import("./types").ValueFormat;
+    xAxisDateInterval: import("./types").DateInterval;
+    totalsChart: boolean;
     parsing: import("./types").ChartParsingConfig;
-    dataSets: import("./types").ChartDataSet[];
+    yAxisFormat: import("./types").ValueFormat;
+    valueSuffix: string;
+    valuePrefix: string;
+    trendTooltip: any;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: string | number;
-    trendDirection: "up" | "down";
+    trendDirection: TrendDirection;
+    noteText: string;
+    dataSets: import("./types").ChartDataSet[];
     tickCount: number;
-    withAnimation: boolean;
-    totalsChart: boolean;
+    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;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
     fullHeight: boolean;
+    fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
+    colorVariant: import("./types").ColorVariant;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "before-chart-type"?(_: {}): any;
         metric?(_: {}): any;
         breakdowns?(_: {}): any;
         "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 };