@hisptz/dhis2-analytics 1.0.6 → 1.0.8

package/build/types/components/ChartAnalytics/components/DownloadMenu/components/Menu.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ChartExportMenuItem } from "../interfaces/menu";
+export declare function ChartMenu({ menuRef, onClick, onClose, exclude, }: {
+    menuRef: HTMLDivElement;
+    onClick: (action: string) => void;
+    onClose: () => void;
+    exclude?: ChartExportMenuItem[];
+}): JSX.Element;

package/build/types/components/ChartAnalytics/components/DownloadMenu/constants/menu.d.ts

@@ -0,0 +1,7 @@
+export declare const chartMenuSections: {
+    name: string;
+    menuItems: {
+        name: string;
+        label: any;
+    }[];
+}[];

package/build/types/components/ChartAnalytics/components/DownloadMenu/index.d.ts

@@ -0,0 +1,9 @@
+import HighchartsReact from "highcharts-react-official";
+import React from "react";
+import { ChartExportMenuItem } from "./interfaces/menu";
+declare function ChartDownloadMenu({ chartRef, exclude, icon, }: {
+    chartRef: HighchartsReact.RefObject | null;
+    exclude?: ChartExportMenuItem[];
+    icon?: React.ReactNode;
+}): JSX.Element;
+export default ChartDownloadMenu;

package/build/types/components/ChartAnalytics/components/DownloadMenu/interfaces/menu.d.ts

@@ -0,0 +1 @@
+export type ChartExportMenuItem = "png" | "jpeg" | "svg" | "csv" | "pdf" | "table" | "full-screen";

package/build/types/components/ChartAnalytics/hooks/useChart.d.ts

@@ -0,0 +1,11 @@
+import type { Analytics } from "@hisptz/dhis2-utils";
+import HighCharts from "highcharts";
+import { ChartConfig, ChartType } from "../types/props";
+export declare function useChart({ id, analytics, config }: {
+    id: string;
+    analytics: Analytics;
+    config: ChartConfig;
+}): {
+    chart?: HighCharts.Options;
+    changeChartType: (type: ChartType) => void;
+};

package/build/types/components/ChartAnalytics/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import ChartDownloadMenu from "./components/DownloadMenu";
+import { ChartAnalyticsProps } from "./types/props";
+import "./styles/custom-highchart.css";
+export * from "./services/export";
+export { ChartDownloadMenu, ChartAnalyticsProps, };
+export declare const ChartAnalytics: React.FC<ChartAnalyticsProps>;

package/build/types/components/ChartAnalytics/models/column.d.ts

@@ -0,0 +1,12 @@
+import { PlotOptions, SeriesOptionsType, XAxisOptions } from "highcharts";
+import { DHIS2Chart } from "./index";
+export declare class DHIS2ColumnChart extends DHIS2Chart {
+    getCategories(): any[] | undefined;
+    getHighchartsType(): string;
+    getPlotOptions(): PlotOptions;
+    getSeries(): SeriesOptionsType[];
+    getXAxis(): XAxisOptions | undefined;
+}
+export declare class DHIS2StackedColumnChart extends DHIS2ColumnChart {
+    getPlotOptions(): PlotOptions;
+}

package/build/types/components/ChartAnalytics/models/index.d.ts

@@ -0,0 +1,17 @@
+import type { Analytics } from "@hisptz/dhis2-utils";
+import HighCharts from "highcharts";
+import { ChartConfig } from "../types/props";
+export declare abstract class DHIS2Chart {
+    id: string;
+    analytics: Analytics;
+    config: ChartConfig;
+    constructor(id: string, analytics: Analytics, config: ChartConfig);
+    abstract getHighchartsType(): string;
+    getChartConfig(): HighCharts.ChartOptions & any;
+    getOptions(): HighCharts.Options;
+    abstract getSeries(): HighCharts.SeriesOptionsType[];
+    abstract getPlotOptions(): HighCharts.PlotOptions;
+    abstract getXAxis(): HighCharts.XAxisOptions | undefined;
+    getYAxis(): HighCharts.YAxisOptions[];
+    getExporting(): HighCharts.ExportingOptions;
+}

package/build/types/components/ChartAnalytics/models/line.d.ts

