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

package/dist/components/ChartAnalytics/models/index.js

@@ -0,0 +1,114 @@
+class DHIS2Chart {
+  constructor(id, analytics, config) {
+    this.id = id;
+    this.analytics = analytics;
+    this.config = config;
+  }
+  getChartConfig() {
+    return {
+      renderTo: this.id,
+      zoomType: "xy",
+      type: this.getHighchartsType(),
+      height: this.config?.height,
+      styledMode: false
+    };
+  }
+  getOptions() {
+    const options = {
+      yAxis: this.getYAxis(),
+      chart: this.getChartConfig(),
+      colors: this.config?.colors ?? [
+        "#a8bf24",
+        "#518cc3",
+        "#d74554",
+        "#ff9e21",
+        "#968f8f",
+        "#ba3ba1",
+        "#ffda54",
+        "#45beae",
+        "#b98037",
+        "#676767",
+        "#6b2dd4",
+        "#47792c",
+        "#fcbdbd",
+        "#830000",
+        "#a5ffc0",
+        "#000078",
+        "#817c00",
+        "#bdf023",
+        "#fffac4"
+      ],
+      series: this.getSeries(),
+      plotOptions: this.getPlotOptions(),
+      title: { text: "" },
+      xAxis: this.getXAxis(),
+      exporting: this.getExporting(),
+      legend: { enabled: true },
+      credits: { enabled: false }
+    };
+    let overrides = {};
+    if (this.config?.highChartOverrides) {
+      overrides = {
+        ...typeof this.config?.highChartOverrides === "object" ? this.config?.highChartOverrides ?? {} : this.config?.highChartOverrides(options)
+      };
+    }
+    return {
+      ...options,
+      ...overrides
+    };
+  }
+  getYAxis() {
+    return [
+      {
+        title: {
+          text: "",
+          style: {
+            color: "#000000",
+            fontWeight: "normal",
+            fontSize: "14px"
+          }
+        },
+        labels: {
+          enabled: true,
+          style: {
+            color: "#000000",
+            fontWeight: "normal",
+            fontSize: "14px"
+          }
+        },
+        plotLines: [
+          {
+            color: "#000000",
+            dashStyle: "Solid",
+            width: 2,
+            zIndex: 1e3,
+            label: { text: "" }
+          },
+          {
+            color: "#bbbbbb",
+            dashStyle: "Solid",
+            zIndex: 1e3,
+            width: 2,
+            label: { text: "" }
+          }
+        ]
+      }
+    ];
+  }
+  getExporting() {
+    const name = this.config?.name ?? "chart";
+    return {
+      filename: `${name}`,
+      sourceWidth: 1200,
+      buttons: {
+        contextButton: {
+          enabled: false
+        }
+      }
+    };
+  }
+}
+
+export { DHIS2Chart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ChartAnalytics/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/index.ts"],"names":[],"mappings":"AAIO,MAAe,WAAW;AAAA,EAKhC,YAAY,IAAY,WAAsB,QAAqB;AAClE,SAAK,KAAK;AACV,SAAK,YAAY;AACjB,SAAK,SAAS;AAAA,EACf;AAAA,EAIA,iBAAgD;AAC/C,WAAO;AAAA,MACN,UAAU,KAAK;AAAA,MACf,UAAU;AAAA,MACV,MAAM,KAAK,kBAAkB;AAAA,MAC7B,QAAQ,KAAK,QAAQ;AAAA,MACrB,YAAY;AAAA,IACb;AAAA,EACD;AAAA,EAEA,aAAiC;AAChC,UAAM,UAAU;AAAA,MACf,OAAO,KAAK,SAAS;AAAA,MACrB,OAAO,KAAK,eAAe;AAAA,MAC3B,QAAQ,KAAK,QAAQ,UAAU;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,QAAQ,KAAK,UAAU;AAAA,MACvB,aAAa,KAAK,eAAe;AAAA,MACjC,OAAO,EAAE,MAAM,GAAG;AAAA,MAClB,OAAO,KAAK,SAAS;AAAA,MACrB,WAAW,KAAK,aAAa;AAAA,MAC7B,QAAQ,EAAE,SAAS,KAAK;AAAA,MACxB,SAAS,EAAE,SAAS,MAAM;AAAA,IAC3B;AAEA,QAAI,YAAY,CAAC;AAEjB,QAAI,KAAK,QAAQ,oBAAoB;AACpC,kBAAY;AAAA,QACX,GAAI,OAAO,KAAK,QAAQ,uBAAuB,WAC5C,KAAK,QAAQ,sBAAsB,CAAC,IACpC,KAAK,QAAQ,mBAAmB,OAAO;AAAA,MAC3C;AAAA,IACD;AAEA,WAAO;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAAA,EACD;AAAA,EAQA,WAAsC;AACrC,WAAO;AAAA,MACN;AAAA,QACC,OAAO;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA,QAAQ;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA,WAAW;AAAA,UACV;AAAA,YACC,OAAO;AAAA,YACP,WAAW;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO,EAAE,MAAM,GAAG;AAAA,UACnB;AAAA,UACA;AAAA,YACC,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,OAAO,EAAE,MAAM,GAAG;AAAA,UACnB;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,eAA4C;AAC3C,UAAM,OAAO,KAAK,QAAQ,QAAQ;AAClC,WAAO;AAAA,MACN,UAAU,GAAG,IAAI;AAAA,MACjB,aAAa;AAAA,MACb,SAAS;AAAA,QACR,eAAe;AAAA,UACd,SAAS;AAAA,QACV;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD","sourcesContent":["import type { Analytics } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport { ChartConfig } from \"../types/props.js\";\n\nexport abstract class DHIS2Chart {\n\tid: string;\n\tanalytics: Analytics;\n\tconfig: ChartConfig;\n\n\tconstructor(id: string, analytics: Analytics, config: ChartConfig) {\n\t\tthis.id = id;\n\t\tthis.analytics = analytics;\n\t\tthis.config = config;\n\t}\n\n\tabstract getHighchartsType(): string;\n\n\tgetChartConfig(): HighCharts.ChartOptions & any {\n\t\treturn {\n\t\t\trenderTo: this.id,\n\t\t\tzoomType: \"xy\",\n\t\t\ttype: this.getHighchartsType(),\n\t\t\theight: this.config?.height,\n\t\t\tstyledMode: false,\n\t\t};\n\t}\n\n\tgetOptions(): HighCharts.Options {\n\t\tconst options = {\n\t\t\tyAxis: this.getYAxis(),\n\t\t\tchart: this.getChartConfig(),\n\t\t\tcolors: this.config?.colors ?? [\n\t\t\t\t\"#a8bf24\",\n\t\t\t\t\"#518cc3\",\n\t\t\t\t\"#d74554\",\n\t\t\t\t\"#ff9e21\",\n\t\t\t\t\"#968f8f\",\n\t\t\t\t\"#ba3ba1\",\n\t\t\t\t\"#ffda54\",\n\t\t\t\t\"#45beae\",\n\t\t\t\t\"#b98037\",\n\t\t\t\t\"#676767\",\n\t\t\t\t\"#6b2dd4\",\n\t\t\t\t\"#47792c\",\n\t\t\t\t\"#fcbdbd\",\n\t\t\t\t\"#830000\",\n\t\t\t\t\"#a5ffc0\",\n\t\t\t\t\"#000078\",\n\t\t\t\t\"#817c00\",\n\t\t\t\t\"#bdf023\",\n\t\t\t\t\"#fffac4\",\n\t\t\t],\n\t\t\tseries: this.getSeries(),\n\t\t\tplotOptions: this.getPlotOptions(),\n\t\t\ttitle: { text: \"\" },\n\t\t\txAxis: this.getXAxis(),\n\t\t\texporting: this.getExporting(),\n\t\t\tlegend: { enabled: true },\n\t\t\tcredits: { enabled: false },\n\t\t};\n\n\t\tlet overrides = {};\n\n\t\tif (this.config?.highChartOverrides) {\n\t\t\toverrides = {\n\t\t\t\t...(typeof this.config?.highChartOverrides === \"object\"\n\t\t\t\t\t? this.config?.highChartOverrides ?? {}\n\t\t\t\t\t: this.config?.highChartOverrides(options)),\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\t...options,\n\t\t\t...overrides,\n\t\t};\n\t}\n\n\tabstract getSeries(): HighCharts.SeriesOptionsType[];\n\n\tabstract getPlotOptions(): HighCharts.PlotOptions;\n\n\tabstract getXAxis(): HighCharts.XAxisOptions | undefined;\n\n\tgetYAxis(): HighCharts.YAxisOptions[] {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: \"\",\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t\tfontSize: \"14px\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t\tfontSize: \"14px\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tplotLines: [\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tdashStyle: \"Solid\",\n\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\tzIndex: 1000,\n\t\t\t\t\t\tlabel: { text: \"\" },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: \"#bbbbbb\",\n\t\t\t\t\t\tdashStyle: \"Solid\",\n\t\t\t\t\t\tzIndex: 1000,\n\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\tlabel: { text: \"\" },\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}\n\n\tgetExporting(): HighCharts.ExportingOptions {\n\t\tconst name = this.config?.name ?? \"chart\";\n\t\treturn {\n\t\t\tfilename: `${name}`,\n\t\t\tsourceWidth: 1200,\n\t\t\tbuttons: {\n\t\t\t\tcontextButton: {\n\t\t\t\t\tenabled: false,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n}\n"]}

