@undp/data-viz 2.1.9 → 2.2.0

package/dist/index.d.ts

@@ -200,9 +200,9 @@ declare interface ClassNameObject {
     modal?: string;
 }
 
-export declare function ColorLegend(props: Props_59): JSX.Element;
+export declare function ColorLegend(props: Props_60): JSX.Element;
 
-export declare function ColorLegendWithMouseOver(props: Props_60): JSX.Element;
+export declare function ColorLegendWithMouseOver(props: Props_61): JSX.Element;
 
 export declare const Colors: {
     gray: string;
@@ -517,9 +517,9 @@ declare interface ConfigObject_7 {
     theme?: 'dark' | 'light';
 }
 
-export declare function CopyTextButton(props: Props_58): JSX.Element;
+export declare function CopyTextButton(props: Props_59): JSX.Element;
 
-export declare function CsvDownloadButton(props: Props_57): JSX.Element;
+export declare function CsvDownloadButton(props: Props_58): JSX.Element;
 
 declare type CurveTypes = 'linear' | 'curve' | 'step' | 'stepAfter' | 'stepBefore';
 
@@ -743,7 +743,7 @@ export declare const excelDownload: (csvData: any, fileName: string, headers: st
     [key: string]: string;
 }, wscols: WsColInterface_2[]) => void;
 
-export declare function ExcelDownloadButton(props: Props_54): JSX.Element;
+export declare function ExcelDownloadButton(props: Props_55): JSX.Element;
 
 /**
  * Fetches a CSV file from a URL, parses it, and applies transformations based on the provided configuration.
@@ -849,7 +849,7 @@ declare interface FogDataType {
     far: number;
 }
 
-export declare function FootNote(props: Props_65): JSX.Element | null;
+export declare function FootNote(props: Props_66): JSX.Element | null;
 
 /**
  * Generates an embed link with custom query parameters.
@@ -4059,11 +4059,11 @@ declare interface GraphConfigurationDataType {
     chartConfigId: string;
 }
 
-export declare function GraphDescription(props: Props_66): JSX.Element | null;
+export declare function GraphDescription(props: Props_67): JSX.Element | null;
 
-export declare function GraphFooter(props: Props_63): JSX.Element | null;
+export declare function GraphFooter(props: Props_64): JSX.Element | null;
 
-export declare function GraphHeader(props: Props_64): JSX.Element;
+export declare function GraphHeader(props: Props_65): JSX.Element;
 
 export declare const graphList: {
     graphName: string;
@@ -4329,15 +4329,15 @@ declare interface GraphSettingsDataType {
     trackColor?: string;
 }
 
-export declare function GraphTitle(props: Props_67): JSX.Element | null;
+export declare function GraphTitle(props: Props_68): JSX.Element | null;
 
 export declare type GraphType = GraphTypeForGriddedGraph;
 
-export declare type GraphTypeForGriddedGraph = 'barChart' | 'stackedBarChart' | 'groupedBarChart' | 'lineChart' | 'dualAxisLineChart' | 'multiLineChart' | 'multiLineAltChart' | 'differenceLineChart' | 'stackedAreaChart' | 'choroplethMap' | 'biVariateChoroplethMap' | 'hybridMap' | 'dotDensityMap' | 'donutChart' | 'slopeChart' | 'scatterPlot' | 'dumbbellChart' | 'treeMap' | 'circlePacking' | 'heatMap' | 'stripChart' | 'beeSwarmChart' | 'butterflyChart' | 'histogram' | 'sparkLine' | 'paretoChart' | 'dataTable' | 'statCard' | 'unitChart' | 'sankeyChart' | 'lineChartWithConfidenceInterval' | 'dataCards' | 'radarChart' | 'bulletChart';
+export declare type GraphTypeForGriddedGraph = 'barChart' | 'waterfallChart' | 'stackedBarChart' | 'groupedBarChart' | 'lineChart' | 'dualAxisLineChart' | 'multiLineChart' | 'multiLineAltChart' | 'differenceLineChart' | 'stackedAreaChart' | 'choroplethMap' | 'biVariateChoroplethMap' | 'hybridMap' | 'dotDensityMap' | 'donutChart' | 'slopeChart' | 'scatterPlot' | 'dumbbellChart' | 'treeMap' | 'circlePacking' | 'heatMap' | 'stripChart' | 'beeSwarmChart' | 'butterflyChart' | 'histogram' | 'sparkLine' | 'paretoChart' | 'dataTable' | 'statCard' | 'unitChart' | 'sankeyChart' | 'lineChartWithConfidenceInterval' | 'dataCards' | 'radarChart' | 'bulletChart';
 
-export declare function GriddedGraphs(props: Props_44): JSX.Element;
+export declare function GriddedGraphs(props: Props_45): JSX.Element;
 
-export declare function GriddedGraphsFromConfig(props: Props_53): JSX.Element;
+export declare function GriddedGraphsFromConfig(props: Props_54): JSX.Element;
 
 declare interface GroupedBarChartProps {
     /** Array of data objects */
