@vizzly/dashboard 0.12.15 → 0.14.0-dev-5bc1cb29919d64962a99db30252c0e98f728d241

package/README.md

@@ -103,4 +103,4 @@ See https://docs.vizzly.co
 
 ## Website
 
-See https://vizzly.co
+See https://vizzly.co

package/dist/charts/src/Legend/Legend.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { CSSProperties, FunctionComponent } from 'react';
 import { ChartData, ColorFormatterByDatum } from '../types';
 import { ChartType } from './types';
 export declare type TypeIndex = {
@@ -22,4 +22,5 @@ export declare const Legend: FunctionComponent<{
     data?: ChartData[];
     conditionalFormattingPossibilities?: (dataKey: string) => Array<ConditionalFormattingOption>;
     replaceDimensionColorsIfPossible?: boolean;
+    getIndicatorStyles?: (key: string) => CSSProperties | undefined;
 }>;

package/dist/charts/src/Legend/Legend.styles.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export declare const wrapper: {
     (variantOptions: Object): string;
     toString: any;
 };
 export declare const legendStyles: (() => null) & {
-    icon: (backgroundColor: string) => {
+    icon: (backgroundColor: string, additionalStyles?: import("react").CSSProperties | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

package/dist/charts/src/Legend/LegendIcon.d.ts

@@ -1,7 +1,8 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { ChartType } from './types';
 export declare const LegendIcon: FunctionComponent<{
     type?: ChartType;
     color?: string;
     reason?: string;
+    additionalStyles?: React.CSSProperties;
 }>;

package/dist/charts/src/Legend/types.d.ts

@@ -1 +1 @@
-export declare type ChartType = 'bar' | 'area' | 'lines' | 'scatter' | 'pie';
+export declare type ChartType = 'bar' | 'area' | 'lines' | 'scatter' | 'pie' | 'trend';

package/dist/charts/src/LineChart/types.d.ts

@@ -18,4 +18,12 @@ export interface LineChartProps extends ChartProps {
     axisTitles?: AxisTitles;
     threshold?: Array<ThresholdType>;
     idPrefix: VizzlyXYChartProps['idPrefix'];
+    trends?: {
+        data: Array<ChartData>;
+        keys: string[];
+        colors?: string[];
+        opacity?: number[];
+        strokeWidth?: number[];
+        strokeDasharray?: string | number[];
+    };
 }

package/dist/charts/src/ScatterChart/ScatterChart.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { LineChartProps } from '../LineChart/types';
 import { FormatterProps } from '../types';
 import { ChartRef } from '../utils/chartRendering';
-export declare const ScatterChart: React.ForwardRefExoticComponent<Pick<LineChartProps, "height" | "width" | "horizontal" | "x" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "legend" | "axisTitles" | "lineCurve" | "data" | "onClick" | "theme" | "colors" | "keys" | "goalLine" | "idPrefix" | "uniqueId" | "forceXAxisAsTime" | "annotate" | "formatSeriesName" | "sparkline" | "threshold" | "removeStroke" | "formatXAxisLabel" | "formatYAxisLabel" | "popOverMenuStyles"> & FormatterProps & React.RefAttributes<ChartRef>>;
+export declare const ScatterChart: React.ForwardRefExoticComponent<Pick<LineChartProps, "height" | "width" | "horizontal" | "x" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "legend" | "axisTitles" | "lineCurve" | "trends" | "data" | "onClick" | "theme" | "colors" | "keys" | "goalLine" | "idPrefix" | "uniqueId" | "forceXAxisAsTime" | "annotate" | "formatSeriesName" | "sparkline" | "threshold" | "removeStroke" | "formatXAxisLabel" | "formatYAxisLabel" | "popOverMenuStyles"> & FormatterProps & React.RefAttributes<ChartRef>>;

package/dist/charts/src/XYChart/AxisTitle.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import { AxisRendererProps, AxisScale } from '@visx/axis';
 import { ChartAxisTitleTheme } from '../types';
-declare type AxisTitleProps = AxisRendererProps<AxisScale> & {};
+declare type AxisTitleProps = AxisRendererProps<AxisScale>;
 export declare const AxisTitle: FunctionComponent<AxisTitleProps & {
     theme?: ChartAxisTitleTheme;
     axis: 'x' | 'y';

package/dist/charts/src/XYChart/ChartTooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, ReactNode } from 'react';
+import React, { CSSProperties, FunctionComponent, ReactNode } from 'react';
 import { DatumByKey, Props } from './types';
 import { TypeIndex } from '../Legend/Legend';
 import { ChartType } from '../Legend/types';
@@ -12,6 +12,8 @@ declare type ChartTooltipProps = {
     typeIndex: TypeIndex[];
     formatSeriesName: (dataKey: string) => string | undefined;
     formatValue: ((value: any) => any) | undefined;
+    additionalStyles?: (key: string) => React.CSSProperties | undefined;
+    allDatumKeysOnVerticalAxis: string[];
 };
 export declare const ChartTooltip: FunctionComponent<ChartTooltipProps>;
 export declare const TooltipWrapper: FunctionComponent<{
@@ -28,6 +30,7 @@ export declare const TooltipRow: FunctionComponent<{
     icon?: {
         type: ChartType;
         color: string;
+        additionalStyles?: CSSProperties;
     };
 }>;
 export declare const TooltipRowContainer: FunctionComponent<{
@@ -35,5 +38,6 @@ export declare const TooltipRowContainer: FunctionComponent<{
     keyString: string;
     chartProps: Props;
     chartTooltipProps: ChartTooltipProps;
+    allDatumKeysOnVerticalAxis: string[];
 }>;
 export {};

package/dist/charts/src/XYChart/types.d.ts

@@ -26,6 +26,14 @@ export interface Props extends ChartProps, FormatterProps {
         formatter?: ColorFormatterByKey | ColorFormatterByDatum;
         threshold?: Array<ThresholdType>;
     };
+    trends?: {
+        data: Array<ChartData>;
+        keys: string[];
+        colors?: string[];
+        opacity?: number[];
+        strokeWidth?: number[];
+        strokeDasharray?: string | number[];
+    };
     bars?: {
         funnelChart?: boolean;
         data: Array<ChartData>;

package/dist/charts/src/XYChart/xyChartUtils.d.ts

@@ -26,3 +26,4 @@ export declare function getAxisType(approxXAxisLabelCount: string | number, appr
     yAxisType: AxisType;
 };
 export declare function getYScale(goalLine: GoalLine[] | undefined, maxValue: number, minValue: number, horizontal: boolean, xAxisIsTime: boolean): import("./types").ScaleConfig | undefined;
+export declare const strokeDasharrayToBorderStyle: (strokeDasharray?: string | number | undefined) => string;

package/dist/dashboard/src/contexts/GlobalProvider/useGlobalProvider.d.ts

@@ -7,6 +7,7 @@ export declare type GlobalContextType = DashboardProps & {
 export declare const useGlobalContext: () => (import("../../types").InBrowserProps & {
     vizzlyApiHost?: string | undefined;
     featureToggles?: Partial<import("../../../../shared-logic/src/FeatureToggle/types").FeatureToggles> | undefined;
+    variables?: import("../../../../shared-logic/src/Variables/types").VariablesCallback | undefined;
     customViews?: import("../../../../shared-logic/src/CustomView/types").CustomView[] | undefined;
     excludeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
     includeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
@@ -40,7 +41,7 @@ export declare const useGlobalContext: () => (import("../../types").InBrowserPro
     }> | undefined;
     dataPanel?: ((dataPanelConfig: import("../../../../shared-logic/src/DataPanelConfig/types").DataPanelConfig, context: {
         type: import("../../../../shared-logic/src/Component/types").ComponentType;
-    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
+    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
     dashboardFilters?: ((dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[], userDefinedDashboardFilters: import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) => import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) | undefined;
     nullValueAlias?: ((params: {
         dataSetId: string;
@@ -75,6 +76,7 @@ export declare const useGlobalContext: () => (import("../../types").InBrowserPro
 }) | (import("../../types").SelfHostedProps & {
     vizzlyApiHost?: string | undefined;
     featureToggles?: Partial<import("../../../../shared-logic/src/FeatureToggle/types").FeatureToggles> | undefined;
+    variables?: import("../../../../shared-logic/src/Variables/types").VariablesCallback | undefined;
     customViews?: import("../../../../shared-logic/src/CustomView/types").CustomView[] | undefined;
     excludeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
     includeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
@@ -108,7 +110,7 @@ export declare const useGlobalContext: () => (import("../../types").InBrowserPro
     }> | undefined;
     dataPanel?: ((dataPanelConfig: import("../../../../shared-logic/src/DataPanelConfig/types").DataPanelConfig, context: {
         type: import("../../../../shared-logic/src/Component/types").ComponentType;
-    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
+    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
     dashboardFilters?: ((dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[], userDefinedDashboardFilters: import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) => import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) | undefined;
     nullValueAlias?: ((params: {
         dataSetId: string;
@@ -143,6 +145,7 @@ export declare const useGlobalContext: () => (import("../../types").InBrowserPro
 }) | (import("../../types").CustomProps & {
     vizzlyApiHost?: string | undefined;
     featureToggles?: Partial<import("../../../../shared-logic/src/FeatureToggle/types").FeatureToggles> | undefined;
+    variables?: import("../../../../shared-logic/src/Variables/types").VariablesCallback | undefined;
     customViews?: import("../../../../shared-logic/src/CustomView/types").CustomView[] | undefined;
     excludeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
     includeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
@@ -176,7 +179,7 @@ export declare const useGlobalContext: () => (import("../../types").InBrowserPro
     }> | undefined;
     dataPanel?: ((dataPanelConfig: import("../../../../shared-logic/src/DataPanelConfig/types").DataPanelConfig, context: {
         type: import("../../../../shared-logic/src/Component/types").ComponentType;
-    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
+    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
     dashboardFilters?: ((dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[], userDefinedDashboardFilters: import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) => import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) | undefined;
     nullValueAlias?: ((params: {
         dataSetId: string;
@@ -212,6 +215,7 @@ export declare const useGlobalContext: () => (import("../../types").InBrowserPro
 export declare const GlobalContext: import("react").Context<(import("../../types").InBrowserProps & {
     vizzlyApiHost?: string | undefined;
     featureToggles?: Partial<import("../../../../shared-logic/src/FeatureToggle/types").FeatureToggles> | undefined;
+    variables?: import("../../../../shared-logic/src/Variables/types").VariablesCallback | undefined;
     customViews?: import("../../../../shared-logic/src/CustomView/types").CustomView[] | undefined;
     excludeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
     includeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
@@ -245,7 +249,7 @@ export declare const GlobalContext: import("react").Context<(import("../../types
     }> | undefined;
     dataPanel?: ((dataPanelConfig: import("../../../../shared-logic/src/DataPanelConfig/types").DataPanelConfig, context: {
         type: import("../../../../shared-logic/src/Component/types").ComponentType;
-    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
+    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
     dashboardFilters?: ((dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[], userDefinedDashboardFilters: import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) => import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) | undefined;
     nullValueAlias?: ((params: {
         dataSetId: string;
@@ -280,6 +284,7 @@ export declare const GlobalContext: import("react").Context<(import("../../types
 }) | (import("../../types").SelfHostedProps & {
     vizzlyApiHost?: string | undefined;
     featureToggles?: Partial<import("../../../../shared-logic/src/FeatureToggle/types").FeatureToggles> | undefined;
+    variables?: import("../../../../shared-logic/src/Variables/types").VariablesCallback | undefined;
     customViews?: import("../../../../shared-logic/src/CustomView/types").CustomView[] | undefined;
     excludeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
     includeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
@@ -313,7 +318,7 @@ export declare const GlobalContext: import("react").Context<(import("../../types
     }> | undefined;
     dataPanel?: ((dataPanelConfig: import("../../../../shared-logic/src/DataPanelConfig/types").DataPanelConfig, context: {
         type: import("../../../../shared-logic/src/Component/types").ComponentType;
-    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
+    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
     dashboardFilters?: ((dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[], userDefinedDashboardFilters: import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) => import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) | undefined;
     nullValueAlias?: ((params: {
         dataSetId: string;
@@ -348,6 +353,7 @@ export declare const GlobalContext: import("react").Context<(import("../../types
 }) | (import("../../types").CustomProps & {
     vizzlyApiHost?: string | undefined;
     featureToggles?: Partial<import("../../../../shared-logic/src/FeatureToggle/types").FeatureToggles> | undefined;
+    variables?: import("../../../../shared-logic/src/Variables/types").VariablesCallback | undefined;
     customViews?: import("../../../../shared-logic/src/CustomView/types").CustomView[] | undefined;
     excludeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
     includeComponents?: import("../../../../shared-logic/src/Component/types").ComponentType[] | undefined;
@@ -381,7 +387,7 @@ export declare const GlobalContext: import("react").Context<(import("../../types
     }> | undefined;
     dataPanel?: ((dataPanelConfig: import("../../../../shared-logic/src/DataPanelConfig/types").DataPanelConfig, context: {
         type: import("../../../../shared-logic/src/Component/types").ComponentType;
-    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
+    }) => (import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | ((sectionProps: Pick<import("../../../../shared-ui/src").VizzlyComponents.ComponentOverrides.Props.SectionProps<import("../../../../shared-logic/src/DataPanelConfig/types").Section<"dataSet"> | import("../../../../shared-logic/src/DataPanelConfig/types").MetricsSection | import("../../../../shared-logic/src/DataPanelConfig/types").FieldCollectorSection | import("../../../../shared-logic/src/DataPanelConfig/types").LabelledMetricSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"customMetrics"> | import("../../../../shared-logic/src/DataPanelConfig/types").DimensionSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"drilldown"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comparison"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"comboChartDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"timeDimension"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"xAxis"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"views"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"sort"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"filter"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"limit"> | import("../../../../shared-logic/src/DataPanelConfig/types").PaginationSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"fields"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"country"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"trends"> | import("../../../../shared-logic/src/DataPanelConfig/types").ProgressGoalsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").HeadingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").FormatSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ChartStylesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"prefixes"> | import("../../../../shared-logic/src/FormatPanelConfig/types").AxisLabelsSection | import("../../../../shared-logic/src/FormatPanelConfig/types").LabelsSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"mapColors"> | import("../../../../shared-logic/src/FormatPanelConfig/types").ConditionalFormattingSection | import("../../../../shared-logic/src/FormatPanelConfig/types").GoalLineSection | import("../../../../shared-logic/src/FormatPanelConfig/types").ProgressTypesSection | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"headline"> | import("../../../../shared-logic/src/DataPanelConfig/types").Section<"richText">>, "featureToggles" | "dataSet" | "attributes" | "dataSets" | "setDataSet" | "setAttributes" | "setDataSets" | "queryEngineConfig">) => JSX.Element))[]) | undefined;
     dashboardFilters?: ((dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[], userDefinedDashboardFilters: import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) => import("../../../../shared-ui/src/contexts/DashboardBehaviour/types").DashboardFilters) | undefined;
     nullValueAlias?: ((params: {
         dataSetId: string;

package/dist/dashboard/src/types.d.ts

@@ -5,6 +5,7 @@ import { CustomDriver } from '../../results-driver/src/types';
 import { QueryEngineEndpoint } from '../../shared-logic/src/QueryEngineConfig/types';
 import { loadDataSetsCallback } from '../../shared-logic/src/Callbacks/types';
 import { EditorBehaviour } from '../../shared-ui/src/components/Editor/types';
+import { VariablesCallback } from '../../shared-logic/src/Variables/types';
 export declare type SharedEditorProps = {
     /**
      * Optionally, return the `Component` that will be rendered in the Editor.
@@ -42,6 +43,7 @@ export declare type SharedEditorProps = {
 export declare type SharedDashboardProps = {
     vizzlyApiHost?: string;
     featureToggles?: Partial<DashboardBehaviour['featureToggles']>;
+    variables?: VariablesCallback;
     customViews?: DashboardBehaviour['customViews'];
     excludeComponents?: StudioProps['excludeComponents'];
     includeComponents?: StudioProps['includeComponents'];