@@ -0,0 +1,8 @@
+import { PlotOptions, SeriesOptionsType, XAxisOptions } from "highcharts";
+import { DHIS2Chart } from "./index";
+export declare class DHIS2LineChart extends DHIS2Chart {
+    getHighchartsType(): string;
+    getPlotOptions(): PlotOptions;
+    getSeries(): SeriesOptionsType[];
+    getXAxis(): XAxisOptions | undefined;
+}

package/build/types/components/ChartAnalytics/models/multi-series.d.ts

@@ -0,0 +1,9 @@
+import { PlotOptions, SeriesOptionsType, XAxisOptions, YAxisOptions } from "highcharts";
+import { DHIS2Chart } from "./index";
+export declare class DHIS2MultiSeriesChart extends DHIS2Chart {
+    getHighchartsType(): string;
+    getPlotOptions(): PlotOptions;
+    getSeries(): SeriesOptionsType[];
+    getXAxis(): XAxisOptions | undefined;
+    getYAxis(): YAxisOptions[];
+}

package/build/types/components/ChartAnalytics/models/pie.d.ts

@@ -0,0 +1,8 @@
+import { PlotOptions, SeriesOptionsType, XAxisOptions } from "highcharts";
+import { DHIS2Chart } from "./index";
+export declare class DHIS2PieChart extends DHIS2Chart {
+    getHighchartsType(): string;
+    getPlotOptions(): PlotOptions;
+    getSeries(): SeriesOptionsType[];
+    getXAxis(): XAxisOptions | undefined;
+}

package/build/types/components/ChartAnalytics/services/export.d.ts

@@ -0,0 +1,8 @@
+import Highcharts from "highcharts";
+import HighchartsReact from "highcharts-react-official";
+export declare function setupHighchartsModules(highcharts: typeof Highcharts): void;
+export declare function onFullScreenView(chartRef: HighchartsReact.RefObject, options?: Highcharts.Options): void;
+export declare function onPDFDownload(chartRef: HighchartsReact.RefObject, options?: Highcharts.Options): void;
+export declare function onCSVDownload(chartRef: HighchartsReact.RefObject, options?: Highcharts.Options): void;
+export declare const onImageDownload: (chartRef: HighchartsReact.RefObject, type: "png" | "svg+xml" | "jpeg", options?: Highcharts.Options) => void;
+export declare const onViewAsTable: (chartRef: HighchartsReact.RefObject, show: boolean) => void;

package/build/types/components/ChartAnalytics/types/props.d.ts

@@ -0,0 +1,43 @@
+import type { Analytics } from "@hisptz/dhis2-utils";
+import { DashStyleValue, YAxisOptions, YAxisPlotLinesLabelOptions } from "highcharts";
+export type ChartType = "column" | "pie" | "stacked-column" | "line" | "multi-series";
+export interface MultiSeriesConfig {
+    series?: Array<{
+        id: string;
+        as: "column" | "line";
+        cumulative?: boolean;
+        yAxis?: number;
+    }>;
+    yAxes?: Array<YAxisOptions>;
+    target?: TargetConfig;
+}
+export interface TargetConfig {
+    id: string;
+    value: number;
+    label?: YAxisPlotLinesLabelOptions;
+    styles: {
+        color?: string;
+        width?: number;
+        dashStyle?: DashStyleValue;
+        zIndex?: number;
+    };
+}
+export type ChartConfig = {
+    layout: {
+        series: Array<string>;
+        category: Array<string>;
+        filter: Array<string>;
+    };
+    type?: ChartType;
+    height?: number;
+    colors?: Array<string>;
+    name?: string;
+    allowChartTypeChange?: boolean;
+    highChartOverrides?: Record<string, any>;
+    multiSeries?: MultiSeriesConfig;
+};
+export type ChartAnalyticsProps = {
+    analytics: Analytics;
+    config: ChartConfig;
+    containerProps?: Record<string, any>;
+};

package/build/types/components/ChartAnalytics/utils/chart.d.ts