package/{build/es → dist}/components/ChartAnalytics/models/line.js

@@ -1,6 +1,7 @@
-import { getAllCategories, getPointSeries } from "../utils/chart";
-import { DHIS2Chart } from "./index";
-export class DHIS2LineChart extends DHIS2Chart {
+import { getPointSeries, getAllCategories } from '../utils/chart.js';
+import { DHIS2Chart } from './index.js';
+
+class DHIS2LineChart extends DHIS2Chart {
   getHighchartsType() {
     return "line";
   }
@@ -20,9 +21,11 @@ export class DHIS2LineChart extends DHIS2Chart {
       labels: {
         enabled: true
       },
-      title: {
-        text: ""
-      }
+      title: { text: "" }
     };
   }
-}
+}
+
+export { DHIS2LineChart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=line.js.map

package/dist/components/ChartAnalytics/models/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/line.ts"],"names":[],"mappings":"AACA,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,kBAAkB;AAEpB,MAAM,uBAAuB,WAAW;AAAA,EAC9C,oBAA4B;AAC3B,WAAO;AAAA,EACR;AAAA,EAEA,iBAA8B;AAC7B,WAAO;AAAA,MACN,MAAM,CAAC;AAAA,IACR;AAAA,EACD;AAAA,EAEA,YAAiC;AAChC,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,MAAM;AAAA,EAC1D;AAAA,EAEA,WAAqC;AACpC,WAAO;AAAA,MACN,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACD;AACD","sourcesContent":["import { PlotOptions, SeriesOptionsType, XAxisOptions } from \"highcharts\";\nimport { getAllCategories, getPointSeries } from \"../utils/chart.js\";\nimport { DHIS2Chart } from \"./index.js\";\n\nexport class DHIS2LineChart extends DHIS2Chart {\n\tgetHighchartsType(): string {\n\t\treturn \"line\";\n\t}\n\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tline: {},\n\t\t};\n\t}\n\n\tgetSeries(): SeriesOptionsType[] {\n\t\treturn getPointSeries(this.analytics, this.config, \"line\");\n\t}\n\n\tgetXAxis(): XAxisOptions | undefined {\n\t\treturn {\n\t\t\ttype: \"category\",\n\t\t\tcategories: getAllCategories(this.analytics, this.config),\n\t\t\tcrosshair: true,\n\t\t\tlabels: {\n\t\t\t\tenabled: true,\n\t\t\t},\n\t\t\ttitle: { text: \"\" },\n\t\t};\n\t}\n}\n"]}

package/dist/components/ChartAnalytics/models/multi-series.js

