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

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

@@ -1,9 +1,4 @@
-'use strict';
-
 class DHIS2Chart {
-  id;
-  analytics;
-  config;
   constructor(id, analytics, config) {
     this.id = id;
     this.analytics = analytics;
@@ -114,6 +109,6 @@ class DHIS2Chart {
   }
 }
 
-exports.DHIS2Chart = DHIS2Chart;
+export { DHIS2Chart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/index.ts"],"names":[],"mappings":"AAIO,MAAe,WAAW;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EAEA,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\";\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"]}
+{"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/dist/components/ChartAnalytics/models/line.js

@@ -1,9 +1,7 @@
-'use strict';
+import { getPointSeries, getAllCategories } from '../utils/chart.js';
+import { DHIS2Chart } from './index.js';
 
-var chart = require('../utils/chart');
-var index = require('./index');
-
-class DHIS2LineChart extends index.DHIS2Chart {
+class DHIS2LineChart extends DHIS2Chart {
   getHighchartsType() {
     return "line";
   }
@@ -13,12 +11,12 @@ class DHIS2LineChart extends index.DHIS2Chart {
     };
   }
   getSeries() {
-    return chart.getPointSeries(this.analytics, this.config, "line");
+    return getPointSeries(this.analytics, this.config, "line");
   }
   getXAxis() {
     return {
       type: "category",
-      categories: chart.getAllCategories(this.analytics, this.config),
+      categories: getAllCategories(this.analytics, this.config),
       crosshair: true,
       labels: {
         enabled: true
@@ -28,6 +26,6 @@ class DHIS2LineChart extends index.DHIS2Chart {
   }
 }
 
-exports.DHIS2LineChart = DHIS2LineChart;
+export { DHIS2LineChart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=line.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/line.ts"],"names":[],"mappings":"AACA,SAAQ,kBAAkB,sBAAqB;AAC/C,SAAQ,kBAAiB;AAElB,MAAM,uBAAuB,WAAW;AAAA,EAC7C,oBAA4B;AAC1B,WAAO;AAAA,EACT;AAAA,EAEA,iBAA8B;AAC5B,WAAO;AAAA,MACL,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AAAA,EAEA,YAAiC;AAC/B,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,MAAM;AAAA,EAC3D;AAAA,EAEA,WAAqC;AACnC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACpB;AAAA,EACF;AACF","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions} from \"highcharts\";\nimport {getAllCategories, getPointSeries} from \"../utils/chart\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2LineChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"line\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      line: {},\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    return getPointSeries(this.analytics, this.config, \"line\");\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return {\n      type: \"category\",\n      categories: getAllCategories(this.analytics, this.config),\n      crosshair: true,\n      labels: {\n        enabled: true,\n      },\n      title: { text: \"\" },\n    };\n  }\n}\n"]}
+{"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

@@ -1,10 +1,8 @@
-'use strict';
+import { head, compact } from 'lodash';
+import { getDimensionHeaderIndex, getAllCategories } from '../utils/chart.js';
+import { DHIS2Chart } from './index.js';
 
-var lodash = require('lodash');
-var chart = require('../utils/chart');
-var index = require('./index');
-
-class DHIS2MultiSeriesChart extends index.DHIS2Chart {
+class DHIS2MultiSeriesChart extends DHIS2Chart {
   getHighchartsType() {
     return "";
   }
@@ -17,23 +15,36 @@ class DHIS2MultiSeriesChart extends index.DHIS2Chart {
   getSeries() {
     const analytics = this.analytics;
     const config = this.config;
-    const categoryDimension = lodash.head(config.layout.category);
+    const categoryDimension = head(config.layout.category);
     const seriesConfig = this.config.multiSeries;
-    const categoryIndex = chart.getDimensionHeaderIndex(analytics.headers ?? [], categoryDimension ?? "");
-    const seriesIndex = chart.getDimensionHeaderIndex(analytics.headers ?? [], lodash.head(config.layout.series) ?? "");
-    const valueIndex = chart.getDimensionHeaderIndex(analytics.headers ?? [], "value");
+    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");
+      throw new Error(
+        "MultiSeries config is required for chart type multi-series"
+      );
     }
-    return lodash.compact(
+    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);
+          const row = analytics.rows?.find(
+            (row2) => row2[categoryIndex] === item && row2[seriesIndex] === id
+          );
           return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;
         });
         let cumulativeData = [];
@@ -57,7 +68,7 @@ class DHIS2MultiSeriesChart extends index.DHIS2Chart {
   getXAxis() {
     return {
       type: "category",
-      categories: chart.getAllCategories(this.analytics, this.config),
+      categories: getAllCategories(this.analytics, this.config),
       crosshair: true,
       labels: {
         enabled: true
@@ -96,6 +107,6 @@ class DHIS2MultiSeriesChart extends index.DHIS2Chart {
   }
 }
 
-exports.DHIS2MultiSeriesChart = DHIS2MultiSeriesChart;
+export { DHIS2MultiSeriesChart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=multi-series.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/multi-series.ts"],"names":["row"],"mappings":"AACA,SAAQ,SAAS,YAAW;AAE5B,SAAQ,kBAAkB,+BAA8B;AACxD,SAAQ,kBAAiB;AAElB,MAAM,8BAA8B,WAAW;AAAA,EACpD,oBAA4B;AAC1B,WAAO;AAAA,EACT;AAAA,EAEA,iBAA8B;AAC5B,WAAO;AAAA,MACL,QAAQ,CAAC;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AAAA,EAEA,YAAiC;AAC/B,UAAM,YAAY,KAAK;AACvB,UAAM,SAAS,KAAK;AAEpB,UAAM,oBAAoB,KAAK,OAAO,OAAO,QAAQ;AACrD,UAAM,eAA8C,KAAK,OAAO;AAEhE,UAAM,gBAAgB,wBAAwB,UAAU,WAAW,CAAC,GAAG,qBAAqB,EAAE;AAC9F,UAAM,cAAc,wBAAwB,UAAU,WAAW,CAAC,GAAG,KAAK,OAAO,OAAO,MAAM,KAAK,EAAE;AACrG,UAAM,aAAa,wBAAwB,UAAU,WAAW,CAAC,GAAG,OAAO;AAE3E,QAAI,CAAC,mBAAmB;AACtB,YAAM,IAAI,MAAM,6CAA6C;AAAA,IAC/D;AAEA,QAAI,CAAC,cAAc;AACjB,YAAM,IAAI,MAAM,4DAA4D;AAAA,IAC9E;AAEA,WAAO;AAAA,MACL,cAAc,QAAQ,IAAI,CAAC,EAAE,IAAI,IAAI,YAAY,MAAM,MAAM;AAC3D,cAAM,WAAW,UAAU,UAAU,MAAM,EAAS;AACpD,cAAM,gBAAgB,UAAU,UAAU,WAAW,iBAAuC;AAE5F,cAAM,OAAO,eAAe,IAAI,CAAC,SAAiB;AAChD,gBAAM,MAAM,UAAU,MAAM,KAAK,CAACA,SAAaA,KAAI,aAAa,MAAM,QAAQA,KAAI,WAAW,MAAM,EAAE;AACrG,iBAAO,MAAM,UAAU,IAAI,WAAW,MAAM,UAAU,CAAC,IAAI;AAAA,QAC7D,CAAC;AAED,YAAI,iBAA2B,CAAC;AAEhC,YAAI,YAAY;AACd,2BACE,MAAM,OAAO,CAAC,KAAK,MAAM,UAAU;AACjC,gBAAI,UAAU,GAAG;AACf,qBAAO,CAAC,GAAG,KAAK,IAAI;AAAA,YACtB;AACA,mBAAO,CAAC,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI;AAAA,UACvC,GAAG,CAAC,CAAa,KAAK,CAAC;AAAA,QAC3B;AAEA,eAAO;AAAA,UACL,MAAM,UAAU;AAAA,UAChB,MAAM,aAAa,iBAAiB;AAAA,UACpC,MAAM;AAAA,UACN,OAAO,SAAS;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,WAAqC;AACnC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,WAA2B;AACzB,QAAI,QAAwB,CAAC;AAE7B,QAAI,KAAK,OAAO,aAAa,OAAO;AAClC,cAAQ,KAAK,OAAO,aAAa;AAAA,IACnC,OAAO;AACL,cAAQ,MAAM,SAAS;AAAA,IACzB;AAEA,QAAI,CAAC,KAAK,OAAO,aAAa,QAAQ;AACpC,aAAO;AAAA,IACT;AAEA,UAAM,EAAE,OAAO,QAAQ,MAAM,IAAI,KAAK,OAAO,aAAa,UAAU,CAAC;AAErE,WAAO;AAAA,MACL;AAAA,QACE,GAAG,MAAM,CAAC;AAAA,QACV,WAAW;AAAA,UACT,GAAI,MAAM,CAAC,EAAE,aAAa,CAAC;AAAA,UAC3B;AAAA,YACE,OAAO,QAAQ,SAAS;AAAA,YACxB,WAAW,QAAQ,aAAa;AAAA,YAChC;AAAA,YACA,OAAO,QAAQ,SAAS;AAAA,YACxB,QAAQ,QAAQ,UAAU;AAAA,YAC1B;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,GAAG,MAAM,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions, YAxisOptions} from \"highcharts\";\nimport {compact, head} from \"lodash\";\nimport {MultiSeriesConfig} from \"../types/props\";\nimport {getAllCategories, getDimensionHeaderIndex} from \"../utils/chart\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2MultiSeriesChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      column: {},\n      line: {},\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    const analytics = this.analytics;\n    const config = this.config;\n\n    const categoryDimension = head(config.layout.category);\n    const seriesConfig: MultiSeriesConfig | undefined = this.config.multiSeries;\n\n    const categoryIndex = getDimensionHeaderIndex(analytics.headers ?? [], categoryDimension ?? \"\");\n    const seriesIndex = getDimensionHeaderIndex(analytics.headers ?? [], head(config.layout.series) ?? \"\");\n    const valueIndex = getDimensionHeaderIndex(analytics.headers ?? [], \"value\");\n\n    if (!categoryDimension) {\n      throw new Error(\"At least one category dimension is required\");\n    }\n\n    if (!seriesConfig) {\n      throw new Error(\"MultiSeries config is required for chart type multi-series\");\n    }\n\n    return compact(\n      seriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {\n        const dataItem = analytics.metaData?.items[id as any];\n        const categoryItems = analytics.metaData?.dimensions[categoryDimension as \"dx\" | \"ou\" | \"pe\"];\n\n        const data = categoryItems?.map((item: string) => {\n          const row = analytics.rows?.find((row: any) => row[categoryIndex] === item && row[seriesIndex] === id);\n          return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;\n        });\n\n        let cumulativeData: number[] = [];\n\n        if (cumulative) {\n          cumulativeData =\n            data?.reduce((acc, curr, index) => {\n              if (index === 0) {\n                return [...acc, curr];\n              }\n              return [...acc, acc[index - 1] + curr];\n            }, [] as number[]) ?? [];\n        }\n\n        return {\n          name: dataItem?.name,\n          data: cumulative ? cumulativeData : data,\n          type: as,\n          yAxis: yAxis ?? 0,\n        };\n      })\n    ) as SeriesOptionsType[];\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return {\n      type: \"category\",\n      categories: getAllCategories(this.analytics, this.config),\n      crosshair: true,\n      labels: {\n        enabled: true,\n      },\n      title: { text: \"\" },\n    };\n  }\n\n  getYAxis(): YAxisOptions[] {\n    let yAxes: YAxisOptions[] = [];\n\n    if (this.config.multiSeries?.yAxes) {\n      yAxes = this.config.multiSeries?.yAxes;\n    } else {\n      yAxes = super.getYAxis();\n    }\n\n    if (!this.config.multiSeries?.target) {\n      return yAxes;\n    }\n\n    const { value, styles, label } = this.config.multiSeries?.target ?? {};\n\n    return [\n      {\n        ...yAxes[0],\n        plotLines: [\n          ...(yAxes[0].plotLines ?? []),\n          {\n            color: styles?.color ?? \"#00FF00\",\n            dashStyle: styles?.dashStyle ?? \"Solid\",\n            value,\n            width: styles?.width ?? 2,\n            zIndex: styles?.zIndex ?? 1000,\n            label: label,\n          },\n        ],\n      },\n      ...yAxes.slice(1),\n    ];\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/multi-series.ts"],"names":["row"],"mappings":"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","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

@@ -1,9 +1,7 @@
-'use strict';
+import { head } from 'lodash';
+import { DHIS2Chart } from './index.js';
 
-var lodash = require('lodash');
-var index = require('./index');
-
-class DHIS2PieChart extends index.DHIS2Chart {
+class DHIS2PieChart extends DHIS2Chart {
   getHighchartsType() {
     return "pie";
   }
@@ -22,7 +20,7 @@ class DHIS2PieChart extends index.DHIS2Chart {
   getSeries() {
     const analytics = this.analytics;
     const config = this.config;
-    const seriesDimension = lodash.head(config.layout.series);
+    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) {
@@ -34,7 +32,9 @@ class DHIS2PieChart extends index.DHIS2Chart {
         id: seriesDimension ?? "",
         name: analytics.metaData?.items?.[seriesDimension]?.name ?? "",
         data: seriesValues?.map((value) => {
-          const row = analytics?.rows?.find((row2) => row2[seriesIndex] === value);
+          const row = analytics?.rows?.find(
+            (row2) => row2[seriesIndex] === value
+          );
           return {
             name: analytics.metaData?.items?.[value]?.name,
             y: row?.[valueIndex] ? parseFloat(row?.[valueIndex] ?? "") : 0
@@ -48,6 +48,6 @@ class DHIS2PieChart extends index.DHIS2Chart {
   }
 }
 
-exports.DHIS2PieChart = DHIS2PieChart;
+export { DHIS2PieChart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=pie.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/pie.ts"],"names":["row"],"mappings":"AACA,SAAQ,YAAW;AACnB,SAAQ,kBAAiB;AAElB,MAAM,sBAAsB,WAAW;AAAA,EAC5C,oBAA4B;AAC1B,WAAO;AAAA,EACT;AAAA,EAEA,iBAA8B;AAC5B,WAAO;AAAA,MACL,KAAK;AAAA,QACH,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,SAAS;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAiC;AAC/B,UAAM,YAAY,KAAK;AACvB,UAAM,SAAS,KAAK;AACpB,UAAM,kBAAkB,KAAK,OAAO,OAAO,MAAM;AACjD,UAAM,cAAc,WAAW,SAAS,UAAU,CAAC,MAAM,EAAE,SAAS,eAAe,KAAK;AACxF,UAAM,aAAa,WAAW,SAAS,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,KAAK;AAE/E,QAAI,CAAC,iBAAiB;AACpB,YAAM,IAAI,MAAM,wCAAwC;AAAA,IAC1D;AACA,UAAM,eAAe,UAAU,UAAU,aAAa,eAAqC;AAE3F,WAAO;AAAA,MACL;AAAA,QACE,IAAI,mBAAmB;AAAA,QACvB,MAAM,UAAU,UAAU,QAAQ,eAAsB,GAAG,QAAQ;AAAA,QACnE,MAAM,cAAc,IAAI,CAAC,UAAkB;AACzC,gBAAM,MAAM,WAAW,MAAM,KAAK,CAACA,SAAaA,KAAI,WAAW,MAAM,KAAK;AAE1E,iBAAO;AAAA,YACL,MAAM,UAAU,UAAU,QAAQ,KAAY,GAAG;AAAA,YACjD,GAAG,MAAM,UAAU,IAAI,WAAW,MAAM,UAAU,KAAK,EAAE,IAAI;AAAA,UAC/D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAqC;AACnC,WAAO;AAAA,EACT;AACF","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions} from \"highcharts\";\nimport {head} from \"lodash\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2PieChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"pie\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      pie: {\n        allowPointSelect: true,\n        cursor: \"pointer\",\n        dataLabels: {\n          enabled: true,\n          format: \"<b>{point.name}</b>: {point.percentage:.1f} %\",\n        },\n      },\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    const analytics = this.analytics;\n    const config = this.config;\n    const seriesDimension = head(config.layout.series);\n    const seriesIndex = analytics?.headers?.findIndex((h) => h.name === seriesDimension) ?? -1;\n    const valueIndex = analytics?.headers?.findIndex((h) => h.name === \"value\") ?? -1;\n\n    if (!seriesDimension) {\n      throw new Error(\"Pie chart must have a series dimension\");\n    }\n    const seriesValues = analytics.metaData?.dimensions?.[seriesDimension as \"dx\" | \"ou\" | \"pe\"];\n\n    return [\n      {\n        id: seriesDimension ?? \"\",\n        name: analytics.metaData?.items?.[seriesDimension as any]?.name ?? \"\",\n        data: seriesValues?.map((value: string) => {\n          const row = analytics?.rows?.find((row: any) => row[seriesIndex] === value);\n\n          return {\n            name: analytics.metaData?.items?.[value as any]?.name,\n            y: row?.[valueIndex] ? parseFloat(row?.[valueIndex] ?? \"\") : 0,\n          };\n        }),\n      } as SeriesOptionsType,\n    ];\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return undefined;\n  }\n}\n"]}
+{"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

@@ -1,19 +1,11 @@
-'use strict';
-
-var HighChartsExportCSV = require('highcharts/modules/export-data');
-var HighChartsExport = require('highcharts/modules/exporting');
-var HighChartsFullScreen = require('highcharts/modules/full-screen');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var HighChartsExportCSV__default = /*#__PURE__*/_interopDefault(HighChartsExportCSV);
-var HighChartsExport__default = /*#__PURE__*/_interopDefault(HighChartsExport);
-var HighChartsFullScreen__default = /*#__PURE__*/_interopDefault(HighChartsFullScreen);
+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__default.default(highcharts);
-  HighChartsExportCSV__default.default(highcharts);
-  HighChartsFullScreen__default.default(highcharts);
+  HighChartsExport(highcharts);
+  HighChartsExportCSV(highcharts);
+  HighChartsFullScreen(highcharts);
 }
 function onFullScreenView(chartRef, options) {
   chartRef?.chart?.fullscreen.toggle();
@@ -38,11 +30,6 @@ const onViewAsTable = (chartRef, show) => {
   });
 };
 
-exports.onCSVDownload = onCSVDownload;
-exports.onFullScreenView = onFullScreenView;
-exports.onImageDownload = onImageDownload;
-exports.onPDFDownload = onPDFDownload;
-exports.onViewAsTable = onViewAsTable;
-exports.setupHighchartsModules = setupHighchartsModules;
+export { onCSVDownload, onFullScreenView, onImageDownload, onPDFDownload, onViewAsTable, setupHighchartsModules };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=export.js.map

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

@@ -1 +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,iBAAiB,UAAqC,SAA8B;AAClG,YAAU,OAAO,WAAW,OAAO;AACrC;AAEO,SAAS,cAAc,UAAqC,SAA8B;AAC/F,YAAU,MAAM,YAAY,EAAE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC;AACxE;AAEO,SAAS,cAAc,UAAqC,SAA8B;AAC/F,YAAU,MAAM,YAAY;AAC9B;AAEO,MAAM,kBAAkB,CAAC,UAAqC,MAAkC,YAAiC;AACtI,YAAU,MAAM,YAAY,EAAE,MAAM,SAAS,IAAI,GAAG,GAAG,WAAW,CAAC,CAAC;AACtE;AAEO,MAAM,gBAAgB,CAAC,UAAqC,SAAkB;AACnF,QAAM,UAAU,UAAU,MAAM;AAChC,YAAU,OAAO,OAAO;AAAA,IACtB,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,EACF,CAAC;AACH","sourcesContent":["import Highcharts from \"highcharts\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport HighChartsExportCSV from \"highcharts/modules/export-data\";\nimport HighChartsExport from \"highcharts/modules/exporting\";\nimport HighChartsFullScreen from \"highcharts/modules/full-screen\";\n\nexport function setupHighchartsModules(highcharts: typeof Highcharts) {\n\tHighChartsExport(highcharts);\n\tHighChartsExportCSV(highcharts);\n\tHighChartsFullScreen(highcharts);\n}\n\nexport function onFullScreenView(chartRef: HighchartsReact.RefObject, options?: Highcharts.Options) {\n  chartRef?.chart?.fullscreen.toggle();\n}\n\nexport function onPDFDownload(chartRef: HighchartsReact.RefObject, options?: Highcharts.Options) {\n  chartRef?.chart.exportChart({ type: \"application/pdf\" }, options ?? {});\n}\n\nexport function onCSVDownload(chartRef: HighchartsReact.RefObject, options?: Highcharts.Options) {\n  chartRef?.chart.downloadCSV();\n}\n\nexport const onImageDownload = (chartRef: HighchartsReact.RefObject, type: \"png\" | \"svg+xml\" | \"jpeg\", options?: Highcharts.Options) => {\n  chartRef?.chart.exportChart({ type: `image/${type}` }, options ?? {});\n};\n\nexport const onViewAsTable = (chartRef: HighchartsReact.RefObject, show: boolean) => {\n  const options = chartRef?.chart.options;\n  chartRef?.chart?.update({\n    ...options,\n    exporting: {\n      ...options?.exporting,\n      showTable: show,\n    },\n  });\n};\n"]}
+{"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

@@ -1,4 +1,3 @@
-'use strict';
 
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=props.js.map

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

@@ -1,14 +1,12 @@
-'use strict';
-
-var lodash = require('lodash');
-var column = require('../models/column');
-var line = require('../models/line');
-var multiSeries = require('../models/multi-series');
-var pie = require('../models/pie');
-var bar = require('../models/bar');
+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 lodash.findIndex(headers, { name });
+  return findIndex(headers, { name });
 }
 function getPointSeries(analytics, config, highchartsType) {
   const series = config.layout.series;
@@ -35,7 +33,7 @@ function getColumnSeries(analytics, header, config, highchartsType) {
   const { items, dimensions } = analytics?.metaData ?? {};
   const categoriesDimension = config.layout.category;
   const seriesDimensionValues = dimensions?.[header.name] ?? [];
-  return lodash.head(
+  return head(
     categoriesDimension?.map((categoryDimension) => {
       const categories = dimensions?.[categoryDimension];
       const categoryDimensionIndex = analytics?.headers?.findIndex(
@@ -44,7 +42,7 @@ function getColumnSeries(analytics, header, config, highchartsType) {
       return seriesDimensionValues?.map(
         (seriesDimensionValue, index) => {
           const data = categories?.map((category) => {
-            const row = lodash.find(
+            const row = find(
               analytics?.rows,
               (row2) => row2[headerIndex ?? -1] === seriesDimensionValue && row2[categoryDimensionIndex ?? -1] === category
             );
@@ -69,7 +67,7 @@ function getCategories({ name }, { items, dimensions }) {
 }
 function getAllCategories(analytics, config) {
   const categories = config.layout.category;
-  return lodash.compact(
+  return compact(
     categories?.map((category) => {
       const header = analytics?.headers?.find(
         (header2) => header2.name === category
@@ -90,18 +88,18 @@ function updateLayout(config, { type }) {
   const updatedLayout = { ...config.layout };
   switch (type) {
     case "pie":
-      lodash.set(updatedLayout, "category", []);
-      if (lodash.isEmpty(updatedLayout.series)) {
-        if (!lodash.isEmpty(config.layout.category)) {
-          lodash.set(updatedLayout, "series", [
-            lodash.head(config.layout.category)
+      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) {
-        lodash.set(updatedLayout, "series", [lodash.head(updatedLayout.series)]);
+        set(updatedLayout, "series", [head(updatedLayout.series)]);
       }
   }
   return updatedLayout;
@@ -109,29 +107,24 @@ function updateLayout(config, { type }) {
 function getChartInstance(id, analytics, config) {
   switch (config.type) {
     case "column":
-      return new column.DHIS2ColumnChart(id, analytics, config);
+      return new DHIS2ColumnChart(id, analytics, config);
     case "bar":
-      return new bar.DHIS2BarChart(id, analytics, config);
+      return new DHIS2BarChart(id, analytics, config);
     case "stacked-bar":
-      return new bar.DHIS2StackedBarChart(id, analytics, config);
+      return new DHIS2StackedBarChart(id, analytics, config);
     case "stacked-column":
-      return new column.DHIS2StackedColumnChart(id, analytics, config);
+      return new DHIS2StackedColumnChart(id, analytics, config);
     case "pie":
-      return new pie.DHIS2PieChart(id, analytics, config);
+      return new DHIS2PieChart(id, analytics, config);
     case "line":
-      return new line.DHIS2LineChart(id, analytics, config);
+      return new DHIS2LineChart(id, analytics, config);
     case "multi-series":
-      return new multiSeries.DHIS2MultiSeriesChart(id, analytics, config);
+      return new DHIS2MultiSeriesChart(id, analytics, config);
     default:
       throw new Error(`Unsupported chart type: ${config.type}`);
   }
 }
 
-exports.getAllCategories = getAllCategories;
-exports.getChartInstance = getChartInstance;
-exports.getColumnSeries = getColumnSeries;
-exports.getDimensionHeaderIndex = getDimensionHeaderIndex;
-exports.getPointSeries = getPointSeries;
-exports.updateLayout = updateLayout;
+export { getAllCategories, getChartInstance, getColumnSeries, getDimensionHeaderIndex, getPointSeries, updateLayout };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=chart.js.map

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

@@ -1 +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\";\nimport { DHIS2ColumnChart, DHIS2StackedColumnChart } from \"../models/column\";\nimport { DHIS2LineChart } from \"../models/line\";\nimport { DHIS2MultiSeriesChart } from \"../models/multi-series\";\nimport { DHIS2PieChart } from \"../models/pie\";\nimport { ChartConfig, ChartType } from \"../types/props\";\nimport { DHIS2BarChart, DHIS2StackedBarChart } from \"../models/bar\";\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"]}
+{"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

@@ -1,10 +1,8 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var react = require('react');
-var reactCircularProgressbar = require('react-circular-progressbar');
-var props = require('./types/props');
+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,
@@ -14,27 +12,27 @@ function CircularProgressVisualizer({
   textStyle,
   strokeStyle
 }) {
-  const filledSectionFieldsPercentage = react.useMemo(() => {
+  const filledSectionFieldsPercentage = useMemo(() => {
     return value !== void 0 ? value : Math.floor((numerator ?? 0) / (denominator ?? 1) * 100);
   }, [numerator, denominator, value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       style: {
         backgroundColor: "transparent",
         width: size
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactCircularProgressbar.CircularProgressbarWithChildren,
+      children: /* @__PURE__ */ jsx(
+        CircularProgressbarWithChildren,
         {
           styles: {
             path: {
-              stroke: strokeStyle?.color ?? ui.colors.blue700
+              stroke: strokeStyle?.color ?? colors.blue700
             }
           },
           strokeWidth: 7,
           value: filledSectionFieldsPercentage,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
+          children: /* @__PURE__ */ jsx(
             "div",
             {
               style: {
@@ -42,11 +40,11 @@ function CircularProgressVisualizer({
                 fontSize: textStyle?.fontSize ?? typeof size === "number" ? 0.3 * size : "100%",
                 marginTop: -11
               },
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
+              children: /* @__PURE__ */ jsxs(
                 "strong",
                 {
                   style: {
-                    color: textStyle?.color ?? strokeStyle?.color ?? ui.colors.blue700
+                    color: textStyle?.color ?? strokeStyle?.color ?? colors.blue700
                   },
                   children: [
                     filledSectionFieldsPercentage,
@@ -63,13 +61,6 @@ function CircularProgressVisualizer({
 }
 const CircularProgressDashboard = CircularProgressVisualizer;
 
-exports.CircularProgressDashboard = CircularProgressDashboard;
-exports.CircularProgressVisualizer = CircularProgressVisualizer;
-Object.keys(props).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return props[k]; }
-  });
-});
+export { CircularProgressDashboard, CircularProgressVisualizer };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=CircularProgressIndicator.js.map