examples.ts

import BandSeriesChart from "../Examples/Charts2D/BasicChartTypes/BandSeriesChart";
import DigitalBandSeriesChart from "../Examples/Charts2D/BasicChartTypes/DigitalBandSeriesChart";
import FanChart from "../Examples/Charts2D/BasicChartTypes/FanChart";
import BubbleChart from "../Examples/Charts2D/BasicChartTypes/BubbleChart";
import CandlestickChart from "../Examples/Charts2D/BasicChartTypes/CandlestickChart";
import ColumnChart from "../Examples/Charts2D/BasicChartTypes/ColumnChart";
import ImpulseChart from "../Examples/Charts2D/BasicChartTypes/ImpulseChart";
import HeatmapChart from "../Examples/Charts2D/BasicChartTypes/HeatmapChart";
import ContourChart from "../Examples/Charts2D/BasicChartTypes/ContoursChart";
import LineChart from "../Examples/Charts2D/BasicChartTypes/LineChart";
import DigitalLineChart from "../Examples/Charts2D/BasicChartTypes/DigitalLineChart";
import MountainChart from "../Examples/Charts2D/BasicChartTypes/MountainChart";
import DigitalMountainChart from "../Examples/Charts2D/BasicChartTypes/DigitalMountainChart";
import ScatterChart from "../Examples/Charts2D/BasicChartTypes/ScatterChart";
import StackedColumnChart from "../Examples/Charts2D/BasicChartTypes/StackedColumnChart";
import StackedColumnSideBySide from "../Examples/Charts2D/BasicChartTypes/StackedColumnSideBySide";
import StackedMountainChart from "../Examples/Charts2D/BasicChartTypes/StackedMountainChart";
import DonutChart from "../Examples/Charts2D/BasicChartTypes/DonutChart";
import PieChart from "../Examples/Charts2D/BasicChartTypes/PieChart";
import RealtimeMountainChart from "../Examples/Charts2D/BasicChartTypes/RealTimeMountainChart";

import DataAnimation from "../Examples/Charts2D/Animations/DataAnimation";
import StyleAnimation from "../Examples/Charts2D/Animations/StyleAnimation";
import StartupAnimation from "../Examples/Charts2D/Animations/StartupAnimation";
import GenericAnimations from "../Examples/Charts2D/Animations/GenericAnimation";

import AnnotationsAreEasy from "../Examples/Charts2D/ChartAnnotations/AnnotationsAreEasy";
import EditableAnnotaions from "../Examples/Charts2D/ChartAnnotations/EditableAnnotations";
import TradeMarkers from "../Examples/Charts2D/ChartAnnotations/TradeMarkers";

import RealtimeGhostedTraces from "../Examples/FeaturedApps/PerformanceDemos/RealtimeGhostedTraces";

import MultiPaneStockCharts from "../Examples/Charts2D/CreateStockCharts/MultiPaneStockCharts";
import RealtimeTickingStockCharts from "../Examples/Charts2D/CreateStockCharts/RealtimeTickingStockCharts";

import ChartLegendsAPI from "../Examples/Charts2D/Legends/ChartLegendsAPI";

import MultipleXAxes from "../Examples/Charts2D/ModifyAxisBehavior/MultipleXAxes";
import SecondaryYAxes from "../Examples/Charts2D/ModifyAxisBehavior/SecondaryYAxes";
import VerticalCharts from "../Examples/Charts2D/ModifyAxisBehavior/VerticalCharts";
import CentralAxes from "../Examples/Charts2D/ModifyAxisBehavior/CentralAxes";
import VerticallyStackedAxes from "../Examples/Charts2D/ModifyAxisBehavior/VerticallyStackedAxes";
import LogarithmicAxisExample from "../Examples/Charts2D/ModifyAxisBehavior/LogarithmicAxis";
import DrawBehindAxes from "../Examples/Charts2D/ModifyAxisBehavior/DrawBehindAxes";

import UsePointMarkers from "../Examples/Charts2D/StylingAndTheming/UsePointMarkers";
import UsingThemeManager from "../Examples/Charts2D/StylingAndTheming/UsingThemeManager";
import CustomTheme from "../Examples/Charts2D/StylingAndTheming/CreateACustomTheme/";
import StylingInCode from "../Examples/Charts2D/StylingAndTheming/StylingInCode";
import PerPointColoring from "../Examples/Charts2D/StylingAndTheming/PerPointColoring";
import DashedLineStyling from "../Examples/Charts2D/StylingAndTheming/DashedLineStyling";
import TransparentBackground from "../Examples/Charts2D/StylingAndTheming/TransparentBackground";