@@ -0,0 +1,112 @@
+import { head, compact } from 'lodash';
+import { getDimensionHeaderIndex, getAllCategories } from '../utils/chart.js';
+import { DHIS2Chart } from './index.js';
+
+class DHIS2MultiSeriesChart extends DHIS2Chart {
+  getHighchartsType() {
+    return "";
+  }
+  getPlotOptions() {
+    return {
+      column: {},
+      line: {}
+    };
+  }
+  getSeries() {
+    const analytics = this.analytics;
+    const config = this.config;
+    const categoryDimension = head(config.layout.category);
+    const seriesConfig = this.config.multiSeries;
+    const categoryIndex = getDimensionHeaderIndex(
+      analytics.headers ?? [],
+      categoryDimension ?? ""
+    );
+    const seriesIndex = getDimensionHeaderIndex(
+      analytics.headers ?? [],
+      head(config.layout.series) ?? ""
+    );
+    const valueIndex = getDimensionHeaderIndex(
+      analytics.headers ?? [],
+      "value"
+    );
+    if (!categoryDimension) {
+      throw new Error("At least one category dimension is required");
+    }
+    if (!seriesConfig) {
+      throw new Error(
+        "MultiSeries config is required for chart type multi-series"
+      );
+    }
+    return compact(
+      seriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {
+        const dataItem = analytics.metaData?.items[id];
+        const categoryItems = analytics.metaData?.dimensions[categoryDimension];
+        const data = categoryItems?.map((item) => {
+          const row = analytics.rows?.find(
+            (row2) => row2[categoryIndex] === item && row2[seriesIndex] === id
+          );
+          return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;
+        });
+        let cumulativeData = [];
+        if (cumulative) {
+          cumulativeData = data?.reduce((acc, curr, index) => {
+            if (index === 0) {
+              return [...acc, curr];
+            }
+            return [...acc, acc[index - 1] + curr];
+          }, []) ?? [];
+        }
+        return {
+          name: dataItem?.name,
+          data: cumulative ? cumulativeData : data,
+          type: as,
+          yAxis: yAxis ?? 0
+        };
+      })
+    );
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: getAllCategories(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: { text: "" }
+    };
+  }
+  getYAxis() {
+    let yAxes = [];
+    if (this.config.multiSeries?.yAxes) {
+      yAxes = this.config.multiSeries?.yAxes;
+    } else {
+      yAxes = super.getYAxis();
+    }
+    if (!this.config.multiSeries?.target) {
+      return yAxes;
+    }
+    const { value, styles, label } = this.config.multiSeries?.target ?? {};
+    return [
+      {
+        ...yAxes[0],
+        plotLines: [
+          ...yAxes[0].plotLines ?? [],
+          {
+            color: styles?.color ?? "#00FF00",
+            dashStyle: styles?.dashStyle ?? "Solid",
+            value,
+            width: styles?.width ?? 2,
+            zIndex: styles?.zIndex ?? 1e3,
+            label
+          }
+        ]
+      },
+      ...yAxes.slice(1)
+    ];
+  }
+}
+
+export { DHIS2MultiSeriesChart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=multi-series.js.map

package/dist/components/ChartAnalytics/models/multi-series.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/multi-series.ts"],"names":["row"],"mappings":"AAMA,SAAS,SAAS,YAAY;AAE9B,SAAS,kBAAkB,+BAA+B;AAC1D,SAAS,kBAAkB;AAEpB,MAAM,8BAA8B,WAAW;AAAA,EACrD,oBAA4B;AAC3B,WAAO;AAAA,EACR;AAAA,EAEA,iBAA8B;AAC7B,WAAO;AAAA,MACN,QAAQ,CAAC;AAAA,MACT,MAAM,CAAC;AAAA,IACR;AAAA,EACD;AAAA,EAEA,YAAiC;AAChC,UAAM,YAAY,KAAK;AACvB,UAAM,SAAS,KAAK;AAEpB,UAAM,oBAAoB,KAAK,OAAO,OAAO,QAAQ;AACrD,UAAM,eACL,KAAK,OAAO;AAEb,UAAM,gBAAgB;AAAA,MACrB,UAAU,WAAW,CAAC;AAAA,MACtB,qBAAqB;AAAA,IACtB;AACA,UAAM,cAAc;AAAA,MACnB,UAAU,WAAW,CAAC;AAAA,MACtB,KAAK,OAAO,OAAO,MAAM,KAAK;AAAA,IAC/B;AACA,UAAM,aAAa;AAAA,MAClB,UAAU,WAAW,CAAC;AAAA,MACtB;AAAA,IACD;AAEA,QAAI,CAAC,mBAAmB;AACvB,YAAM,IAAI,MAAM,6CAA6C;AAAA,IAC9D;AAEA,QAAI,CAAC,cAAc;AAClB,YAAM,IAAI;AAAA,QACT;AAAA,MACD;AAAA,IACD;AAEA,WAAO;AAAA,MACN,cAAc,QAAQ,IAAI,CAAC,EAAE,IAAI,IAAI,YAAY,MAAM,MAAM;AAC5D,cAAM,WAAW,UAAU,UAAU,MAAM,EAAS;AACpD,cAAM,gBACL,UAAU,UAAU,WACnB,iBACD;AAED,cAAM,OAAO,eAAe,IAAI,CAAC,SAAiB;AACjD,gBAAM,MAAM,UAAU,MAAM;AAAA,YAC3B,CAACA,SACAA,KAAI,aAAa,MAAM,QACvBA,KAAI,WAAW,MAAM;AAAA,UACvB;AACA,iBAAO,MAAM,UAAU,IACpB,WAAW,MAAM,UAAU,CAAC,IAC5B;AAAA,QACJ,CAAC;AAED,YAAI,iBAA2B,CAAC;AAEhC,YAAI,YAAY;AACf,2BACC,MAAM,OAAO,CAAC,KAAK,MAAM,UAAU;AAClC,gBAAI,UAAU,GAAG;AAChB,qBAAO,CAAC,GAAG,KAAK,IAAI;AAAA,YACrB;AACA,mBAAO,CAAC,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI;AAAA,UACtC,GAAG,CAAC,CAAa,KAAK,CAAC;AAAA,QACzB;AAEA,eAAO;AAAA,UACN,MAAM,UAAU;AAAA,UAChB,MAAM,aAAa,iBAAiB;AAAA,UACpC,MAAM;AAAA,UACN,OAAO,SAAS;AAAA,QACjB;AAAA,MACD,CAAC;AAAA,IACF;AAAA,EACD;AAAA,EAEA,WAAqC;AACpC,WAAO;AAAA,MACN,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACD;AAAA,EAEA,WAA2B;AAC1B,QAAI,QAAwB,CAAC;AAE7B,QAAI,KAAK,OAAO,aAAa,OAAO;AACnC,cAAQ,KAAK,OAAO,aAAa;AAAA,IAClC,OAAO;AACN,cAAQ,MAAM,SAAS;AAAA,IACxB;AAEA,QAAI,CAAC,KAAK,OAAO,aAAa,QAAQ;AACrC,aAAO;AAAA,IACR;AAEA,UAAM,EAAE,OAAO,QAAQ,MAAM,IAAI,KAAK,OAAO,aAAa,UAAU,CAAC;AAErE,WAAO;AAAA,MACN;AAAA,QACC,GAAG,MAAM,CAAC;AAAA,QACV,WAAW;AAAA,UACV,GAAI,MAAM,CAAC,EAAE,aAAa,CAAC;AAAA,UAC3B;AAAA,YACC,OAAO,QAAQ,SAAS;AAAA,YACxB,WAAW,QAAQ,aAAa;AAAA,YAChC;AAAA,YACA,OAAO,QAAQ,SAAS;AAAA,YACxB,QAAQ,QAAQ,UAAU;AAAA,YAC1B;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,MACA,GAAG,MAAM,MAAM,CAAC;AAAA,IACjB;AAAA,EACD;AACD","sourcesContent":["import {\n\tPlotOptions,\n\tSeriesOptionsType,\n\tXAxisOptions,\n\tYAxisOptions,\n} from \"highcharts\";\nimport { compact, head } from \"lodash\";\nimport { MultiSeriesConfig } from \"../types/props.js\";\nimport { getAllCategories, getDimensionHeaderIndex } from \"../utils/chart.js\";\nimport { DHIS2Chart } from \"./index.js\";\n\nexport class DHIS2MultiSeriesChart extends DHIS2Chart {\n\tgetHighchartsType(): string {\n\t\treturn \"\";\n\t}\n\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tcolumn: {},\n\t\t\tline: {},\n\t\t};\n\t}\n\n\tgetSeries(): SeriesOptionsType[] {\n\t\tconst analytics = this.analytics;\n\t\tconst config = this.config;\n\n\t\tconst categoryDimension = head(config.layout.category);\n\t\tconst seriesConfig: MultiSeriesConfig | undefined =\n\t\t\tthis.config.multiSeries;\n\n\t\tconst categoryIndex = getDimensionHeaderIndex(\n\t\t\tanalytics.headers ?? [],\n\t\t\tcategoryDimension ?? \"\",\n\t\t);\n\t\tconst seriesIndex = getDimensionHeaderIndex(\n\t\t\tanalytics.headers ?? [],\n\t\t\thead(config.layout.series) ?? \"\",\n\t\t);\n\t\tconst valueIndex = getDimensionHeaderIndex(\n\t\t\tanalytics.headers ?? [],\n\t\t\t\"value\",\n\t\t);\n\n\t\tif (!categoryDimension) {\n\t\t\tthrow new Error(\"At least one category dimension is required\");\n\t\t}\n\n\t\tif (!seriesConfig) {\n\t\t\tthrow new Error(\n\t\t\t\t\"MultiSeries config is required for chart type multi-series\",\n\t\t\t);\n\t\t}\n\n\t\treturn compact(\n\t\t\tseriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {\n\t\t\t\tconst dataItem = analytics.metaData?.items[id as any];\n\t\t\t\tconst categoryItems =\n\t\t\t\t\tanalytics.metaData?.dimensions[\n\t\t\t\t\t\tcategoryDimension as \"dx\" | \"ou\" | \"pe\"\n\t\t\t\t\t];\n\n\t\t\t\tconst data = categoryItems?.map((item: string) => {\n\t\t\t\t\tconst row = analytics.rows?.find(\n\t\t\t\t\t\t(row: any) =>\n\t\t\t\t\t\t\trow[categoryIndex] === item &&\n\t\t\t\t\t\t\trow[seriesIndex] === id,\n\t\t\t\t\t);\n\t\t\t\t\treturn row?.[valueIndex]\n\t\t\t\t\t\t? parseFloat(row?.[valueIndex])\n\t\t\t\t\t\t: 0;\n\t\t\t\t});\n\n\t\t\t\tlet cumulativeData: number[] = [];\n\n\t\t\t\tif (cumulative) {\n\t\t\t\t\tcumulativeData =\n\t\t\t\t\t\tdata?.reduce((acc, curr, index) => {\n\t\t\t\t\t\t\tif (index === 0) {\n\t\t\t\t\t\t\t\treturn [...acc, curr];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn [...acc, acc[index - 1] + curr];\n\t\t\t\t\t\t}, [] as number[]) ?? [];\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\tname: dataItem?.name,\n\t\t\t\t\tdata: cumulative ? cumulativeData : data,\n\t\t\t\t\ttype: as,\n\t\t\t\t\tyAxis: yAxis ?? 0,\n\t\t\t\t};\n\t\t\t}),\n\t\t) as SeriesOptionsType[];\n\t}\n\n\tgetXAxis(): XAxisOptions | undefined {\n\t\treturn {\n\t\t\ttype: \"category\",\n\t\t\tcategories: getAllCategories(this.analytics, this.config),\n\t\t\tcrosshair: true,\n\t\t\tlabels: {\n\t\t\t\tenabled: true,\n\t\t\t},\n\t\t\ttitle: { text: \"\" },\n\t\t};\n\t}\n\n\tgetYAxis(): YAxisOptions[] {\n\t\tlet yAxes: YAxisOptions[] = [];\n\n\t\tif (this.config.multiSeries?.yAxes) {\n\t\t\tyAxes = this.config.multiSeries?.yAxes;\n\t\t} else {\n\t\t\tyAxes = super.getYAxis();\n\t\t}\n\n\t\tif (!this.config.multiSeries?.target) {\n\t\t\treturn yAxes;\n\t\t}\n\n\t\tconst { value, styles, label } = this.config.multiSeries?.target ?? {};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\t...yAxes[0],\n\t\t\t\tplotLines: [\n\t\t\t\t\t...(yAxes[0].plotLines ?? []),\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: styles?.color ?? \"#00FF00\",\n\t\t\t\t\t\tdashStyle: styles?.dashStyle ?? \"Solid\",\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\twidth: styles?.width ?? 2,\n\t\t\t\t\t\tzIndex: styles?.zIndex ?? 1000,\n\t\t\t\t\t\tlabel: label,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t...yAxes.slice(1),\n\t\t];\n\t}\n}\n"]}