@@ -0,0 +1,15 @@
+import type { Analytics, AnalyticsHeader } from "@hisptz/dhis2-utils";
+import { DHIS2Chart } from "../models";
+import { ChartConfig, ChartType } from "../types/props";
+export declare function getDimensionHeaderIndex(headers: AnalyticsHeader[], name: string): number;
+export declare function getPointSeries(analytics: Analytics, config: ChartConfig, highchartsType: string): any;
+export declare function getColumnSeries(analytics: Analytics, header: AnalyticsHeader, config: ChartConfig, highchartsType: string): any;
+export declare function getAllCategories(analytics: Analytics, config: ChartConfig): string[];
+export declare function updateLayout(config: ChartConfig, { type }: {
+    type: ChartType;
+}): {
+    series: string[];
+    category: string[];
+    filter: string[];
+};
+export declare function getChartInstance(id: string, analytics: Analytics, config: ChartConfig): DHIS2Chart;

package/build/types/components/CircularProgressDashboard/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CircularDashboardProps } from "./types/props";
+export declare function CircularProgressDashboard({ numerator, size, denominator, value, textStyle, strokeStyle }: CircularDashboardProps): React.ReactElement;

package/build/types/components/CircularProgressDashboard/types/props.d.ts

@@ -0,0 +1,17 @@
+export type CircularDashboardProps = {
+    strokeStyle?: {
+        width?: number | string;
+        color?: string;
+        [key: string]: any;
+    };
+    textStyle?: {
+        color?: string;
+        fontSize?: number | string;
+        fontWeight?: number | string;
+        [key: string]: any;
+    };
+    value?: number;
+    numerator?: number;
+    denominator?: number;
+    size: string | number;
+};

package/build/types/components/Map/components/EarthEngineLayerConfiguration/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { EarthEngineLayerConfig } from "../MapLayer/interfaces";
+import { UseFormReturn } from "react-hook-form";
+export interface EarthEngineLayerConfigurationProps {
+    form: UseFormReturn<EarthEngineLayerConfig>;
+    excluded?: string[];
+    [key: string]: any;
+}
+export declare function EarthEngineLayerConfiguration({ form, excluded }: EarthEngineLayerConfigurationProps): JSX.Element;
+export interface EarthEngineLayerConfigModalProps {
+    open: boolean;
+    config?: EarthEngineLayerConfig;
+    exclude?: string[];
+    onClose: () => void;
+    onChange: (config: EarthEngineLayerConfig) => void;
+}
+export declare function EarthEngineLayerConfigModal({ open, exclude, config, onClose, onChange, ...props }: EarthEngineLayerConfigModalProps): JSX.Element;

package/build/types/components/Map/components/MapArea/index.d.ts

@@ -0,0 +1,5 @@
+import { Map as LeafletMap } from "leaflet";
+import React from "react";
+import { MapAreaProps } from "./interfaces";
+declare const _default: React.ForwardRefExoticComponent<MapAreaProps & React.RefAttributes<LeafletMap>>;
+export default _default;

package/build/types/components/Map/components/MapArea/interfaces/index.d.ts

@@ -0,0 +1,30 @@
+import { ControlPosition } from "leaflet";
+import type { MapContainerProps } from "react-leaflet";
+import { CustomBoundaryLayer, CustomPointLayer, EarthEngineLayerConfig, ThematicLayerConfig } from "../../MapLayer/interfaces";
+export interface MapControls {
+    position: ControlPosition;
+    type: "zoom" | "rotate" | "fullscreen" | "compass" | "scale" | "print";
+    options?: Record<string, any>;
+}
+export interface MapLegendConfig {
+    enabled: boolean;
+    position: ControlPosition;
+    collapsible: boolean;
+}
+export interface MapLayerConfig {
+    thematicLayers?: ThematicLayerConfig[];
+    boundaryLayers?: CustomBoundaryLayer[];
+    pointLayers?: CustomPointLayer[];
+    earthEngineLayers?: EarthEngineLayerConfig[];
+}
+export interface MapAreaProps {
+    base?: {
+        url: string;
+        attribution: string;
+    };
+    controls?: MapControls[];
+    mapOptions?: MapContainerProps;
+    legends?: MapLegendConfig;
+    layers: MapLayerConfig;
+    key?: string;
+}

package/build/types/components/Map/components/MapControls/components/CustomControl/index.d.ts