import HitTestAPI from "../Examples/Charts2D/TooltipsAndHittest/HitTestAPI";
import UsingRolloverModifierTooltips from "../Examples/Charts2D/TooltipsAndHittest/UsingRolloverModifierTooltips";
import SeriesSelection from "../Examples/Charts2D/TooltipsAndHittest/SeriesSelection";
import UsingCursorModifierTooltips from "../Examples/Charts2D/TooltipsAndHittest/UsingCursorModifierTooltips";
import Bubble3DChart from "../Examples/Charts3D/Basic3DChartTypes/Bubble3DChart";

import Load500By500 from "../Examples/FeaturedApps/PerformanceDemos/Load500By500";
import RealtimePerformanceDemo from "../Examples/FeaturedApps/PerformanceDemos/RealtimePerformanceDemo";

import VitalSignsMonitorDemo from "../Examples/FeaturedApps/MedicalCharts/VitalSignsMonitorDemo";
import SurfaceMesh3DChart from "../Examples/Charts3D/Basic3DChartTypes/SurfaceMesh3DChart";

import LiDAR3DPointCloudDemo from "../Examples/FeaturedApps/ScientificCharts/LiDAR3DPointCloudDemo";

import { EXAMPLES_PAGES, TExamplePage } from "./examplePages";
import AudioAnalyzer from "../Examples/FeaturedApps/ScientificCharts/AudioAnalyzer";
import TenorCurves3DChart from "../Examples/FeaturedApps/ScientificCharts/TenorCurves3D";
import Load1MillionPointsChart from "../Examples/FeaturedApps/PerformanceDemos/Load1MillionPoints";
import DragAxisToScale from "../Examples/Charts2D/ZoomingAndPanning/DragAxisToScale";
import RealtimeZoomPan from "../Examples/Charts2D/ZoomingAndPanning/RealtimeZoomPan";
import MultipleZoomPanModifiers from "../Examples/Charts2D/ZoomingAndPanning/MultipleZoomPanModifiers";
import SplineLineChart from "../Examples/Charts2D/BasicChartTypes/SplineLineChart";
import SplineMountainChart from "../Examples/Charts2D/BasicChartTypes/SplineMountainChart";
import SplineBandSeriesChart from "../Examples/Charts2D/BasicChartTypes/SplineBandSeriesChart";
import DragHorizontalThreshold from "../Examples/Charts2D/ChartAnnotations/DragHorizontalThreshold";
import UsingMetaData from "../Examples/Charts2D/TooltipsAndHittest/MetaData";
import ChartFromJSON from "../Examples/BuilderApi/ChartFromJSON";
import BuilderSharedData from "../Examples/BuilderApi/SharedData";
import BuilderCustomTypes from "../Examples/BuilderApi/CustomTypes";
import BuilderSimpleChart from "../Examples/BuilderApi/SimpleChart";
import BuilderFullChart from "../Examples/BuilderApi/FullChart";
import MultiLineLabels from "../Examples/Charts2D/AxisLabelCustomization/MultiLineLabels";
import RotatedLabels from "../Examples/Charts2D/AxisLabelCustomization/RotatedLabels";
import ImageLabels from "../Examples/Charts2D/AxisLabelCustomization/ImageLabels";
import PercentageChange from "../Examples/Charts2D/Filters/PercentageChange";
import TrendMARatio from "../Examples/Charts2D/Filters/TrendMARatio";
import CustomFilters from "../Examples/Charts2D/Filters/CustomFilters";
import DatapointSelection from "../Examples/Charts2D/TooltipsAndHittest/DatapointSelection";
import Overview from "../Examples/Charts2D/ZoomingAndPanning/OverviewModifier";
import ErrorBarsChart from "../Examples/Charts2D/BasicChartTypes/ErrorBarsChart";
import NonUniformHeatmapChart from "../Examples/Charts2D/BasicChartTypes/NonUniformHeatmapChart";
import FeatureAxisTypes from "../Examples/FeaturedApps/FeatureDemos/AxisTypes";
import SubChartStockCharts from "../Examples/Charts2D/CreateStockCharts/SubChartStockCharts";
import FeatureAxisLayout from "../Examples/FeaturedApps/FeatureDemos/AxisLayout";
import RealtimeBigDataShowcase from "../Examples/FeaturedApps/ShowCases/WebsocketBigData";
import OilAndGasDashboardShowcase from "../Examples/FeaturedApps/ShowCases/OilAndGasDashboard";
import DataLabelsExample from "../Examples/Charts2D/StylingAndTheming/DataLabels";
import VirtualizedDataOverview from "../Examples/Charts2D/ZoomingAndPanning/VirtualizedDataWithOverview";
import HeatmapInteractions from "../Examples/FeaturedApps/ShowCases/HeatmapInteractions";
import DepthChart from "../Examples/Charts2D/CreateStockCharts/DepthChart";