package/dist/components/ChartAnalytics/models/pie.js

@@ -0,0 +1,53 @@
+import { head } from 'lodash';
+import { DHIS2Chart } from './index.js';
+
+class DHIS2PieChart extends DHIS2Chart {
+  getHighchartsType() {
+    return "pie";
+  }
+  getPlotOptions() {
+    return {
+      pie: {
+        allowPointSelect: true,
+        cursor: "pointer",
+        dataLabels: {
+          enabled: true,
+          format: "<b>{point.name}</b>: {point.percentage:.1f} %"
+        }
+      }
+    };
+  }
+  getSeries() {
+    const analytics = this.analytics;
+    const config = this.config;
+    const seriesDimension = head(config.layout.series);
+    const seriesIndex = analytics?.headers?.findIndex((h) => h.name === seriesDimension) ?? -1;
+    const valueIndex = analytics?.headers?.findIndex((h) => h.name === "value") ?? -1;
+    if (!seriesDimension) {
+      throw new Error("Pie chart must have a series dimension");
+    }
+    const seriesValues = analytics.metaData?.dimensions?.[seriesDimension];
+    return [
+      {
+        id: seriesDimension ?? "",
+        name: analytics.metaData?.items?.[seriesDimension]?.name ?? "",
+        data: seriesValues?.map((value) => {
+          const row = analytics?.rows?.find(
+            (row2) => row2[seriesIndex] === value
+          );
+          return {
+            name: analytics.metaData?.items?.[value]?.name,
+            y: row?.[valueIndex] ? parseFloat(row?.[valueIndex] ?? "") : 0
+          };
+        })
+      }
+    ];
+  }
+  getXAxis() {
+    return void 0;
+  }
+}
+
+export { DHIS2PieChart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=pie.js.map

package/dist/components/ChartAnalytics/models/pie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/pie.ts"],"names":["row"],"mappings":"AACA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAEpB,MAAM,sBAAsB,WAAW;AAAA,EAC7C,oBAA4B;AAC3B,WAAO;AAAA,EACR;AAAA,EAEA,iBAA8B;AAC7B,WAAO;AAAA,MACN,KAAK;AAAA,QACJ,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,YAAY;AAAA,UACX,SAAS;AAAA,UACT,QAAQ;AAAA,QACT;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,YAAiC;AAChC,UAAM,YAAY,KAAK;AACvB,UAAM,SAAS,KAAK;AACpB,UAAM,kBAAkB,KAAK,OAAO,OAAO,MAAM;AACjD,UAAM,cACL,WAAW,SAAS,UAAU,CAAC,MAAM,EAAE,SAAS,eAAe,KAC/D;AACD,UAAM,aACL,WAAW,SAAS,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,KAAK;AAE7D,QAAI,CAAC,iBAAiB;AACrB,YAAM,IAAI,MAAM,wCAAwC;AAAA,IACzD;AACA,UAAM,eACL,UAAU,UAAU,aACnB,eACD;AAED,WAAO;AAAA,MACN;AAAA,QACC,IAAI,mBAAmB;AAAA,QACvB,MACC,UAAU,UAAU,QAAQ,eAAsB,GAAG,QACrD;AAAA,QACD,MAAM,cAAc,IAAI,CAAC,UAAkB;AAC1C,gBAAM,MAAM,WAAW,MAAM;AAAA,YAC5B,CAACA,SAAaA,KAAI,WAAW,MAAM;AAAA,UACpC;AAEA,iBAAO;AAAA,YACN,MAAM,UAAU,UAAU,QAAQ,KAAY,GAAG;AAAA,YACjD,GAAG,MAAM,UAAU,IAChB,WAAW,MAAM,UAAU,KAAK,EAAE,IAClC;AAAA,UACJ;AAAA,QACD,CAAC;AAAA,MACF;AAAA,IACD;AAAA,EACD;AAAA,EAEA,WAAqC;AACpC,WAAO;AAAA,EACR;AACD","sourcesContent":["import { PlotOptions, SeriesOptionsType, XAxisOptions } from \"highcharts\";\nimport { head } from \"lodash\";\nimport { DHIS2Chart } from \"./index.js\";\n\nexport class DHIS2PieChart extends DHIS2Chart {\n\tgetHighchartsType(): string {\n\t\treturn \"pie\";\n\t}\n\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tpie: {\n\t\t\t\tallowPointSelect: true,\n\t\t\t\tcursor: \"pointer\",\n\t\t\t\tdataLabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t\tformat: \"<b>{point.name}</b>: {point.percentage:.1f} %\",\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetSeries(): SeriesOptionsType[] {\n\t\tconst analytics = this.analytics;\n\t\tconst config = this.config;\n\t\tconst seriesDimension = head(config.layout.series);\n\t\tconst seriesIndex =\n\t\t\tanalytics?.headers?.findIndex((h) => h.name === seriesDimension) ??\n\t\t\t-1;\n\t\tconst valueIndex =\n\t\t\tanalytics?.headers?.findIndex((h) => h.name === \"value\") ?? -1;\n\n\t\tif (!seriesDimension) {\n\t\t\tthrow new Error(\"Pie chart must have a series dimension\");\n\t\t}\n\t\tconst seriesValues =\n\t\t\tanalytics.metaData?.dimensions?.[\n\t\t\t\tseriesDimension as \"dx\" | \"ou\" | \"pe\"\n\t\t\t];\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tid: seriesDimension ?? \"\",\n\t\t\t\tname:\n\t\t\t\t\tanalytics.metaData?.items?.[seriesDimension as any]?.name ??\n\t\t\t\t\t\"\",\n\t\t\t\tdata: seriesValues?.map((value: string) => {\n\t\t\t\t\tconst row = analytics?.rows?.find(\n\t\t\t\t\t\t(row: any) => row[seriesIndex] === value,\n\t\t\t\t\t);\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tname: analytics.metaData?.items?.[value as any]?.name,\n\t\t\t\t\t\ty: row?.[valueIndex]\n\t\t\t\t\t\t\t? parseFloat(row?.[valueIndex] ?? \"\")\n\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t};\n\t\t\t\t}),\n\t\t\t} as SeriesOptionsType,\n\t\t];\n\t}\n\n\tgetXAxis(): XAxisOptions | undefined {\n\t\treturn undefined;\n\t}\n}\n"]}