@@ -0,0 +1,7 @@
+import { ControlOptions } from "leaflet";
+import React from "react";
+interface CustomControlOptions extends ControlOptions {
+    children: React.ReactNode;
+}
+export declare function CustomControl({ children, position, ...options }: CustomControlOptions): JSX.Element;
+export {};

package/build/types/components/Map/components/MapControls/components/DownloadControl/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ControlPosition } from "leaflet";
+import "leaflet-easyprint";
+export default function DownloadControl({ options, position, mapId }: {
+    options: any;
+    position: ControlPosition;
+    mapId: string;
+}): JSX.Element;

package/build/types/components/Map/components/MapControls/components/FullscreenControl/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "leaflet.fullscreen";
+import "leaflet.fullscreen/Control.FullScreen.css";
+declare const FullscreenControl: import("react").ForwardRefExoticComponent<import("leaflet").ControlOptions & import("react").RefAttributes<any>>;
+export default FullscreenControl;

package/build/types/components/Map/components/MapControls/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MapControls } from "../MapArea/interfaces";
+export interface MapControlProps extends MapControls {
+    mapId: string;
+}
+export default function MapControl({ type, options, position, mapId }: MapControlProps): JSX.Element | null;

package/build/types/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.d.ts

@@ -0,0 +1 @@
+export declare function useBoundaryData(): import("../../../../..").MapOrgUnit[] | undefined;