export type TMenuItem = {
    item: {
        id: string;
        name: string;
    };
    submenu: TExamplePage[];
};

export const MENU_ITEMS_FEATURED_APPS_ID = "MENU_ITEMS_FEATURED_APPS_ID";
export const MENU_ITEMS_FEATURED_APPS: TMenuItem[] = [
    {
        item: { id: "featuredApps_performanceDemos", name: "Performance Demos & Showcases" },
        submenu: [
            EXAMPLES_PAGES.featuredApps_performanceDemos_RealtimePerformanceDemo,
            EXAMPLES_PAGES.featuredApps_performanceDemos_Load500By500,
            EXAMPLES_PAGES.featuredApps_performanceDemos_LoadOneMillionPoints,
            EXAMPLES_PAGES.featuredApps_performanceDemos_RealtimeGhostedTraces,
            EXAMPLES_PAGES.featuredApps_scientificCharts_AudioAnalyzerDemo,
            EXAMPLES_PAGES.featuredApps_showcases_oilandgasdashboard,
            EXAMPLES_PAGES.featuredApps_showcases_realtimebigdata,
            EXAMPLES_PAGES.featuredApps_showcases_richInteractions
        ]
    },
    {
        item: { id: "featuredApps_scientificCharts", name: "Scientific & Medical Charts" },
        submenu: [
            EXAMPLES_PAGES.featuredApps_medicalCharts_VitalSignsMonitorDemo,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_LogarithmicAxis,
            EXAMPLES_PAGES.featuredApps_scientificCharts_Lidar3DPointCloudDemo,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_VerticallyStackedAxes,
            EXAMPLES_PAGES.featuredApps_scientificCharts_AudioAnalyzerDemo,
        ]
    },
    {
        item: { id: "featuredApps_financialCharts", name: "Financial Charts" },
        submenu: [
            EXAMPLES_PAGES.chart2D_basicCharts_CandlestickChart,
            EXAMPLES_PAGES.chart2D_createStockCharts_RealtimeTickingStockCharts,
            EXAMPLES_PAGES.chart2D_createStockCharts_SubchartStockCharts,
            EXAMPLES_PAGES.featuredApps_scientificCharts_TenorCurvesDemo,
            EXAMPLES_PAGES.chart2D_createStockCharts_MultiPaneStockCharts,
            EXAMPLES_PAGES.chart2D_createStockCharts_DepthChart,
        ]
    },
];