@@ -4536,7 +4536,7 @@ declare interface HybridMapDataType {
  */
 export declare function imageDownload(node: HTMLElement, filename: string): void;
 
-export declare function ImageDownloadButton(props: Props_55): JSX.Element;
+export declare function ImageDownloadButton(props: Props_56): JSX.Element;
 
 declare interface InfoBoxDataType {
     title?: string | React.ReactNode;
@@ -4547,7 +4547,7 @@ declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' |
 
 declare type LightConfig = AmbientLightConfig | DirectionalLightConfig | PointLightConfig | SpotLightConfig;
 
-export declare function LinearColorLegend(props: Props_61): JSX.Element;
+export declare function LinearColorLegend(props: Props_62): JSX.Element;
 
 declare interface LineChartDataType {
     date: number | string;
@@ -4572,13 +4572,13 @@ declare interface MapLegendDataType {
 
 declare type MapProjectionTypes = 'mercator' | 'equalEarth' | 'naturalEarth' | 'orthographic' | 'albersUSA';
 
-export declare function MultiGraphDashboard(props: Props_38): JSX.Element;
+export declare function MultiGraphDashboard(props: Props_39): JSX.Element;
 
-export declare function MultiGraphDashboardFromConfig(props: Props_47): JSX.Element;
+export declare function MultiGraphDashboardFromConfig(props: Props_48): JSX.Element;
 
-export declare function MultiGraphDashboardWideToLongFormat(props: Props_40): JSX.Element;
+export declare function MultiGraphDashboardWideToLongFormat(props: Props_41): JSX.Element;
 
-export declare function MultiGraphDashboardWideToLongFormatFromConfig(props: Props_49): JSX.Element;
+export declare function MultiGraphDashboardWideToLongFormatFromConfig(props: Props_50): JSX.Element;
 
 export declare function MultiLineAltChart(props: Props_10): JSX.Element;
 
@@ -4655,12 +4655,12 @@ declare interface PerformanceIntensiveDashboardLayoutDataType extends DashboardL
     }[];
 }
 
-export declare function PerformanceIntensiveMultiGraphDashboard(props: Props_39): JSX.Element;
+export declare function PerformanceIntensiveMultiGraphDashboard(props: Props_40): JSX.Element;
 
-export declare function PerformanceIntensiveMultiGraphDashboardFromConfig(props: Props_48): JSX.Element;
+export declare function PerformanceIntensiveMultiGraphDashboardFromConfig(props: Props_49): JSX.Element;
 
 /** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. */
-export declare function PerformanceIntensiveScrollStory(props: Props_46): JSX.Element;
+export declare function PerformanceIntensiveScrollStory(props: Props_47): JSX.Element;
 
 declare interface PointLightConfig extends BaseLightConfig {
     type: 'point';
@@ -7193,6 +7193,119 @@ declare interface Props_35 {
 }
 
 declare interface Props_36 {
+    /** Array of data objects */
+    data: BarGraphDataType[];
+    /** Title of the graph */
+    graphTitle?: string | React.ReactNode;
+    /** Description of the graph */
+    graphDescription?: string | React.ReactNode;
+    /** Footnote for the graph */
+    footNote?: string | React.ReactNode;
+    /** Source data for the graph */
+    sources?: SourcesDataType[];
+    /** Accessibility label */
+    ariaLabel?: string;
+    /** Color or array of colors for bars */
+    colors?: string | string[];
+    /** Domain of colors for the graph */
+    colorDomain?: string[];
+    /** Title for the color legend */
+    colorLegendTitle?: string;
+    /** Background color of the graph */
+    backgroundColor?: string | boolean;
+    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
+    styles?: StyleObject;
+    /** Custom class names */
+    classNames?: ClassNameObject;
+    /** Width of the graph */
+    width?: number;
+    /** Height of the graph */
+    height?: number;
+    /** Minimum height of the graph */
+    minHeight?: number;
+    /** Relative height scaling factor. This overwrites the height props */
+    relativeHeight?: number;
+    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
+    padding?: string;
+    /** Left margin of the graph */
+    leftMargin?: number;
+    /** Right margin of the graph */
+    rightMargin?: number;
+    /** Top margin of the graph */
+    topMargin?: number;
+    /** Bottom margin of the graph */
+    bottomMargin?: number;
+    /** Padding between bars */
+    barPadding?: number;
+    /** Maximum thickness of bars */
+    maxBarThickness?: number;
+    /** Minimum thickness of bars */
+    minBarThickness?: number;
+    /** Maximum number of bars shown in the graph */
+    maxNumberOfBars?: number;
+    /** Prefix for values */
+    prefix?: string;
+    /** Suffix for values */
+    suffix?: string;
+    /** Maximum value for the chart */
+    maxValue?: number;
+    /** Minimum value for the chart */
+    minValue?: number;
+    /** Truncate labels by specified length */
+    truncateBy?: number;
+    /** Reference values for comparison */
+    refValues?: ReferenceDataType[];
+    /** Number of ticks on the axis */
+    noOfTicks?: number;
+    /** Toggle visibility of labels */
+    showLabels?: boolean;
+    /** Toggle visibility of values */
+    showValues?: boolean;
+    /** Custom order for labels */
+    labelOrder?: string[];
+    /** Defines how “NA” values should be displayed/labelled in the graph */
+    naLabel?: string;
+    /** Toggle visibility of axis ticks */
+    showTicks?: boolean;
+    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
+    showColorScale?: boolean;
+    /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */
+    showNAColor?: boolean;
+    /** Data points to highlight. Use the label value from data to highlight the data point */
+    highlightedDataPoints?: (string | number)[];
+    /** Defines the opacity of the non-highlighted data */
+    dimmedOpacity?: number;
+    /** Title for the bar axis */
+    barAxisTitle?: string;
+    /** Toggles if data point which are undefined or has value null are filtered out.  */
+    filterNA?: boolean;
+    /** Toggles if the graph animates in when loaded.  */
+    animate?: boolean | AnimateDataType;
+    /** Specifies the number of decimal places to display in the value. */
+    precision?: number;
+    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
+    customLayers?: CustomLayerDataType[];
+    /** Enable graph download option as png */
+    graphDownload?: boolean;
+    /** Enable data download option as a csv */
+    dataDownload?: boolean;
+    /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
+    tooltip?: string | ((_d: any) => React.ReactNode);
+    /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
+    detailsOnClick?: string | ((_d: any) => React.ReactNode);
+    /** Callback for mouse over event */
+    onSeriesMouseOver?: (_d: any) => void;
+    /** Callback for mouse click event */
+    onSeriesMouseClick?: (_d: any) => void;
+    /** Language setting  */
+    language?: Languages;
+    /** Color theme */
+    theme?: 'light' | 'dark';
+    /** Unique ID for the graph */
+    graphID?: string;
+}
+
+declare interface Props_37 {
     /** Array of data objects */
     data: SankeyDataType[];
     /** Title of the graph */
@@ -7293,7 +7406,7 @@ declare interface Props_36 {
     graphID?: string;
 }
 
-declare interface Props_37 {
+declare interface Props_38 {
     /** Array of data objects */
     data: RadarChartDataType[];
     /** Title of the graph */
@@ -7392,28 +7505,9 @@ declare interface Props_37 {
     graphID?: string;
 }
 
-declare interface Props_38 {
-    dashboardID?: string;
-    dashboardLayout: DashboardLayoutDataType;
-    dataSettings: DataSettingsDataType;
-    filters?: FilterUiSettingsDataType[];
-    noOfFiltersPerRow?: number;
-    dataFilters?: DataFilterDataType[];
-    debugMode?: boolean;
-    theme?: 'dark' | 'light';
-    filterPosition?: 'top' | 'side';
-    readableHeader?: {
-        value: string;
-        label: string;
-    }[];
-    uiMode?: 'light' | 'normal';
-    graphStyles?: StyleObject;
-    graphClassNames?: ClassNameObject;
-}
-
 declare interface Props_39 {
     dashboardID?: string;
-    dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;
+    dashboardLayout: DashboardLayoutDataType;
     dataSettings: DataSettingsDataType;
     filters?: FilterUiSettingsDataType[];
     noOfFiltersPerRow?: number;
@@ -7558,6 +7652,25 @@ declare interface Props_4 {
 }
 
 declare interface Props_40 {
+    dashboardID?: string;
+    dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;
+    dataSettings: DataSettingsDataType;
+    filters?: FilterUiSettingsDataType[];
+    noOfFiltersPerRow?: number;
+    dataFilters?: DataFilterDataType[];
+    debugMode?: boolean;
+    theme?: 'dark' | 'light';
+    filterPosition?: 'top' | 'side';
+    readableHeader?: {
+        value: string;
+        label: string;
+    }[];
+    uiMode?: 'light' | 'normal';
+    graphStyles?: StyleObject;
+    graphClassNames?: ClassNameObject;
+}
+
+declare interface Props_41 {
     dashboardID?: string;
     dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;
     dataSettings: DataSettingsWideToLongDataType;
@@ -7573,7 +7686,7 @@ declare interface Props_40 {
     graphClassNames?: ClassNameObject;
 }
 
-declare interface Props_41 {
+declare interface Props_42 {
     graphSettings?: GraphSettingsDataType;
     readableHeader?: {
         value: string;
@@ -7597,14 +7710,14 @@ declare interface Props_41 {
     updateFilters?: (_d: string) => void;
 }
 
-declare interface Props_42 {
+declare interface Props_43 {
     graphSettings?: GraphSettingsDataType;
     graphType: GeoHubGraphType;
     debugMode?: boolean;
     uiMode?: 'light' | 'normal';
 }
 
-declare interface Props_43 {
+declare interface Props_44 {
     graphSettings?: GraphSettingsDataType;
     readableHeader?: {
         value: string;
@@ -7628,7 +7741,7 @@ declare interface Props_43 {
     updateFilters?: (_d: string) => void;
 }
 
-declare interface Props_44 {
+declare interface Props_45 {
     noOfColumns?: number;
     columnGridBy: string;
     graphSettings?: GraphSettingsDataType;
@@ -7656,7 +7769,7 @@ declare interface Props_44 {
     theme?: 'dark' | 'light';
 }
 
-declare interface Props_45 {
+declare interface Props_46 {
     /** Defines if the information is shown as overlay or on the side */
     mode?: 'overlay' | 'side';
     /** Defines the width of the info section */
@@ -7671,7 +7784,7 @@ declare interface Props_45 {
     infoBackgroundColor?: string;
 }
 
-declare interface Props_46 {
+declare interface Props_47 {
     /** Defines if the information is shown as overlay or on the side */
     mode?: 'overlay' | 'side';
     /** Defines the width of the info section */
@@ -7686,16 +7799,12 @@ declare interface Props_46 {
     infoBackgroundColor?: string;
 }
 
-declare interface Props_47 {
-    config: string | ConfigObject;
-}
-
 declare interface Props_48 {
-    config: string | ConfigObject_2;
+    config: string | ConfigObject;
 }
 
 declare interface Props_49 {
-    config: string | ConfigObject_3;
+    config: string | ConfigObject_2;
 }
 
 declare interface Props_5 {
@@ -7798,22 +7907,26 @@ declare interface Props_5 {
 }
 
 declare interface Props_50 {
-    config: string | ConfigObject_4;
+    config: string | ConfigObject_3;
 }
 
 declare interface Props_51 {
-    config: string | ConfigObject_5;
+    config: string | ConfigObject_4;
 }
 
 declare interface Props_52 {
-    config: string | ConfigObject_6;
+    config: string | ConfigObject_5;
 }
 
 declare interface Props_53 {
-    config: string | ConfigObject_7;
+    config: string | ConfigObject_6;
 }
 
 declare interface Props_54 {
+    config: string | ConfigObject_7;
+}
+
+declare interface Props_55 {
     buttonContent?: string | JSX_2.Element;
     buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
     csvData: any;
@@ -7825,7 +7938,7 @@ declare interface Props_54 {
     className?: string;
 }
 
-declare interface Props_55 {
+declare interface Props_56 {
     buttonContent?: string | JSX_2.Element;
     buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
     nodeID: string | RefObject<HTMLDivElement | null>;
@@ -7834,7 +7947,7 @@ declare interface Props_55 {
     className?: string;
 }
 
-declare interface Props_56 {
+declare interface Props_57 {
     buttonContent?: string | JSX_2.Element;
     buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
     nodeID: string | HTMLElement;
@@ -7843,7 +7956,7 @@ declare interface Props_56 {
     className?: string;
 }
 
-declare interface Props_57 {
+declare interface Props_58 {
     buttonContent?: string | JSX_2.Element;
     buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
     csvData: any;
@@ -7854,7 +7967,7 @@ declare interface Props_57 {
     className?: string;
 }
 
-declare interface Props_58 {
+declare interface Props_59 {
     text: string;
     successMessage?: string;
     buttonText?: string;
@@ -7862,18 +7975,6 @@ declare interface Props_58 {
     className?: string;
 }
 
-declare interface Props_59 {
-    colors: string[];
-    colorDomain: (string | number)[];
-    dashedLines?: (string | number)[];
-    labelsToBeHidden?: (string | number)[];
-    colorLegendTitle?: string;
-    showNAColor: boolean;
-    width?: number;
-    isCenter?: boolean;
-    className?: string;
-}
-
 declare interface Props_6 {
     /** Array of data objects */
     data: DualAxisLineChartDataType[];
@@ -7972,9 +8073,10 @@ declare interface Props_6 {
 declare interface Props_60 {
     colors: string[];
     colorDomain: (string | number)[];
+    dashedLines?: (string | number)[];
+    labelsToBeHidden?: (string | number)[];
     colorLegendTitle?: string;
     showNAColor: boolean;
-    setSelectedColor: (_d?: string) => void;
     width?: number;
     isCenter?: boolean;
     className?: string;
@@ -7982,13 +8084,24 @@ declare interface Props_60 {
 
 declare interface Props_61 {
     colors: string[];
-    colorDomain: number[];
+    colorDomain: (string | number)[];
     colorLegendTitle?: string;
+    showNAColor: boolean;
+    setSelectedColor: (_d?: string) => void;
     width?: number;
+    isCenter?: boolean;
     className?: string;
 }
 
 declare interface Props_62 {
+    colors: string[];
+    colorDomain: number[];
+    colorLegendTitle?: string;
+    width?: number;
+    className?: string;
+}
+
+declare interface Props_63 {
     colors: string[];
     colorDomain: number[];
     colorLegendTitle?: string;
@@ -7999,7 +8112,7 @@ declare interface Props_62 {
     showNAColor: boolean;
 }
 
-declare interface Props_63 {
+declare interface Props_64 {
     footNote?: string | React.ReactNode;
     sources?: SourcesDataType[];
     width?: number;
@@ -8013,7 +8126,7 @@ declare interface Props_63 {
     };
 }
 
-declare interface Props_64 {
+declare interface Props_65 {
     graphTitle?: string | React.ReactNode;
     graphDescription?: string | React.ReactNode;
     width?: number;
@@ -8030,19 +8143,19 @@ declare interface Props_64 {
     };
 }
 
-declare interface Props_65 {
+declare interface Props_66 {
     text: string | default_2.ReactNode;
     style?: default_2.CSSProperties;
     className?: string;
 }
 
-declare interface Props_66 {
+declare interface Props_67 {
     text: string | default_2.ReactNode;
     style?: default_2.CSSProperties;
     className?: string;
 }
 
-declare interface Props_67 {
+declare interface Props_68 {
     text: string | default_2.ReactNode;
     isDashboard?: boolean;
     style?: default_2.CSSProperties;
@@ -8380,7 +8493,7 @@ declare interface Props_9 {
     graphID?: string;
 }
 
-export declare function RadarChart(props: Props_37): JSX.Element;
+export declare function RadarChart(props: Props_38): JSX.Element;
 
 declare interface RadarChartDataType {
     values: number[];
@@ -8418,7 +8531,7 @@ declare interface ReferenceDataType {
  */
 export declare function removeOutliers(data: number[], outlierThreshold?: number): number[];
 
-export declare function SankeyChart(props: Props_36): JSX.Element;
+export declare function SankeyChart(props: Props_37): JSX.Element;
 
 declare interface SankeyDataType {
     source: string | number;
@@ -8442,7 +8555,7 @@ declare interface ScatterPlotDataType {
 }
 
 /** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. This does not include GeoHub maps and 3-D graph; for those please use `PerformanceIntensiveScrollStory`. */
-export declare function ScrollStory(props: Props_45): JSX.Element;
+export declare function ScrollStory(props: Props_46): JSX.Element;
 
 declare interface SectionsDataType {
     graphSettings?: GraphSettingsDataType;
@@ -8465,17 +8578,17 @@ export declare function SimpleBarGraph(props: Props): JSX.Element;
 
 export declare function SimpleLineChart(props: Props_8): JSX.Element;
 
-export declare function SingleGraphDashboard(props: Props_41): JSX.Element;
+export declare function SingleGraphDashboard(props: Props_42): JSX.Element;
 
-export declare function SingleGraphDashboardFromConfig(props: Props_50): JSX.Element;
+export declare function SingleGraphDashboardFromConfig(props: Props_51): JSX.Element;
 
-export declare function SingleGraphDashboardGeoHubMaps(props: Props_42): JSX.Element;
+export declare function SingleGraphDashboardGeoHubMaps(props: Props_43): JSX.Element;
 
-export declare function SingleGraphDashboardGeoHubMapsFromConfig(props: Props_51): JSX.Element;
+export declare function SingleGraphDashboardGeoHubMapsFromConfig(props: Props_52): JSX.Element;
 
-export declare function SingleGraphDashboardThreeDGraphs(props: Props_43): JSX.Element;
+export declare function SingleGraphDashboardThreeDGraphs(props: Props_44): JSX.Element;
 
-export declare function SingleGraphDashboardThreeDGraphsFromConfig(props: Props_52): JSX.Element;
+export declare function SingleGraphDashboardThreeDGraphsFromConfig(props: Props_53): JSX.Element;
 
 export declare function SlopeChart(props: Props_22): JSX.Element;
 
@@ -8681,14 +8794,14 @@ declare interface StyleObject {
  */
 export declare function svgDownload(node: HTMLElement, filename: string): void;
 
-export declare function SVGDownloadButton(props: Props_56): JSX.Element;
+export declare function SVGDownloadButton(props: Props_57): JSX.Element;
 
 /** For using these maps you will have to install [`three`](https://threejs.org/manual/) and [react-globe.gl](https://www.npmjs.com/package/react-globe.gl) package to your project */
 export declare function ThreeDGlobe(props: Props_17): JSX.Element;
 
 declare type ThreeDGraphType = 'threeDGlobe';
 
-export declare function ThresholdColorLegendWithMouseOver(props: Props_62): JSX.Element;
+export declare function ThresholdColorLegendWithMouseOver(props: Props_63): JSX.Element;
 
 declare interface TimelineDataType {
     autoplay: boolean;
@@ -8914,6 +9027,8 @@ export declare function validateSettingsSchema(settings: any, graph: GraphType):
     err: string | undefined;
 }>;
 
+export declare function WaterfallChart(props: Props_36): JSX.Element;
+
 declare interface WsColInterface {
     wch: number;
 }