package/build/types/components/Map/components/MapLayer/components/BoundaryLayer/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CustomBoundaryLayer as BoundaryLayerInterface } from "../../interfaces";
+export declare const defaultStyle: {
+    weight: number;
+    color: any;
+    fillColor: any;
+    fillOpacity: number;
+};
+export declare const highlightStyle: {
+    weight: number;
+    color: any;
+    dashArray: string;
+    fillOpacity: number;
+};
+export default function BoundaryLayer(props: BoundaryLayerInterface): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { CustomGoogleEngineLayer } from "../../../interfaces";
+export declare function LegendItem({ legend }: {
+    legend: {
+        min: number;
+        max: number;
+        color: string;
+        name?: string;
+    };
+}): JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<{
+    layer: CustomGoogleEngineLayer;
+    collapsible?: boolean | undefined;
+    onCollapse?: (() => void) | undefined;
+    name: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/constants/index.d.ts

@@ -0,0 +1,4 @@
+import { EarthEngineOptions } from "../interfaces";
+export declare const EARTH_ENGINE_LAYER = "earthEngine";
+export declare const EARTH_ENGINE_LAYERS: EarthEngineOptions[];
+export declare const SUPPORTED_EARTH_ENGINE_LAYERS: string[];

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/hooks/index.d.ts

@@ -0,0 +1,9 @@
+import { CustomGoogleEngineLayer } from "../../../interfaces";
+import { EarthEngineToken } from "../interfaces";
+export declare function useGoogleEngineToken(): {
+    refresh: () => Promise<{
+        token: EarthEngineToken;
+    }>;
+    loading: boolean;
+};
+export default function useGoogleEngineLayer(layerId: string): CustomGoogleEngineLayer | undefined;

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export default function GoogleEngineLayer({ layerId }: {
+    layerId: string;
+}): JSX.Element | null;

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/interfaces/index.d.ts

@@ -0,0 +1,58 @@
+import { MapOrgUnit } from "../../../../../interfaces";
+export interface EarthEngineToken {
+    access_token: string;
+    client_id: string;
+    expires_in: number;
+}
+export type RefreshToken = () => Promise<{
+    token: EarthEngineToken;
+}>;
+export type DatasetType = "Image" | "ImageCollection" | "Feature" | "FeatureCollection";
+export interface EarthEngineOptions {
+    layer: "earthEngine";
+    type: DatasetType;
+    id: string;
+    datasetId: string;
+    name: string;
+    unit?: string;
+    description: string;
+    source: string;
+    sourceUrl: string;
+    img: string;
+    defaultAggregations?: string[];
+    maxAggregations?: number;
+    periodType?: string;
+    filters?: string[];
+    legend?: {
+        items: {
+            id: number;
+            name: string;
+            color: string;
+        }[];
+    };
+    legacy?: boolean;
+    mosaic?: boolean;
+    bands?: {
+        id: string;
+        name: any;
+        multiple?: boolean;
+    }[];
+    mask?: boolean;
+    selectedBands?: string[];
+    params?: {
+        min: number;
+        max: number;
+        palette: string;
+    };
+    opacity: number;
+    notice?: string;
+    error?: string;
+    tokenType: "Bearer";
+    aggregations?: string[];
+    tileScale?: number;
+    methods?: Record<string, any>;
+}
+export interface GoogleEngineComponentProps {
+    options: EarthEngineOptions;
+    orgUnits: MapOrgUnit[];
+}

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/services/api.d.ts

@@ -0,0 +1 @@
+export const AbstractOverlay: Function;

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/services/engine.d.ts

@@ -0,0 +1,55 @@
+import { MapOrgUnit } from "../../../../../interfaces";
+import { EarthEngineOptions, EarthEngineToken, RefreshToken } from "../interfaces";
+export declare class EarthEngine {
+    token?: EarthEngineToken;
+    options: EarthEngineOptions;
+    refresh?: RefreshToken;
+    orgUnits?: MapOrgUnit[];
+    initialized: boolean;
+    period?: string | string[];
+    instance: any;
+    scale?: any;
+    image: any;
+    aggregationData: any;
+    constructor({ options }: {
+        options: EarthEngineOptions;
+    });
+    static setToken(token: EarthEngineToken, refresh: RefreshToken): Promise<void>;
+    setOrgUnits(orgUnits: MapOrgUnit[]): EarthEngine;
+    setPeriod(period: string): void;
+    getValue(geoJSON: any, type: string): Promise<unknown>;
+    getPeriod(): Promise<unknown>;
+    info(): Promise<unknown>;
+    getScale(): Promise<void>;
+    getFeatureCollectionAggregation(): Promise<any>;
+    getHistogramAggregations(): Promise<{
+        orgUnit: MapOrgUnit | undefined;
+        data: any;
+    }[]>;
+    getAggregations(): Promise<void>;
+    getAggregation(orgUnit: MapOrgUnit): any;
+    url(): Promise<string>;
+    protected applyPeriod(imageCollection: any): any;
+    protected applyMask(image: any): any;
+    protected applyBand(imageCollection: any): any;
+    protected getReducerByType(type: string): any;
+    protected getGeometryByType(geoJSON: any): any;
+    protected getFeatureByType(geoJSON: any): any;
+    protected getFeatureCollection(): unknown;
+    protected getParamsFromLegend(): {
+        min: number;
+        max: number;
+        palette: string;
+    } | undefined;
+    protected visualize(image: any): Promise<string>;
+    protected getImageCollectionInstance(): any;
+    protected getImageFromImageCollection(): any;
+    protected getImageInstance(): any;
+    protected getImageFromImage(): any;
+    protected getFeatureInstance(): any;
+    protected getImageFromFeature(): any;
+    protected getFeatureCollectionInstance(): any;
+    protected getImageFromFeatureCollection(): any;
+    protected getInstance(): void;
+    protected getImage(): any;
+}

package/build/types/components/Map/components/MapLayer/components/GoogleEngineLayer/utils/index.d.ts

@@ -0,0 +1,20 @@
+import { EarthEngineOptions } from "../interfaces";
+export declare const combineReducers: (ee: any) => (types: string[]) => any;
+export declare const getInfo: (instance: any) => Promise<unknown>;
+export declare const getFeatureCollectionProperties: (data: any) => any;
+export declare const getScale: (image: any) => Promise<any>;
+export declare const getClassifiedImage: (eeImage: any, { legend: legends, params }: EarthEngineOptions) => {
+    eeImage: any;
+    params: {
+        min: number;
+        max: number;
+        palette: string;
+    };
+};
+export declare const hasClasses: (type: string) => boolean;
+export declare const getHistogramStatistics: ({ data, scale, aggregationType, legend }: {
+    data: any;
+    scale: any;
+    aggregationType: string;
+    legend: any;
+}) => any;

package/build/types/components/Map/components/MapLayer/components/LegendArea/components/LegendCardHeader/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function LegendCardHeader({ title, collapsible, onCollapse }: {
+    title: string;
+    onCollapse?: () => void;
+    collapsible?: boolean;
+}): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/LegendArea/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ControlPosition } from "leaflet";
+import { MapLegendConfig } from "../../../MapArea/interfaces";
+import { CustomGoogleEngineLayer, CustomPointLayer, CustomThematicLayer } from "../../interfaces";
+export default function LegendArea({ layers, legends: legendConfig, }: {
+    layers: Array<CustomThematicLayer | CustomPointLayer | CustomGoogleEngineLayer>;
+    position: ControlPosition;
+    legends?: MapLegendConfig;
+}): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/PointLayer/components/PointLegend/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/build/types/components/Map/components/MapLayer/components/PointLayer/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import { CustomPointLayer } from "../../../interfaces";
+export declare function usePointLayer(): CustomPointLayer;