export const MENU_ITEMS_2D_ID = "MENU_ITEMS_2D_ID";
export const MENU_ITEMS_2D: TMenuItem[] = [
    {
        item: { id: "chart2D_basicCharts", name: "JavaScript Chart Types" },
        submenu: [
            EXAMPLES_PAGES.chart2D_basicCharts_LineChart,
            EXAMPLES_PAGES.chart2D_basicCharts_SplineLineChart,
            EXAMPLES_PAGES.chart2D_basicCharts_DigitalLineChart,
            EXAMPLES_PAGES.chart2D_basicCharts_BandSeriesChart,
            EXAMPLES_PAGES.chart2D_basicCharts_SplineBandChart,
            EXAMPLES_PAGES.chart2D_basicCharts_DigitalBandSeriesChart,
            EXAMPLES_PAGES.chart2D_basicCharts_BubbleChart,
            EXAMPLES_PAGES.chart2D_basicCharts_CandlestickChart,
            EXAMPLES_PAGES.chart2D_basicCharts_ColumnChart,
            EXAMPLES_PAGES.chart2D_basicCharts_ErrorBarsChart,
            EXAMPLES_PAGES.chart2D_basicCharts_ImpulseChart,
            EXAMPLES_PAGES.chart2D_basicCharts_FanChart,
            EXAMPLES_PAGES.chart2D_basicCharts_HeatmapChart,
            EXAMPLES_PAGES.chart2D_basicCharts_NonUniformHeatmapChart,
            EXAMPLES_PAGES.chart2D_basicCharts_ContourChart,
            EXAMPLES_PAGES.chart2D_basicCharts_MountainChart,
            EXAMPLES_PAGES.chart2D_basicCharts_SplineMountainChart,
            EXAMPLES_PAGES.chart2D_basicCharts_DigitalMountainChart,
            EXAMPLES_PAGES.chart2D_basicCharts_RealtimeMountainChart,
            EXAMPLES_PAGES.chart2D_basicCharts_ScatterChart,
            EXAMPLES_PAGES.chart2D_basicCharts_StackedColumnChart,
            EXAMPLES_PAGES.chart2D_basicCharts_StackedColumnSideBySide,
            EXAMPLES_PAGES.chart2D_basicCharts_StackedMountainChart,
            EXAMPLES_PAGES.chart2D_basicCharts_PieChart,
            EXAMPLES_PAGES.chart2D_basicCharts_DonutChart,
        ]
    },
    {
        item: { id: "chart2D_chartAnnotations", name: "Chart Annotations" },
        submenu: [
            EXAMPLES_PAGES.chart2D_chartAnnotations_AnnotationsAreEasy,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_PerPointColoring,
            EXAMPLES_PAGES.chart2D_chartAnnotations_TradeMarkers,
            EXAMPLES_PAGES.chart2D_chartAnnotations_DragHorizontalThreshold,
            EXAMPLES_PAGES.chart2D_chartAnnotations_EditableAnntations,
        ]
    },
    {
        item: { id: "chart2D_legends", name: "Chart Legends" },
        submenu: [EXAMPLES_PAGES.chart2D_legends_ChartLegendsAPI]
    },
    {
        item: { id: "chart2D_modifyAxisBehavior", name: "Chart Axis APIs" },
        submenu: [
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_MultipleXAxes,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_SecondaryYAxes,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_VerticalCharts,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_CentralAxes,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_VerticallyStackedAxes,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_LogarithmicAxis,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_DrawBehindAxes,
            EXAMPLES_PAGES.featuredApps_featureDemos_axisTypes,
            EXAMPLES_PAGES.featuredApps_featureDemos_axisLayout,
        ]
    },
    {
        item: { id: "chart2D_axisLabelCustomization", name: "Axis Label Customization" },
        submenu: [
            EXAMPLES_PAGES.chart2D_axisLabelCustomization_MultiLineLabels,
            EXAMPLES_PAGES.chart2D_axisLabelCustomization_ImageLabels,
            EXAMPLES_PAGES.chart2D_axisLabelCustomization_RotatedLabels
        ]
    },
    {
        item: { id: "chart2D_stylingAndTheming", name: "Styling and Theming" },
        submenu: [
            EXAMPLES_PAGES.chart2D_stylingAndTheming_TransparentBackground,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_StylingInCode,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_UsingThemeManager,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_PerPointColoring,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_UsePointMarkers,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_DashedLineStyling,
            EXAMPLES_PAGES.chart2D_stylingAndTheming_DataLabels
        ]
    },
    {
        item: { id: "chart2D_tooltipsAndHittest", name: "Tooltips and Hit-Test" },
        submenu: [
            EXAMPLES_PAGES.chart2D_tooltipsAndHittest_HitTestApi,
            EXAMPLES_PAGES.chart2D_tooltipsAndHittest_UsingRolloverModifierTooltips,
            EXAMPLES_PAGES.chart2D_tooltipsAndHittest_UsingCursorModifierTooltips,
            EXAMPLES_PAGES.chart2D_tooltipsAndHittest_MetaData,
            EXAMPLES_PAGES.chart2D_tooltipsAndHittest_SeriesSelection,
            EXAMPLES_PAGES.chart2D_tooltipsAndHittest_DataPointSelection,
        ]
    },
    {
        item: { id: "chart2D_zoomingAndPanning", name: "Zoom and Pan a Chart" },
        submenu: [
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_MultipleXAxes,
            EXAMPLES_PAGES.chart2D_modifyAxisBehavior_SecondaryYAxes,
            EXAMPLES_PAGES.chart2D_zoomAndPanAChart_RealtimeZoomPan,
            EXAMPLES_PAGES.chart2D_zoomAndPanAChart_MultipleChartModifiers,
            EXAMPLES_PAGES.chart2D_zoomAndPanAChart_Overview,
            EXAMPLES_PAGES.chart2D_zoomAndPanAChart_VirtualizedDataOverview
        ]
    },
    {
        item: { id: "chart2D_filters", name: "Transforming Data with Filters" },
        submenu: [
            EXAMPLES_PAGES.chart2D_filters_TrendMARatio,
            EXAMPLES_PAGES.chart2D_filters_CustomFilters,
            EXAMPLES_PAGES.chart2D_filters_PercentageChange,
        ]
    },
    {
        item: { id: "animationApi", name: "Animation API" },
        submenu: [
            EXAMPLES_PAGES.chart2D_Animations_DataAnimation,
            EXAMPLES_PAGES.chart2D_Animations_StyleAnimation,
            EXAMPLES_PAGES.chart2D_Animations_StartupAnimation,
            EXAMPLES_PAGES.chart2D_Animations_GenericAnimation
        ]
    },
    {
        item: { id: "builderApi", name: "Builder (JSON / JS Objects) API" },
        submenu: [
            EXAMPLES_PAGES.builderApi_simplechart,
            EXAMPLES_PAGES.builderApi_fullchart,
            EXAMPLES_PAGES.builderApi_chartFromJSON,
            EXAMPLES_PAGES.builderApi_SharedData,
            EXAMPLES_PAGES.builderApi_CustomTypes
        ]
    },
];

