@hisptz/dhis2-analytics 1.0.6 → 1.0.8

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CustomBoundaryLayer, CustomGoogleEngineLayer, CustomPointLayer, CustomThematicLayer } from "./interfaces";
+export default function MapLayer({ layer, index, }: {
+    layer: CustomThematicLayer | CustomBoundaryLayer | CustomPointLayer | CustomGoogleEngineLayer;
+    index: number;
+}): JSX.Element | null;

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

@@ -0,0 +1,123 @@
+import type { Legend } from "@hisptz/dhis2-utils";
+import { MapOrgUnit, PointOrgUnit } from "../../../interfaces";
+import { LegendColorScale } from "../../../utils/colors";
+import { EarthEngineOptions } from "../components/GoogleEngineLayer/interfaces";
+import { EarthEngine } from "../components/GoogleEngineLayer/services/engine";
+export type BoundaryLayerType = "basemap" | "overlay";
+export type ThematicLayerType = "choropleth" | "bubble";
+export declare const SUPPORTED_EARTH_ENGINE_LAYERS: string[];
+export type GoogleEngineLayerType = "population" | "footprints" | "elevation" | "landCover";
+export interface CustomBoundaryLayer extends CustomMapLayer {
+    id: string;
+    type: BoundaryLayerType;
+    enabled: boolean;
+}
+export interface EarthEngineLayerConfig extends CustomMapLayer {
+    type: GoogleEngineLayerType;
+    aggregations?: string[];
+    name?: string;
+    filters?: {
+        period: string;
+    };
+    params?: {
+        min: number;
+        max: number;
+        palette?: string;
+    };
+}
+export interface CustomGoogleEngineLayer extends CustomMapLayer {
+    type: GoogleEngineLayerType;
+    options: EarthEngineOptions;
+    aggregations?: string[];
+    name: string;
+    url: string;
+    engine?: EarthEngine;
+}
+export interface CustomPointLayer extends CustomMapLayer {
+    id: string;
+    type: "point";
+    label?: string;
+    level?: string | number;
+    group?: string;
+    style?: {
+        icon?: string;
+        groupSet?: string;
+        orgUnitGroups?: Array<{
+            name: string;
+            symbol: string;
+        }>;
+    };
+    points?: Array<PointOrgUnit>;
+}
+export type DataItemType = "dataElement" | "indicator" | "programIndicator";
+export interface ThematicLayerDataItem {
+    id: string;
+    displayName: string;
+    type: DataItemType;
+    legendSet?: string;
+    legendConfig?: {
+        colorClass: LegendColorScale;
+        scale: number;
+    };
+}
+export interface ThematicLayerControl {
+    position: "topleft" | "topright" | "bottomleft" | "bottomright";
+    enabled: boolean;
+}
+export interface ThematicLayerData {
+    orgUnit: MapOrgUnit;
+    data?: number;
+    dataItem: ThematicLayerDataItem;
+}
+export interface ThematicLayerRawData {
+    orgUnit: string;
+    data?: number;
+    dataItem: string;
+}
+export interface CustomChoroplethLayer extends CustomMapLayer {
+    enabled: boolean;
+    name?: string;
+    data: ThematicLayerData[];
+    dataItem: ThematicLayerDataItem;
+    type: "choropleth";
+    control?: ThematicLayerControl;
+    legends?: Legend[];
+}
+export interface CustomBubbleLayer extends CustomMapLayer {
+    enabled: boolean;
+    name?: string;
+    data: ThematicLayerData[];
+    dataItem: ThematicLayerDataItem;
+    type: "bubble";
+    control?: ThematicLayerControl;
+    legends?: Legend[];
+    radius?: {
+        min: number;
+        max: number;
+    };
+}
+export type CustomThematicLayer = CustomBubbleLayer | CustomChoroplethLayer;
+export interface ThematicLayerConfig {
+    id: string;
+    data?: ThematicLayerRawData[];
+    enabled: boolean;
+    name?: string;
+    dataItem: ThematicLayerDataItem;
+    type: ThematicLayerType;
+    control?: ThematicLayerControl;
+    radius?: {
+        min: number;
+        max: number;
+    };
+}
+export interface CustomMapLayer {
+    id: string;
+    type: string;
+    enabled: boolean;
+}
+export type MapLayer = CustomBoundaryLayer | ThematicLayerConfig | CustomPointLayer | CustomGoogleEngineLayer;
+export interface MapLayerProps {
+    enabled: boolean;
+    type: "boundary" | "thematic" | "external" | "point" | "earthEngine";
+    layer: MapLayer;
+}

package/build/types/components/Map/components/MapProvider/components/MapLayerProvider/hooks/index.d.ts

@@ -0,0 +1,9 @@
+import { CustomGoogleEngineLayer, CustomPointLayer, EarthEngineLayerConfig } from "../../../../MapLayer/interfaces";
+export declare function useThematicLayers(): any;
+export declare function usePointLayer(): {
+    loading: boolean;
+    sanitizeLayer: (layer: CustomPointLayer) => Promise<CustomPointLayer | undefined>;
+};
+export declare function useGoogleEngineLayers(): {
+    sanitizeLayers: (layers: EarthEngineLayerConfig[]) => Promise<CustomGoogleEngineLayer[]>;
+};