package/dist/components/ChartAnalytics/services/export.js

@@ -0,0 +1,35 @@
+import HighChartsExportCSV from 'highcharts/modules/export-data.js';
+import HighChartsExport from 'highcharts/modules/exporting.js';
+import HighChartsFullScreen from 'highcharts/modules/full-screen.js';
+
+function setupHighchartsModules(highcharts) {
+  HighChartsExport(highcharts);
+  HighChartsExportCSV(highcharts);
+  HighChartsFullScreen(highcharts);
+}
+function onFullScreenView(chartRef, options) {
+  chartRef?.chart?.fullscreen.toggle();
+}
+function onPDFDownload(chartRef, options) {
+  chartRef?.chart.exportChart({ type: "application/pdf" }, options ?? {});
+}
+function onCSVDownload(chartRef, options) {
+  chartRef?.chart.downloadCSV();
+}
+const onImageDownload = (chartRef, type, options) => {
+  chartRef?.chart.exportChart({ type: `image/${type}` }, options ?? {});
+};
+const onViewAsTable = (chartRef, show) => {
+  const options = chartRef?.chart.options;
+  chartRef?.chart?.update({
+    ...options,
+    exporting: {
+      ...options?.exporting,
+      showTable: show
+    }
+  });
+};
+
+export { onCSVDownload, onFullScreenView, onImageDownload, onPDFDownload, onViewAsTable, setupHighchartsModules };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=export.js.map