export const MENU_ITEMS_3D_ID = "MENU_ITEMS_3D_ID";
export const MENU_ITEMS_3D: TMenuItem[] = [
    {
        item: { id: "chart3D_Basic3DChartTypes", name: "JavaScript 3D Chart Types" },
        submenu: [
            EXAMPLES_PAGES.chart3D_basic3DChartTypes_Bubble3DChart,
            EXAMPLES_PAGES.chart3D_basic3DChartTypes_SurfaceMesh3DChart,
            EXAMPLES_PAGES.featuredApps_scientificCharts_Lidar3DPointCloudDemo,
            EXAMPLES_PAGES.featuredApps_scientificCharts_TenorCurvesDemo,
        ]
    }
];

export const ALL_MENU_ITEMS = [...MENU_ITEMS_FEATURED_APPS, ...MENU_ITEMS_2D, ...MENU_ITEMS_3D];

export const getParentMenuIds = (exampleId: string): string[] => {
    const getSubmenuLevelIds = (menuItemsArr: TMenuItem[], id: string): string[] => {
        const res: string[] = [];
        menuItemsArr.forEach(item => {
            item.submenu.forEach(subItem => {
                if (subItem.id === id) {
                    res.push(item.item.id);
                }
            });
        });
        return res;
    };

    const resMenuLevel: string[] = [];

    const resSubmenuLevel2D = getSubmenuLevelIds(MENU_ITEMS_2D, exampleId);
    if (resSubmenuLevel2D.length > 0) {
        resMenuLevel.push(MENU_ITEMS_2D_ID);
    }

    const resSubmenuLevel3D = getSubmenuLevelIds(MENU_ITEMS_3D, exampleId);
    if (resSubmenuLevel3D.length > 0) {
        resMenuLevel.push(MENU_ITEMS_3D_ID);
    }

    const resSubmenuLevelFeaturedApps = getSubmenuLevelIds(MENU_ITEMS_FEATURED_APPS, exampleId);
    if (resSubmenuLevelFeaturedApps.length > 0) {
        resMenuLevel.push(MENU_ITEMS_FEATURED_APPS_ID);
    }

    return [
        ...resMenuLevel,
        ...resSubmenuLevel2D,
        ...resSubmenuLevel3D,
        ...resSubmenuLevelFeaturedApps,
    ];
};