package/build/types/components/Map/components/MapProvider/components/MapLayerProvider/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { MapLayerConfig } from "../../../MapArea/interfaces";
+export declare function MapLayersProvider({ layers, children }: {
+    layers: MapLayerConfig;
+    children: React.ReactNode;
+}): JSX.Element;

package/build/types/components/Map/components/MapProvider/hooks/index.d.ts

@@ -0,0 +1,15 @@
+export declare function useMapOrganisationUnit(): {
+    orgUnitSelection: import("@hisptz/dhis2-utils").OrgUnitSelection;
+    orgUnits?: import("../../..").MapOrgUnit[] | undefined;
+};
+export declare function useMapPeriods(): {
+    periods?: import("@hisptz/dhis2-utils").BasePeriod[] | undefined;
+    range?: {
+        start: Date;
+        end: Date;
+    } | undefined;
+} | undefined;
+export declare function useMapLayers(): {
+    layers: import("../../MapLayer/interfaces").CustomMapLayer[];
+    updateLayer: (id: string, updatedLayer: import("../../MapLayer/interfaces").CustomMapLayer) => void;
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MapProviderProps } from "../../interfaces";
+export declare function MapProvider({ children, orgUnitSelection, periodSelection }: MapProviderProps): JSX.Element | null;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { LatLngTuple } from "leaflet";
+export default function MapUpdater({ bounds }: {
+    bounds: LatLngTuple[];
+}): JSX.Element;

package/build/types/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/components/ColorScale/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const ColorScale: ({ scale, bins, width, onClick }: {
+    scale: string;
+    bins: number;
+    width: number;
+    onClick: (scale: string) => void;
+}) => JSX.Element;
+export default ColorScale;

package/build/types/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/constants/colors.d.ts

@@ -0,0 +1,419 @@
+export declare const COLOR_PALETTES: {
+    YlGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlGnBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    GnBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    BuGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuBuGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    BuPu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    RdPu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuRd: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    OrRd: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlOrRd: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlOrBr: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Purples: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Blues: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Greens: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Oranges: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Reds: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Greys: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuOr: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    BrBG: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    PRGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    PiYG: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdGy: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdYlBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    Spectral: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdYlGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    Accent: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Dark2: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Paired: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+        12: string[];
+    };
+    Pastel1: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Pastel2: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Set1: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Set2: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Set3: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+        12: string[];
+    };
+    YlOrBr_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Reds_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlGn_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Greens_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Blues_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    BuPu_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    RdPu_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuRd_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Greys_reverse: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+};
+export declare const qualitativeColors: string[];

package/build/types/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const ColorScaleSelect: ({ colorClass, count, width, onChange, className, }: {
+    className?: string | undefined;
+    count: number;
+    width: number;
+    onChange: (palette: string) => void;
+    colorClass: string;
+}) => JSX.Element;
+export default ColorScaleSelect;

package/build/types/components/Map/components/ThematicLayerConfiguration/components/ColorScaleSelect/utils/colors.d.ts

@@ -0,0 +1,11 @@
+export declare const getColorPalette: (scale: string, classes: number) => any;
+export declare const getColorScale: (palette: string) => string | undefined;
+export declare const defaultColorScaleName = "YlOrBr";
+export declare const defaultClasses = 5;
+export declare const defaultColorScale: any;
+export declare const cssColor: (color: any) => any;
+export declare const getUniqueColor: (defaultColors: any) => (index: number) => any;
+export declare const isDarkColor: (color: string) => boolean;
+export declare const getContrastColor: (color: string) => "#fff" | "#000";
+export type LegendColorScale = typeof colorScales[number];
+export declare const colorScales: string[];

package/build/types/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.d.ts

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

package/build/types/components/Map/components/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function IndicatorSelectorModal({ onUpdate, onClose, hide, selected, disabled, ...props }: {
+    onUpdate: (data: any) => void;
+    onClose: () => void;
+    hide: boolean;
+    selected: any;
+    disabled?: string[];
+}): JSX.Element;

package/build/types/components/Map/components/ThematicLayerConfiguration/components/LegendSetSelector/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function LegendSetSelector({ selected, onChange, error, required, ...props }: {
+    selected?: string;
+    onChange: (value: string) => void;
+    error?: {
+        message?: string;
+    };
+    required?: boolean;
+}): JSX.Element;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { UseFormReturn } from "react-hook-form";
+import { ThematicLayerConfig } from "../MapLayer/interfaces";
+export interface ThematicLayerConfigurationProps {
+    exclude?: string[];
+    form: UseFormReturn<ThematicLayerConfig>;
+    [key: string]: any;
+}
+export declare function RadiusField(): JSX.Element;
+export declare function ThematicLayerConfiguration({ exclude, form }: ThematicLayerConfigurationProps): JSX.Element;
+export interface ThematicLayerConfigModalProps {
+    open: boolean;
+    config?: ThematicLayerConfig;
+    exclude?: string[];
+    onClose: () => void;
+    onChange: (config: ThematicLayerConfig) => void;
+}
+export declare function ThematicLayerConfigModal({ open, exclude, config, onClose, onChange, ...props }: ThematicLayerConfigModalProps): JSX.Element;