package/dist/components/ChartAnalytics/services/export.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/services/export.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB;AAChC,OAAO,sBAAsB;AAC7B,OAAO,0BAA0B;AAE1B,SAAS,uBAAuB,YAA+B;AACrE,mBAAiB,UAAU;AAC3B,sBAAoB,UAAU;AAC9B,uBAAqB,UAAU;AAChC;AAEO,SAAS,iBACf,UACA,SACC;AACD,YAAU,OAAO,WAAW,OAAO;AACpC;AAEO,SAAS,cACf,UACA,SACC;AACD,YAAU,MAAM,YAAY,EAAE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC;AACvE;AAEO,SAAS,cACf,UACA,SACC;AACD,YAAU,MAAM,YAAY;AAC7B;AAEO,MAAM,kBAAkB,CAC9B,UACA,MACA,YACI;AACJ,YAAU,MAAM,YAAY,EAAE,MAAM,SAAS,IAAI,GAAG,GAAG,WAAW,CAAC,CAAC;AACrE;AAEO,MAAM,gBAAgB,CAC5B,UACA,SACI;AACJ,QAAM,UAAU,UAAU,MAAM;AAChC,YAAU,OAAO,OAAO;AAAA,IACvB,GAAG;AAAA,IACH,WAAW;AAAA,MACV,GAAG,SAAS;AAAA,MACZ,WAAW;AAAA,IACZ;AAAA,EACD,CAAC;AACF","sourcesContent":["import Highcharts from \"highcharts\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport HighChartsExportCSV from \"highcharts/modules/export-data.js\";\nimport HighChartsExport from \"highcharts/modules/exporting.js\";\nimport HighChartsFullScreen from \"highcharts/modules/full-screen.js\";\n\nexport function setupHighchartsModules(highcharts: typeof Highcharts) {\n\tHighChartsExport(highcharts);\n\tHighChartsExportCSV(highcharts);\n\tHighChartsFullScreen(highcharts);\n}\n\nexport function onFullScreenView(\n\tchartRef: HighchartsReact.RefObject,\n\toptions?: Highcharts.Options,\n) {\n\tchartRef?.chart?.fullscreen.toggle();\n}\n\nexport function onPDFDownload(\n\tchartRef: HighchartsReact.RefObject,\n\toptions?: Highcharts.Options,\n) {\n\tchartRef?.chart.exportChart({ type: \"application/pdf\" }, options ?? {});\n}\n\nexport function onCSVDownload(\n\tchartRef: HighchartsReact.RefObject,\n\toptions?: Highcharts.Options,\n) {\n\tchartRef?.chart.downloadCSV();\n}\n\nexport const onImageDownload = (\n\tchartRef: HighchartsReact.RefObject,\n\ttype: \"png\" | \"svg+xml\" | \"jpeg\",\n\toptions?: Highcharts.Options,\n) => {\n\tchartRef?.chart.exportChart({ type: `image/${type}` }, options ?? {});\n};\n\nexport const onViewAsTable = (\n\tchartRef: HighchartsReact.RefObject,\n\tshow: boolean,\n) => {\n\tconst options = chartRef?.chart.options;\n\tchartRef?.chart?.update({\n\t\t...options,\n\t\texporting: {\n\t\t\t...options?.exporting,\n\t\t\tshowTable: show,\n\t\t},\n\t});\n};\n"]}

package/dist/components/ChartAnalytics/styles/custom-highchart.css

@@ -0,0 +1,40 @@
+.highcharts-data-table table {
+  border: 1px solid rgb(232, 237, 242);
+  text-align: left;
+  min-width: 100%;
+  border-collapse: collapse;
+  vertical-align: top;
+}
+.highcharts-data-table td,
+.highcharts-data-table th,
+.highcharts-data-table caption {
+  font-size: 14px;
+  line-height: 16px;
+  padding: 8px 6px;
+  height: 32px;
+  border-bottom: 1px solid rgb(232, 237, 242);
+}
+.highcharts-data-table thead tr {
+  background: transparent;
+}
+.highcharts-data-table tr:nth-child(even) {
+  background: rgb(251, 252, 253);
+}
+.highcharts-data-table tr {
+  cursor: pointer;
+}
+.highcharts-data-table tr:hover {
+  background: rgb(251, 252, 253);
+}
+.highcharts-data-table caption {
+  border-bottom: none;
+  font-size: 1.1em;
+  font-weight: bold;
+}
+.highcharts-sort-ascending::after {
+  content: " \2193";
+}
+.highcharts-sort-descending::after {
+  content: " \2191";
+}
+/*# sourceMappingURL=custom-highchart.css.map */

package/dist/components/ChartAnalytics/styles/custom-highchart.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/styles/custom-highchart.css"],"sourcesContent":["\n.highcharts-data-table table {\n    border: 1px solid rgb(232, 237, 242);\n    text-align: left;\n    min-width: 100%;\n    border-collapse: collapse;\n    vertical-align: top;\n}\n\n.highcharts-data-table td,\n.highcharts-data-table th,\n.highcharts-data-table caption {\n    font-size: 14px;\n    line-height: 16px;\n    padding: 8px 6px;\n    height: 32px;\n    border-bottom: 1px solid rgb(232, 237, 242);\n}\n\n.highcharts-data-table thead tr {\n    background: transparent;\n}\n\n.highcharts-data-table tr:nth-child(even) {\n    background: rgb(251, 252, 253);\n}\n\n.highcharts-data-table tr {\n    cursor: pointer;\n}\n\n.highcharts-data-table tr:hover {\n    background: rgb(251, 252, 253);\n}\n\n.highcharts-data-table caption {\n    border-bottom: none;\n    font-size: 1.1em;\n    font-weight: bold;\n}\n\n.highcharts-sort-ascending::after {\n    content: \" ↓\";\n}\n\n.highcharts-sort-descending::after {\n    content: \" ↑\";\n}\n"],"mappings":"AACA,CAAC,sBAAsB;AACnB,UAAQ,IAAI,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE;AAChC,cAAY;AACZ,aAAW;AACX,mBAAiB;AACjB,kBAAgB;AACpB;AAEA,CARC,sBAQsB;AACvB,CATC,sBASsB;AACvB,CAVC,sBAUsB;AACnB,aAAW;AACX,eAAa;AACb,WAAS,IAAI;AACb,UAAQ;AACR,iBAAe,IAAI,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE;AAC3C;AAEA,CAlBC,sBAkBsB,MAAM;AACzB,cAAY;AAChB;AAEA,CAtBC,sBAsBsB,EAAE;AACrB,cAAY,IAAI,GAAG,EAAE,GAAG,EAAE;AAC9B;AAEA,CA1BC,sBA0BsB;AACnB,UAAQ;AACZ;AAEA,CA9BC,sBA8BsB,EAAE;AACrB,cAAY,IAAI,GAAG,EAAE,GAAG,EAAE;AAC9B;AAEA,CAlCC,sBAkCsB;AACnB,iBAAe;AACf,aAAW;AACX,eAAa;AACjB;AAEA,CAAC,yBAAyB;AACtB,WAAS;AACb;AAEA,CAAC,0BAA0B;AACvB,WAAS;AACb;","names":[]}

package/dist/components/ChartAnalytics/types/props.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=props.js.map

package/dist/components/ChartAnalytics/types/props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/ChartAnalytics/utils/chart.js