export const getExampleComponent = (exampleId: string): (() => JSX.Element) => {
    switch (exampleId) {
        case EXAMPLES_PAGES.chart2D_Animations_DataAnimation.id:
            return DataAnimation;
        case EXAMPLES_PAGES.chart2D_Animations_StyleAnimation.id:
            return StyleAnimation;
        case EXAMPLES_PAGES.chart2D_Animations_StartupAnimation.id:
            return StartupAnimation;
        case EXAMPLES_PAGES.chart2D_Animations_GenericAnimation.id:
            return GenericAnimations;
        case EXAMPLES_PAGES.chart2D_basicCharts_BandSeriesChart.id:
            return BandSeriesChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_SplineBandChart.id:
            return SplineBandSeriesChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_DigitalBandSeriesChart.id:
            return DigitalBandSeriesChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_FanChart.id:
            return FanChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_BubbleChart.id:
            return BubbleChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_CandlestickChart.id:
            return CandlestickChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_ColumnChart.id:
            return ColumnChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_ErrorBarsChart.id:
            return ErrorBarsChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_ImpulseChart.id:
            return ImpulseChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_HeatmapChart.id:
            return HeatmapChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_NonUniformHeatmapChart.id:
            return NonUniformHeatmapChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_ContourChart.id:
            return ContourChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_LineChart.id:
            return LineChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_SplineLineChart.id:
            return SplineLineChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_DigitalLineChart.id:
            return DigitalLineChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_MountainChart.id:
            return MountainChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_SplineMountainChart.id:
            return SplineMountainChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_DigitalMountainChart.id:
            return DigitalMountainChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_RealtimeMountainChart.id:
            return RealtimeMountainChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_ScatterChart.id:
            return ScatterChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_DonutChart.id:
            return DonutChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_PieChart.id:
            return PieChart;
        case EXAMPLES_PAGES.chart2D_chartAnnotations_AnnotationsAreEasy.id:
            return AnnotationsAreEasy;
        case EXAMPLES_PAGES.chart2D_chartAnnotations_EditableAnntations.id:
            return EditableAnnotaions;
        case EXAMPLES_PAGES.chart2D_chartAnnotations_TradeMarkers.id:
            return TradeMarkers;
        case EXAMPLES_PAGES.chart2D_chartAnnotations_DragHorizontalThreshold.id:
            return DragHorizontalThreshold;
        case EXAMPLES_PAGES.featuredApps_performanceDemos_RealtimeGhostedTraces.id:
            return RealtimeGhostedTraces;
        case EXAMPLES_PAGES.chart2D_createStockCharts_MultiPaneStockCharts.id:
            return MultiPaneStockCharts;
        case EXAMPLES_PAGES.chart2D_createStockCharts_RealtimeTickingStockCharts.id:
            return RealtimeTickingStockCharts;
        case EXAMPLES_PAGES.chart2D_createStockCharts_SubchartStockCharts.id:
            return SubChartStockCharts;
        case EXAMPLES_PAGES.chart2D_createStockCharts_DepthChart.id:
            return DepthChart;
        case EXAMPLES_PAGES.chart2D_legends_ChartLegendsAPI.id:
            return ChartLegendsAPI;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_MultipleXAxes.id:
            return MultipleXAxes;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_SecondaryYAxes.id:
            return SecondaryYAxes;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_VerticalCharts.id:
            return VerticalCharts;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_CentralAxes.id:
            return CentralAxes;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_VerticallyStackedAxes.id:
            return VerticallyStackedAxes;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_LogarithmicAxis.id:
            return LogarithmicAxisExample;
        case EXAMPLES_PAGES.chart2D_modifyAxisBehavior_DrawBehindAxes.id:
            return DrawBehindAxes;
        case EXAMPLES_PAGES.chart2D_basicCharts_StackedColumnChart.id:
            return StackedColumnChart;
        case EXAMPLES_PAGES.chart2D_basicCharts_StackedColumnSideBySide.id:
            return StackedColumnSideBySide;
        case EXAMPLES_PAGES.chart2D_basicCharts_StackedMountainChart.id:
            return StackedMountainChart;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_UsePointMarkers.id:
            return UsePointMarkers;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_UsingThemeManager.id:
            return UsingThemeManager;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_CustomTheme.id:
            return CustomTheme;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_StylingInCode.id:
            return StylingInCode;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_PerPointColoring.id:
            return PerPointColoring;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_DashedLineStyling.id:
            return DashedLineStyling;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_TransparentBackground.id:
            return TransparentBackground;
        case EXAMPLES_PAGES.chart2D_stylingAndTheming_DataLabels.id:
            return DataLabelsExample;
        case EXAMPLES_PAGES.chart2D_tooltipsAndHittest_HitTestApi.id:
            return HitTestAPI;
        case EXAMPLES_PAGES.chart2D_tooltipsAndHittest_UsingRolloverModifierTooltips.id:
            return UsingRolloverModifierTooltips;
        case EXAMPLES_PAGES.chart2D_tooltipsAndHittest_SeriesSelection.id:
            return SeriesSelection;
        case EXAMPLES_PAGES.chart2D_tooltipsAndHittest_UsingCursorModifierTooltips.id:
            return UsingCursorModifierTooltips;
        case EXAMPLES_PAGES.chart2D_tooltipsAndHittest_MetaData.id:
            return UsingMetaData;
        case EXAMPLES_PAGES.chart2D_tooltipsAndHittest_DataPointSelection.id:
            return DatapointSelection;
        case EXAMPLES_PAGES.chart2D_zoomAndPanAChart_DragAxisToScale.id:
            return DragAxisToScale;
        case EXAMPLES_PAGES.chart2D_zoomAndPanAChart_RealtimeZoomPan.id:
            return RealtimeZoomPan;
        case EXAMPLES_PAGES.chart2D_zoomAndPanAChart_MultipleChartModifiers.id:
            return MultipleZoomPanModifiers;
        case EXAMPLES_PAGES.chart2D_zoomAndPanAChart_Overview.id:
            return Overview;
        case EXAMPLES_PAGES.chart2D_zoomAndPanAChart_VirtualizedDataOverview.id:
            return VirtualizedDataOverview;
        case EXAMPLES_PAGES.chart2D_axisLabelCustomization_MultiLineLabels.id:
            return MultiLineLabels;
        case EXAMPLES_PAGES.chart2D_axisLabelCustomization_RotatedLabels.id:
            return RotatedLabels;
        case EXAMPLES_PAGES.chart2D_axisLabelCustomization_ImageLabels.id:
            return ImageLabels;
        case EXAMPLES_PAGES.chart3D_basic3DChartTypes_Bubble3DChart.id:
            return Bubble3DChart;
        case EXAMPLES_PAGES.chart3D_basic3DChartTypes_SurfaceMesh3DChart.id:
            return SurfaceMesh3DChart;
        case EXAMPLES_PAGES.featuredApps_performanceDemos_Load500By500.id:
            return Load500By500;
        case EXAMPLES_PAGES.featuredApps_performanceDemos_RealtimePerformanceDemo.id:
            return RealtimePerformanceDemo;
        case EXAMPLES_PAGES.featuredApps_performanceDemos_LoadOneMillionPoints.id:
            return Load1MillionPointsChart;
        case EXAMPLES_PAGES.featuredApps_medicalCharts_VitalSignsMonitorDemo.id:
            return VitalSignsMonitorDemo;
        case EXAMPLES_PAGES.featuredApps_scientificCharts_Lidar3DPointCloudDemo.id:
            return LiDAR3DPointCloudDemo;
        case EXAMPLES_PAGES.featuredApps_scientificCharts_AudioAnalyzerDemo.id:
            return AudioAnalyzer;
        case EXAMPLES_PAGES.featuredApps_scientificCharts_TenorCurvesDemo.id:
            return TenorCurves3DChart;
        case EXAMPLES_PAGES.featuredApps_featureDemos_axisTypes.id:
            return FeatureAxisTypes;
        case EXAMPLES_PAGES.featuredApps_featureDemos_axisLayout.id:
            return FeatureAxisLayout;
        case EXAMPLES_PAGES.featuredApps_showcases_realtimebigdata.id:
            return RealtimeBigDataShowcase;
        case EXAMPLES_PAGES.featuredApps_showcases_oilandgasdashboard.id:
            return OilAndGasDashboardShowcase;
        case EXAMPLES_PAGES.featuredApps_showcases_richInteractions.id:
            return HeatmapInteractions;
        case EXAMPLES_PAGES.builderApi_simplechart.id:
            return BuilderSimpleChart;
        case EXAMPLES_PAGES.builderApi_fullchart.id:
            return BuilderFullChart;
        case EXAMPLES_PAGES.builderApi_chartFromJSON.id:
            return ChartFromJSON;
        case EXAMPLES_PAGES.builderApi_SharedData.id:
            return BuilderSharedData;
        case EXAMPLES_PAGES.builderApi_CustomTypes.id:
            return BuilderCustomTypes;
        case EXAMPLES_PAGES.chart2D_filters_PercentageChange.id:
            return PercentageChange;
        case EXAMPLES_PAGES.chart2D_filters_TrendMARatio.id:
            return TrendMARatio;
        case EXAMPLES_PAGES.chart2D_filters_CustomFilters.id:
            return CustomFilters;
        default:
            throw new Error("Ensure you update examples.ts getExampleComponent() to return an example");
    }
};