package/build/types/components/Map/components/MapLayer/components/PointLayer/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function PointLayer(): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubble.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface BubbleProps {
+    radius: number;
+    maxRadius: number;
+    text?: string;
+    textAlign?: "left" | "right";
+    color?: string;
+    stroke?: string;
+    pattern?: string;
+    gap?: number;
+}
+declare const Bubble: ({ radius, maxRadius, text, textAlign, color, stroke, pattern }: BubbleProps) => JSX.Element;
+export default Bubble;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/components/Bubbles.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const guideLength = 16;
+export declare const textPadding = 4;
+declare const _default: React.MemoExoticComponent<({ radiusLow, radiusHigh, color, classes }: {
+    radiusLow: number;
+    radiusHigh: number;
+    color?: string | undefined;
+    classes: any[];
+}) => JSX.Element | null>;
+export default _default;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/components/BubbleLegend/index.d.ts

@@ -0,0 +1,16 @@
+import type { Legend } from "@hisptz/dhis2-utils";
+import React from "react";
+import { ThematicLayerData, ThematicLayerDataItem } from "../../../../../../interfaces";
+declare const _default: React.ForwardRefExoticComponent<{
+    radius: {
+        min: number;
+        max: number;
+    };
+    dataItem: ThematicLayerDataItem;
+    data: ThematicLayerData[];
+    name?: string | undefined;
+    collapsible?: boolean | undefined;
+    onCollapse?: (() => void) | undefined;
+    legends: Legend[];
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/Bubble/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Legend } from "@hisptz/dhis2-utils";
+import { ThematicLayerData } from "../../../../interfaces";
+export default function Bubble({ data, highestData, legends, radius, }: {
+    data: ThematicLayerData;
+    highestData: number;
+    legends: Legend[];
+    radius?: {
+        min: number;
+        max: number;
+    };
+}): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/components/ChoroplethLegend.d.ts

@@ -0,0 +1,21 @@
+import "../../../styles/legends.css";
+import type { Legend } from "@hisptz/dhis2-utils";
+import React from "react";
+import { ThematicLayerData, ThematicLayerDataItem } from "../../../../../interfaces";
+export declare function LegendItem({ legend, value }: {
+    legend: {
+        startValue: number;
+        endValue: number;
+        color: string;
+    };
+    value: number;
+}): JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<{
+    data: ThematicLayerData[];
+    dataItem: ThematicLayerDataItem;
+    name?: string | undefined;
+    collapsible?: boolean | undefined;
+    onCollapse?: (() => void) | undefined;
+    legends: Legend[];
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Legend } from "@hisptz/dhis2-utils";
+import { MapOrgUnit } from "../../../../../../interfaces";
+import { ThematicLayerDataItem } from "../../../../interfaces";
+export default function Choropleth({ data, legends }: {
+    data: {
+        orgUnit: MapOrgUnit;
+        data?: number;
+        dataItem: ThematicLayerDataItem;
+    };
+    legends: Legend[];
+}): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/components/CustomTooltip/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ThematicLayerData } from "../../../../interfaces";
+export default function CustomTooltip({ data: dataObject }: {
+    data: ThematicLayerData;
+}): JSX.Element;

package/build/types/components/Map/components/MapLayer/components/ThematicLayer/hooks/config.d.ts

@@ -0,0 +1,2 @@
+import { CustomThematicLayer } from "../../../interfaces";
+export default function useThematicLayer(layerId: string): CustomThematicLayer | undefined;