@@ -0,0 +1,130 @@
+import { findIndex, head, find, compact, set, isEmpty } from 'lodash';
+import { DHIS2StackedColumnChart, DHIS2ColumnChart } from '../models/column.js';
+import { DHIS2LineChart } from '../models/line.js';
+import { DHIS2MultiSeriesChart } from '../models/multi-series.js';
+import { DHIS2PieChart } from '../models/pie.js';
+import { DHIS2StackedBarChart, DHIS2BarChart } from '../models/bar.js';
+
+function getDimensionHeaderIndex(headers, name) {
+  return findIndex(headers, { name });
+}
+function getPointSeries(analytics, config, highchartsType) {
+  const series = config.layout.series;
+  return series.map((seriesName) => {
+    const header = analytics?.headers?.find(
+      (header2) => header2.name === seriesName
+    );
+    if (!header) {
+      return void 0;
+    }
+    if (analytics?.metaData) {
+      return getColumnSeries(analytics, header, config, highchartsType);
+    }
+  })[0];
+}
+function getColumnSeries(analytics, header, config, highchartsType) {
+  const headerIndex = analytics?.headers?.findIndex(
+    (h) => header.name === h.name
+  );
+  const valueIndex = analytics?.headers?.findIndex(
+    (h) => h.name === "value"
+  );
+  const colors = config.colors ?? [];
+  const { items, dimensions } = analytics?.metaData ?? {};
+  const categoriesDimension = config.layout.category;
+  const seriesDimensionValues = dimensions?.[header.name] ?? [];
+  return head(
+    categoriesDimension?.map((categoryDimension) => {
+      const categories = dimensions?.[categoryDimension];
+      const categoryDimensionIndex = analytics?.headers?.findIndex(
+        (h) => h.name === categoryDimension
+      );
+      return seriesDimensionValues?.map(
+        (seriesDimensionValue, index) => {
+          const data = categories?.map((category) => {
+            const row = find(
+              analytics?.rows,
+              (row2) => row2[headerIndex ?? -1] === seriesDimensionValue && row2[categoryDimensionIndex ?? -1] === category
+            );
+            return row?.[valueIndex ?? -1] ? parseFloat(row?.[valueIndex ?? -1]) : 0;
+          });
+          return {
+            name: items?.[seriesDimensionValue]?.name,
+            data,
+            type: highchartsType,
+            color: colors[index % colors.length]
+          };
+        }
+      );
+    })
+  );
+}
+function getCategories({ name }, { items, dimensions }) {
+  const categories = dimensions?.[name];
+  return categories?.map((category) => {
+    return items[category]?.name ?? "";
+  });
+}
+function getAllCategories(analytics, config) {
+  const categories = config.layout.category;
+  return compact(
+    categories?.map((category) => {
+      const header = analytics?.headers?.find(
+        (header2) => header2.name === category
+      );
+      if (!header) {
+        return void 0;
+      }
+      if (analytics?.metaData) {
+        return getCategories(header, analytics?.metaData);
+      }
+    })
+  )[0];
+}
+function updateLayout(config, { type }) {
+  if (type === config.type) {
+    return config.layout;
+  }
+  const updatedLayout = { ...config.layout };
+  switch (type) {
+    case "pie":
+      set(updatedLayout, "category", []);
+      if (isEmpty(updatedLayout.series)) {
+        if (!isEmpty(config.layout.category)) {
+          set(updatedLayout, "series", [
+            head(config.layout.category)
+          ]);
+        } else {
+          throw new Error("Invalid layout for pie chart");
+        }
+      }
+      if (updatedLayout.series.length > 1) {
+        set(updatedLayout, "series", [head(updatedLayout.series)]);
+      }
+  }
+  return updatedLayout;
+}
+function getChartInstance(id, analytics, config) {
+  switch (config.type) {
+    case "column":
+      return new DHIS2ColumnChart(id, analytics, config);
+    case "bar":
+      return new DHIS2BarChart(id, analytics, config);
+    case "stacked-bar":
+      return new DHIS2StackedBarChart(id, analytics, config);
+    case "stacked-column":
+      return new DHIS2StackedColumnChart(id, analytics, config);
+    case "pie":
+      return new DHIS2PieChart(id, analytics, config);
+    case "line":
+      return new DHIS2LineChart(id, analytics, config);
+    case "multi-series":
+      return new DHIS2MultiSeriesChart(id, analytics, config);
+    default:
+      throw new Error(`Unsupported chart type: ${config.type}`);
+  }
+}
+
+export { getAllCategories, getChartInstance, getColumnSeries, getDimensionHeaderIndex, getPointSeries, updateLayout };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chart.js.map

