@hisptz/dhis2-analytics 1.0.66 → 2.0.0-alpha.0

package/dist/types/components/SingleValueContainer/types/props.d.ts

@@ -0,0 +1,17 @@
+export type SingleValueVisualizerProps = {
+    title: string;
+    singleValueItems: Array<SingleValue>;
+    animationDuration?: number;
+    animationDelay?: number;
+};
+export type SingleValueContainerProps = SingleValueVisualizerProps;
+export type SingleValue = {
+    label: string;
+    value: number;
+    percentage?: number;
+    decimalPlaces?: number;
+    color?: string;
+    animationDuration?: number;
+    animationDelay?: number;
+};
+//# sourceMappingURL=props.d.ts.map

package/dist/types/components/SingleValueContainer/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/SingleValueContainer/types/props.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/types/components/Visualization/components/AnalyticsDataProvider/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Analytics } from "@hisptz/dhis2-utils";
+export interface DataProviderProps {
+    children: React.ReactNode;
+}
+export declare function useAnalyticsData(): {
+    loading: boolean;
+    analytics: Analytics;
+};
+export declare function AnalyticsDataProvider({ children }: DataProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/AnalyticsDataProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/AnalyticsDataProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAsB,MAAM,qBAAqB,CAAC;AAuBpE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,gBAAgB;;;EAE/B;AAED,wBAAgB,qBAAqB,CAAC,EAAC,QAAQ,EAAC,EAAE,iBAAiB,2CAkDlE"}

package/dist/types/components/Visualization/components/DimensionsProvider/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { AnalyticsDimension } from "@hisptz/dhis2-utils";
+export type Dimension = "ou" | "pe" | "dx" | "co";
+export type DimensionUpdater = (data: {
+    dimension: Dimension;
+    value: string[];
+}) => void;
+export declare const DimensionState: React.Context<AnalyticsDimension>;
+export declare const DimensionUpdateState: React.Context<DimensionUpdater | undefined>;
+export interface DimensionProviderProps {
+    children: React.ReactNode;
+    dimensions: AnalyticsDimension;
+}
+export declare function useDimensions(): [AnalyticsDimension, DimensionUpdater];
+export declare function DimensionsProvider({ children, dimensions }: DimensionProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/DimensionsProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/DimensionsProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE;IAAE,SAAS,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,KAAK,IAAI,CAAA;AACxF,eAAO,MAAM,cAAc,mCAIzB,CAAA;AACF,eAAO,MAAM,oBAAoB,6CAAyD,CAAC;AAS3F,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,kBAAkB,CAAA;CACjC;AAED,wBAAgB,aAAa,2CAK5B;AAED,wBAAgB,kBAAkB,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,sBAAsB,2CAehF"}

package/dist/types/components/Visualization/components/LayoutProvider/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Dimension } from "../DimensionsProvider";
+export interface Layout {
+    rows: Dimension[];
+    columns: Dimension[];
+    filters: Dimension[];
+}
+export interface LayoutProviderProps {
+    children: React.ReactNode;
+    defaultLayout: Layout;
+}
+export declare const LayoutState: React.Context<Layout | undefined>;
+export declare function useLayout(): Layout[];
+export declare function LayoutProvider({ defaultLayout, children }: LayoutProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/LayoutProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/LayoutProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,MAAM;IACtB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,WAAW,mCAA+C,CAAC;AAGxE,wBAAgB,SAAS,aAKxB;AAED,wBAAgB,cAAc,CAAC,EAAC,aAAa,EAAE,QAAQ,EAAC,EAAE,mBAAmB,2CAQ5E"}

package/dist/types/components/Visualization/components/VisualizationDimensionSelector/index.d.ts

@@ -0,0 +1,5 @@
+export declare function VisualizationDimensionSelector({ showPeriodSelector, showOrgUnitSelector, }: {
+    showPeriodSelector?: boolean;
+    showOrgUnitSelector?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/VisualizationDimensionSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/VisualizationDimensionSelector/index.tsx"],"names":[],"mappings":"AASA,wBAAgB,8BAA8B,CAAC,EAC9C,kBAAkB,EAClB,mBAAmB,GACnB,EAAE;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,2CAsEA"}

package/dist/types/components/Visualization/components/VisualizationProvider/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Layout } from "../LayoutProvider";
+import { AnalyticsDimension } from "@hisptz/dhis2-utils";
+import { VisualizationType } from "../VisualizationTypeProvider";
+import { VisualizationConfig } from "../../index";
+export interface VisualizationProviderProps {
+    children: React.ReactNode;
+    layout: Layout;
+    dimensions: AnalyticsDimension;
+    type: VisualizationType;
+    config: VisualizationConfig;
+}
+export declare function VisualizationProvider({ layout, dimensions, children, type, config }: VisualizationProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/VisualizationProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/VisualizationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAkB,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EACN,iBAAiB,EAEjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,kBAAkB,CAAC;IAC/B,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,mBAAmB,CAAC;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,EAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,EAAE,0BAA0B,2CAa7G"}

package/dist/types/components/Visualization/components/VisualizationSelector/index.d.ts

@@ -0,0 +1,23 @@
+import { DHIS2PivotTableOptions } from "../../../DHIS2PivotTable";
+import { Dimension } from "../DimensionsProvider";
+import { ChartConfig } from "../../../ChartAnalytics";
+import { VisualizationConfig } from "../../index";
+import { MapProps } from "../../../Map";
+import { OrgUnitSelection } from "@hisptz/dhis2-utils";
+import { PivotTableLayoutProps } from "../../../DHIS2PivotTable/components/Table";
+export interface VisualizationSelectorProps {
+    config: VisualizationConfig;
+}
+export declare function getDimensionLabel(dimension: Dimension): any;
+export declare function getOrgUnitSelectionFromIds(ous: string[]): OrgUnitSelection;
+export declare function PivotTableRenderer({ options, }: {
+    options: DHIS2PivotTableOptions & PivotTableLayoutProps;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChartRenderer({ options }: {
+    options: ChartConfig;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function MapRenderer({ options, }: {
+    options: Omit<MapProps, "orgUnitSelection" | "periodSelection">;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function VisualizationSelector({ config }: VisualizationSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/VisualizationSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/VisualizationSelector/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEN,sBAAsB,EACtB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAiB,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAY,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAElF,MAAM,WAAW,0BAA0B;IAC1C,MAAM,EAAE,mBAAmB,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,OAWrD;AAED,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,EAAE,oBAsBvD;AAED,wBAAgB,kBAAkB,CAAC,EAClC,OAAO,GACP,EAAE;IACF,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAAC;CACxD,kDA4BA;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,kDAMlE;AAED,wBAAgB,WAAW,CAAC,EAC3B,OAAO,GACP,EAAE;IACF,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,CAAC;CAChE,2CA2CA;AAED,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,EAAE,0BAA0B,kDA6C3E"}

package/dist/types/components/Visualization/components/VisualizationTypeProvider/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { VisualizationConfig } from "../../index";
+export type VisualizationType = "pivotTable" | "chart" | "map";
+export declare const VisualizationTypeContext: React.Context<VisualizationType>;
+export declare const VisualizationConfigContext: React.Context<VisualizationConfig | undefined>;
+export declare const VisualizationTypeSetter: React.Context<React.Dispatch<React.SetStateAction<VisualizationType>> | undefined>;
+export interface VisualizationTypeProviderProps {
+    children: React.ReactNode;
+    defaultType: VisualizationType;
+    config: VisualizationConfig;
+}
+export declare function useVisualizationType(): [VisualizationType, React.Dispatch<React.SetStateAction<VisualizationType>>];
+export declare function useVisualizationConfig(): VisualizationConfig | undefined;
+export declare function VisualizationTypeProvider({ children, defaultType, config }: VisualizationTypeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/VisualizationTypeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/VisualizationTypeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,OAAO,GAAG,KAAK,CAAC;AAG/D,eAAO,MAAM,wBAAwB,kCAAiD,CAAA;AACtF,eAAO,MAAM,0BAA0B,gDAA4D,CAAC;AACpG,eAAO,MAAM,uBAAuB,oFAAgG,CAAA;AAEpI,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,MAAM,EAAE,mBAAmB,CAAA;CAC9B;AAED,wBAAgB,oBAAoB,iFAKnC;AAED,wBAAgB,sBAAsB,oCAErC;AAED,wBAAgB,yBAAyB,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC,EAAE,8BAA8B,2CAYxG"}

package/dist/types/components/Visualization/components/VisualizationTypeSelector/index.d.ts

@@ -0,0 +1,2 @@
+export declare function VisualizationTypeSelector(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/components/VisualizationTypeSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Visualization/components/VisualizationTypeSelector/index.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,yBAAyB,4CAuBxC"}

package/dist/types/components/Visualization/index.d.ts

@@ -0,0 +1,23 @@
+import { AnalyticsDimension } from "@hisptz/dhis2-utils";
+import { Layout } from "./components/LayoutProvider";
+import { VisualizationType } from "./components/VisualizationTypeProvider";
+import { DHIS2PivotTableOptions } from "../DHIS2PivotTable";
+import { ChartConfig } from "../ChartAnalytics";
+import { MapProps } from "../Map";
+export interface VisualizationConfig {
+    pivotTable?: DHIS2PivotTableOptions;
+    chart?: ChartConfig;
+    map?: Omit<MapProps, "orgUnitSelection" | "periodSelection">;
+}
+export interface VisualizationProps {
+    layout: Layout;
+    defaultVisualizationType: VisualizationType;
+    dimensions: AnalyticsDimension;
+    config: VisualizationConfig;
+    height?: number;
+    showToolbar?: boolean;
+    showPeriodSelector?: boolean;
+    showOrgUnitSelector?: boolean;
+}
+export declare function Visualization({ dimensions, layout, defaultVisualizationType, config, height, showToolbar, showOrgUnitSelector, showPeriodSelector, }: VisualizationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Visualization/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Visualization/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAI3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKlC,MAAM,WAAW,mBAAmB;IACnC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,GAAG,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,kBAAkB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,wBAAwB,EAAE,iBAAiB,CAAC;IAC5C,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA6CD,wBAAgB,aAAa,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,wBAAwB,EACxB,MAAM,EACN,MAAM,EACN,WAAW,EACX,mBAAmB,EACnB,kBAAkB,GAClB,EAAE,kBAAkB,2CA8CpB"}

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./components/Map/DHIS2Map";
+export * from "./components/CircularProgressDashboard/CircularProgressIndicator";
+export * from "./components/ChartAnalytics/DHIS2Chart";
+export * from "./components/SingleValueContainer/SingleValueVisualizer";
+export * from "./components/DHIS2PivotTable/DHIS2PivotTable";
+export * from "./components/Visualization";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kEAAkE,CAAC;AACjF,cAAc,wCAAwC,CAAC;AACvD,cAAc,yDAAyD,CAAC;AACxE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4BAA4B,CAAC"}

package/package.json

@@ -1,40 +1,46 @@
 {
   "name": "@hisptz/dhis2-analytics",
-  "version": "1.0.66",
-  "description": "A collection of reusable react components for visualizing analytics data from DHIS2",
-  "license": "BSD-3-Clause",
-  "scripts": {
-    "build": "d2-app-scripts build --no-verify --mode production",
-    "start": "d2-app-scripts build --no-verify --mode development --watch",
-    "build:types": "tsc --project tsconfig.build.json",
-    "postbuild": "yarn build:types",
-    "test": "d2-app-scripts test --passWithNoTests",
-    "deploy": "d2-app-scripts deploy",
-    "publish:analytics": "yarn publish --access public"
-  },
+  "version": "2.0.0-alpha.00",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "typings": "./dist/types/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "dist/**",
+    "package.json"
+  ],
   "devDependencies": {
-    "@cypress/react": "^7.0.2",
-    "@dhis2/cli-app-scripts": "^10.2.0",
-    "@dhis2/cypress-commands": "^9.0.2",
-    "@dhis2/cypress-plugins": "^9.0.2",
-    "@dhis2/ui": "^8.13.0",
-    "@google/earthengine": "^0.1.336",
+    "@dhis2/app-runtime": "^3.10.2",
+    "@dhis2/d2-i18n": "^1.1.3",
+    "@dhis2/ui": "^9.1.1",
+    "@storybook/react": "^7.6.7",
+    "@types/async": "^3.2.24",
     "@types/d3-color": "^3.1.0",
     "@types/d3-scale": "^4.0.3",
     "@types/leaflet": "^1.9.0",
-    "@types/lodash": "^4.14.191",
+    "@types/lodash": "^4.14.202",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
     "@types/react-helmet": "^6.1.6",
-    "cypress": "^12.3.0",
+    "async-es": "^3.2.5",
+    "classnames": "^2.5.1",
+    "concurrently": "^8.2.2",
+    "eslint": "^8.56.0",
     "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-error-boundary": "^4.0.12",
     "react-hook-form": "^7.43.9",
-    "typescript": "^4.9.5"
+    "styled-jsx": "^5.1.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3",
+    "usehooks-ts": "^2.9.2",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {
-    "@dhis2/app-runtime": "^3.7.0",
-    "@hisptz/dhis2-ui": "^1.0.66",
-    "@hisptz/dhis2-utils": "^1.0.61",
     "@react-leaflet/core": "^2.1.0",
-    "async-es": "^3.2.4",
     "d3-color": "^3.1.0",
     "d3-scale": "^4.0.2",
     "highcharts": "^10.3.2",
@@ -43,49 +49,38 @@
     "leaflet-easyprint": "^2.1.9",
     "leaflet.fullscreen": "^2.4.0",
     "react-circular-progressbar": "^2.1.0",
-    "react-error-boundary": "^4.0.4",
     "react-helmet": "^6.1.0",
     "react-leaflet": "^4.2.0",
     "react-leaflet-custom-control": "^1.3.1",
+    "react-query": "^3.39.3",
     "react-spring": "^9.6.1",
     "screenfull": "^6.0.2",
-    "styled-jsx": "^5.1.2",
-    "usehooks-ts": "^2.9.1"
-  },
-  "main": "./build/cjs/index.js",
-  "module": "./build/es/index.js",
-  "types": "./build/types/index.d.ts",
-  "exports": {
-    "import": "./build/es/index.js",
-    "require": "./build/cjs/index.js"
-  },
-  "keywords": [
-    "react",
-    "dhis2",
-    "dhis2-analytics",
-    "hisptz"
-  ],
-  "author": "HISP Tanzania",
-  "files": [
-    "build/**",
-    "package.json",
-    "!**/*.test.js",
-    "!**/*.stories.js"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/hisptz/dhis2-utils.git"
-  },
-  "bugs": {
-    "url": "https://github.com/hisptz/dhis2-utils/issues"
+    "@hisptz/dhis2-ui": "2.0.0-alpha.00",
+    "@hisptz/dhis2-utils": "2.0.0-alpha.00"
   },
   "peerDependencies": {
-    "@dhis2/d2-i18n": "^1.1",
-    "@dhis2/ui": "^8.13",
-    "lodash": "^4",
-    "react": "*",
-    "react-hook-form": "^7.43",
-    "recoil": "*"
+    "@dhis2/app-runtime": "^3.10.2",
+    "@dhis2/d2-i18n": "^1.1.3",
+    "@dhis2/ui": "^9.1.1",
+    "async-es": "^3.2.4",
+    "classnames": "^2.5.1",
+    "eslint": "^8.56.0",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-error-boundary": "^4.0.12",
+    "react-hook-form": "^7.43.9",
+    "styled-jsx": "^5.1.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3",
+    "usehooks-ts": "^2.9.2"
   },
-  "gitHead": "a242def91baadd23fff7d92dab0a18a1906755b9"
-}
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && tsc",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  }
+}

package/README.md

@@ -1,45 +0,0 @@
-This project was bootstrapped with [DHIS2 Application Platform](https://github.com/dhis2/app-platform).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.<br />
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br />
-You will also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner and runs all available tests found in `/src`.<br />
-
-See the section about [running tests](https://platform.dhis2.nu/#/scripts/test) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.<br />
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br />
-A deployable `.zip` file can be found in `build/bundle`!
-
-See the section about [building](https://platform.dhis2.nu/#/scripts/build) for more information.
-
-### `yarn deploy`
-
-Deploys the built app in the `build` folder to a running DHIS2 instance.<br />
-This command will prompt you to enter a server URL as well as the username and password of a DHIS2 user with the App Management authority.<br/>
-You must run `yarn build` before running `yarn deploy`.<br />
-
-See the section about [deploying](https://platform.dhis2.nu/#/scripts/deploy) for more information.
-
-## Learn More
-
-You can learn more about the platform in the [DHIS2 Application Platform Documentation](https://platform.dhis2.nu/).
-
-You can learn more about the runtime in the [DHIS2 Application Runtime Documentation](https://runtime.dhis2.nu/).
-
-To learn React, check out the [React documentation](https://reactjs.org/).

package/build/cjs/components/ChartAnalytics/ChartAnalytics.test.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _react = require("@cypress/react");
-var _highcharts = _interopRequireDefault(require("highcharts"));
-var _react2 = _interopRequireWildcard(require("react"));
-var _DownloadMenu = require("./components/DownloadMenu");
-var _columnData = _interopRequireDefault(require("../../../../../resources/analytics/column-data.json"));
-var _export = require("./services/export");
-var _ = require(".");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const props = {
-  analytics: _columnData.default,
-  config: {
-    layout: {
-      series: ["dx"],
-      category: ["ou"],
-      filter: ["pe"]
-    },
-    type: "column",
-    height: 500,
-    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
-  }
-};
-function TestComponent() {
-  return /*#__PURE__*/_react2.default.createElement(_.ChartAnalytics, props);
-}
-function ExportTestComponent() {
-  const [chartRef, setChartRef] = (0, _react2.useState)(null);
-  return /*#__PURE__*/_react2.default.createElement("div", {
-    style: {
-      display: "flex",
-      flexDirection: "column"
-    }
-  }, /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_DownloadMenu.ChartDownloadMenu, {
-    chartRef: chartRef
-  })), /*#__PURE__*/_react2.default.createElement(_.ChartAnalytics, _extends({}, props, {
-    ref: setChartRef
-  })));
-}
-describe("Chart Component Tests", () => {
-  (0, _export.setupHighchartsModules)(_highcharts.default);
-  it("Mounts without errors", () => {
-    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(TestComponent, null));
-  });
-  it("Can be exported as PDF", () => {
-    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(ExportTestComponent, null));
-  });
-});

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/components/Menu.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartMenu = ChartMenu;
-var _ui = require("@dhis2/ui");
-var _lodash = require("lodash");
-var _react = _interopRequireDefault(require("react"));
-var _menu = require("../constants/menu");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ChartMenu(_ref) {
-  let {
-    menuRef,
-    onClick,
-    onClose,
-    exclude = []
-  } = _ref;
-  const onMenuClick = action => () => {
-    onClick(action);
-    onClose();
-  };
-  const menuSections = (0, _lodash.map)(_menu.chartMenuSections, section => {
-    return {
-      ...section,
-      menuItems: section.menuItems.filter(item => !exclude.includes(item.name))
-    };
-  }).filter(section => !(0, _lodash.isEmpty)(section.menuItems));
-  return /*#__PURE__*/_react.default.createElement(_ui.Popover, {
-    onClickOutside: onClose,
-    onClose: onClose,
-    reference: menuRef
-  }, /*#__PURE__*/_react.default.createElement(_ui.FlyoutMenu, null, /*#__PURE__*/_react.default.createElement(_ui.Menu, null, menuSections === null || menuSections === void 0 ? void 0 : menuSections.map((section, index) => {
-    var _section$menuItems;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_section$menuItems = section.menuItems) === null || _section$menuItems === void 0 ? void 0 : _section$menuItems.map(_ref2 => {
-      let {
-        name,
-        label
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
-        key: `${name}-menu-item`,
-        dataTest: `download-${name}`,
-        label: label,
-        onClick: onMenuClick(name)
-      });
-    }), index !== menuSections.length - 1 && /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, null));
-  }))));
-}

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/constants/menu.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.chartMenuSections = void 0;
-var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const chartMenuSections = [{
-  name: "download",
-  menuItems: [{
-    name: "png",
-    label: _d2I18n.default.t("Download PNG")
-  }, {
-    name: "jpeg",
-    label: _d2I18n.default.t("Download JPEG")
-  }, {
-    name: "svg",
-    label: _d2I18n.default.t("Download SVG")
-  }, {
-    name: "pdf",
-    label: _d2I18n.default.t("Download PDF")
-  }]
-}, {
-  name: "view",
-  menuItems: [{
-    name: "table",
-    label: _d2I18n.default.t("View as table")
-  }, {
-    name: "full-screen",
-    label: _d2I18n.default.t("View full screen")
-  }]
-}];
-exports.chartMenuSections = chartMenuSections;

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/index.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartDownloadMenu = ChartDownloadMenu;
-var _ui = require("@dhis2/ui");
-var _react = _interopRequireWildcard(require("react"));
-var _export = require("../../services/export");
-var _Menu = require("./components/Menu");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ChartDownloadMenu(_ref) {
-  let {
-    chartRef,
-    exclude,
-    icon
-  } = _ref;
-  const menuButtonRef = (0, _react.useRef)(null);
-  const [menuRef, setMenuRef] = (0, _react.useState)(null);
-  const toggleMenu = () => {
-    if (menuRef === null) {
-      setMenuRef(menuButtonRef.current);
-    } else {
-      setMenuRef(null);
-    }
-  };
-  const chart = chartRef;
-  const onMenuClick = action => {
-    if (chart) {
-      switch (action) {
-        case "png":
-          (0, _export.onImageDownload)(chart, "png");
-          break;
-        case "jpeg":
-          (0, _export.onImageDownload)(chart, "jpeg");
-          break;
-        case "svg":
-          (0, _export.onImageDownload)(chart, "svg+xml");
-          break;
-        case "csv":
-          (0, _export.onCSVDownload)(chart);
-          break;
-        case "pdf":
-          (0, _export.onPDFDownload)(chart);
-          break;
-        case "table":
-          (0, _export.onViewAsTable)(chart, true);
-          break;
-        case "full-screen":
-          (0, _export.onFullScreenView)(chart);
-          break;
-      }
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    onClick: toggleMenu,
-    ref: menuButtonRef
-  }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/_react.default.createElement(_ui.IconMore24, null)), menuRef && /*#__PURE__*/_react.default.createElement(_Menu.ChartMenu, {
-    exclude: exclude,
-    onClick: onMenuClick,
-    onClose: toggleMenu,
-    menuRef: menuRef
-  }));
-}

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/interfaces/menu.js

@@ -1 +0,0 @@
-"use strict";