package/dist/components/ChartAnalytics/utils/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/utils/chart.ts"],"names":["header","row"],"mappings":"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","sourcesContent":["import type {\n\tAnalytics,\n\tAnalyticsHeader,\n\tAnalyticsMetadata,\n} from \"@hisptz/dhis2-utils\";\nimport { compact, find, findIndex, head, isEmpty, set } from \"lodash\";\nimport { DHIS2Chart } from \"../models/index.js\";\nimport { DHIS2ColumnChart, DHIS2StackedColumnChart } from \"../models/column.js\";\nimport { DHIS2LineChart } from \"../models/line.js\";\nimport { DHIS2MultiSeriesChart } from \"../models/multi-series.js\";\nimport { DHIS2PieChart } from \"../models/pie.js\";\nimport { ChartConfig, ChartType } from \"../types/props.js\";\nimport { DHIS2BarChart, DHIS2StackedBarChart } from \"../models/bar.js\";\n\nexport function getDimensionHeaderIndex(\n\theaders: AnalyticsHeader[],\n\tname: string,\n): number {\n\treturn findIndex(headers, { name });\n}\n\nexport function getPointSeries(\n\tanalytics: Analytics,\n\tconfig: ChartConfig,\n\thighchartsType: string,\n) {\n\tconst series: string[] = config.layout.series;\n\n\treturn series.map((seriesName: string) => {\n\t\tconst header = analytics?.headers?.find(\n\t\t\t(header: any) => header.name === seriesName,\n\t\t);\n\t\tif (!header) {\n\t\t\treturn undefined;\n\t\t}\n\t\tif (analytics?.metaData) {\n\t\t\treturn getColumnSeries(analytics, header, config, highchartsType);\n\t\t}\n\t})[0];\n}\n\nexport function getColumnSeries(\n\tanalytics: Analytics,\n\theader: AnalyticsHeader,\n\tconfig: ChartConfig,\n\thighchartsType: string,\n): any {\n\tconst headerIndex = analytics?.headers?.findIndex(\n\t\t(h: { name: any }) => header.name === h.name,\n\t);\n\tconst valueIndex = analytics?.headers?.findIndex(\n\t\t(h: { name: string }) => h.name === \"value\",\n\t);\n\n\tconst colors = config.colors ?? [];\n\n\tconst { items, dimensions } = analytics?.metaData ?? {};\n\tconst categoriesDimension = config.layout.category;\n\n\tconst seriesDimensionValues: string[] =\n\t\tdimensions?.[header.name as \"dx\" | \"ou\" | \"pe\"] ?? [];\n\n\treturn head(\n\t\tcategoriesDimension?.map((categoryDimension: string) => {\n\t\t\tconst categories: string[] = dimensions?.[\n\t\t\t\tcategoryDimension as \"dx\" | \"ou\" | \"pe\"\n\t\t\t] as any;\n\t\t\tconst categoryDimensionIndex = analytics?.headers?.findIndex(\n\t\t\t\t(h: { name: string }) => h.name === categoryDimension,\n\t\t\t);\n\t\t\treturn seriesDimensionValues?.map(\n\t\t\t\t(seriesDimensionValue: string, index) => {\n\t\t\t\t\tconst data = categories?.map((category: string) => {\n\t\t\t\t\t\tconst row = find(\n\t\t\t\t\t\t\tanalytics?.rows,\n\t\t\t\t\t\t\t(row: any) =>\n\t\t\t\t\t\t\t\trow[headerIndex ?? -1] ===\n\t\t\t\t\t\t\t\t\tseriesDimensionValue &&\n\t\t\t\t\t\t\t\trow[categoryDimensionIndex ?? -1] === category,\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn row?.[valueIndex ?? -1]\n\t\t\t\t\t\t\t? parseFloat(row?.[valueIndex ?? -1])\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\t});\n\t\t\t\t\treturn {\n\t\t\t\t\t\tname: items?.[seriesDimensionValue as any]?.name,\n\t\t\t\t\t\tdata,\n\t\t\t\t\t\ttype: highchartsType,\n\t\t\t\t\t\tcolor: colors[index % colors.length],\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t);\n\t\t}),\n\t);\n}\n\nfunction getCategories(\n\t{ name }: AnalyticsHeader,\n\t{ items, dimensions }: AnalyticsMetadata,\n): string[] {\n\tconst categories: string[] = dimensions?.[\n\t\tname as \"dx\" | \"ou\" | \"pe\"\n\t] as any;\n\n\treturn categories?.map((category: string) => {\n\t\treturn items[category as any]?.name ?? \"\";\n\t}) as unknown as string[];\n}\n\nexport function getAllCategories(\n\tanalytics: Analytics,\n\tconfig: ChartConfig,\n): string[] {\n\tconst categories = config.layout.category;\n\n\treturn compact(\n\t\tcategories?.map((category: string) => {\n\t\t\tconst header = analytics?.headers?.find(\n\t\t\t\t(header: any) => header.name === category,\n\t\t\t);\n\t\t\tif (!header) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tif (analytics?.metaData) {\n\t\t\t\treturn getCategories(header, analytics?.metaData);\n\t\t\t}\n\t\t}),\n\t)[0];\n}\n\nexport function updateLayout(\n\tconfig: ChartConfig,\n\t{ type }: { type: ChartType },\n) {\n\tif (type === config.type) {\n\t\treturn config.layout;\n\t}\n\n\tconst updatedLayout = { ...config.layout };\n\n\tswitch (type) {\n\t\tcase \"pie\":\n\t\t\tset(updatedLayout, \"category\", []);\n\t\t\tif (isEmpty(updatedLayout.series)) {\n\t\t\t\tif (!isEmpty(config.layout.category)) {\n\t\t\t\t\tset(updatedLayout, \"series\", [\n\t\t\t\t\t\thead(config.layout.category),\n\t\t\t\t\t]);\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(\"Invalid layout for pie chart\");\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (updatedLayout.series.length > 1) {\n\t\t\t\tset(updatedLayout, \"series\", [head(updatedLayout.series)]);\n\t\t\t}\n\t}\n\n\treturn updatedLayout;\n}\n\nexport function getChartInstance(\n\tid: string,\n\tanalytics: Analytics,\n\tconfig: ChartConfig,\n): DHIS2Chart {\n\tswitch (config.type) {\n\t\tcase \"column\":\n\t\t\treturn new DHIS2ColumnChart(id, analytics, config);\n\t\tcase \"bar\":\n\t\t\treturn new DHIS2BarChart(id, analytics, config);\n\t\tcase \"stacked-bar\":\n\t\t\treturn new DHIS2StackedBarChart(id, analytics, config);\n\t\tcase \"stacked-column\":\n\t\t\treturn new DHIS2StackedColumnChart(id, analytics, config);\n\t\tcase \"pie\":\n\t\t\treturn new DHIS2PieChart(id, analytics, config);\n\t\tcase \"line\":\n\t\t\treturn new DHIS2LineChart(id, analytics, config);\n\t\tcase \"multi-series\":\n\t\t\treturn new DHIS2MultiSeriesChart(id, analytics, config);\n\t\tdefault:\n\t\t\tthrow new Error(`Unsupported chart type: ${config.type}`);\n\t}\n}\n"]}

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { colors } from '@dhis2/ui';
+import { useMemo } from 'react';
+import { CircularProgressbarWithChildren } from 'react-circular-progressbar';
+export * from './types/props.js';
+
+function CircularProgressVisualizer({
+  numerator,
+  size,
+  denominator,
+  value,
+  textStyle,
+  strokeStyle
+}) {
+  const filledSectionFieldsPercentage = useMemo(() => {
+    return value !== void 0 ? value : Math.floor((numerator ?? 0) / (denominator ?? 1) * 100);
+  }, [numerator, denominator, value]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        backgroundColor: "transparent",
+        width: size
+      },
+      children: /* @__PURE__ */ jsx(
+        CircularProgressbarWithChildren,
+        {
+          styles: {
+            path: {
+              stroke: strokeStyle?.color ?? colors.blue700
+            }
+          },
+          strokeWidth: 7,
+          value: filledSectionFieldsPercentage,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                ...textStyle ?? {},
+                fontSize: textStyle?.fontSize ?? typeof size === "number" ? 0.3 * size : "100%",
+                marginTop: -11
+              },
+              children: /* @__PURE__ */ jsxs(
+                "strong",
+                {
+                  style: {
+                    color: textStyle?.color ?? strokeStyle?.color ?? colors.blue700
+                  },
+                  children: [
+                    filledSectionFieldsPercentage,
+                    "%"
+                  ]
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const CircularProgressDashboard = CircularProgressVisualizer;
+
+export { CircularProgressDashboard, CircularProgressVisualizer };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CircularProgressIndicator.js.map