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

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

@@ -1,117 +0,0 @@
-class DHIS2Chart {
-  id;
-  analytics;
-  config;
-  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.mjs.map

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

@@ -1 +0,0 @@
-{"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"]}

package/dist/components/ChartAnalytics/models/line.mjs

@@ -1,31 +0,0 @@
-import { getPointSeries, getAllCategories } from '../utils/chart';
-import { DHIS2Chart } from './index';
-
-class DHIS2LineChart extends DHIS2Chart {
-  getHighchartsType() {
-    return "line";
-  }
-  getPlotOptions() {
-    return {
-      line: {}
-    };
-  }
-  getSeries() {
-    return getPointSeries(this.analytics, this.config, "line");
-  }
-  getXAxis() {
-    return {
-      type: "category",
-      categories: getAllCategories(this.analytics, this.config),
-      crosshair: true,
-      labels: {
-        enabled: true
-      },
-      title: { text: "" }
-    };
-  }
-}
-
-export { DHIS2LineChart };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=line.mjs.map

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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,99 +0,0 @@
-import { head, compact } from 'lodash';
-import { getDimensionHeaderIndex, getAllCategories } from '../utils/chart';
-import { DHIS2Chart } from './index';
-
-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.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/multi-series.ts"],"names":["row"],"mappings":"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","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"]}

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

@@ -1,51 +0,0 @@
-import { head } from 'lodash';
-import { DHIS2Chart } from './index';
-
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,35 +0,0 @@
-import HighChartsExportCSV from 'highcharts/modules/export-data';
-import HighChartsExport from 'highcharts/modules/exporting';
-import HighChartsFullScreen from 'highcharts/modules/full-screen';
-
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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"]}

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

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

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

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

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

@@ -1,130 +0,0 @@
-import { findIndex, head, find, compact, set, isEmpty } from 'lodash';
-import { DHIS2StackedColumnChart, DHIS2ColumnChart } from '../models/column';
-import { DHIS2LineChart } from '../models/line';
-import { DHIS2MultiSeriesChart } from '../models/multi-series';
-import { DHIS2PieChart } from '../models/pie';
-import { DHIS2StackedBarChart, DHIS2BarChart } from '../models/bar';
-
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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"]}

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.mjs

@@ -1,66 +0,0 @@
-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';
-
-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.mjs.map

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/CircularProgressDashboard/CircularProgressIndicator.tsx"],"names":[],"mappings":"AAoCI,cAUC,YAVD;AApCJ,SAAS,cAAc;AACvB,SAAgB,eAAe;AAC/B,SAAS,uCAAuC;AAGhD,cAAc;AAEP,SAAS,2BAA2B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAA+C;AAC9C,QAAM,gCAAgC,QAAQ,MAAM;AACnD,WAAO,UAAU,SACd,QACA,KAAK,OAAQ,aAAa,MAAM,eAAe,KAAM,GAAG;AAAA,EAC5D,GAAG,CAAC,WAAW,aAAa,KAAK,CAAC;AAClC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACR;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ;AAAA,YACP,MAAM;AAAA,cACL,QAAQ,aAAa,SAAS,OAAO;AAAA,YACtC;AAAA,UACD;AAAA,UACA,aAAa;AAAA,UACb,OAAO;AAAA,UAEP;AAAA,YAAC;AAAA;AAAA,cACA,OAAO;AAAA,gBACN,GAAI,aAAa,CAAC;AAAA,gBAClB,UACC,WAAW,YAAY,OAAO,SAAS,WACpC,MAAO,OACP;AAAA,gBACJ,WAAW;AAAA,cACZ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,oBACN,OACC,WAAW,SACX,aAAa,SACb,OAAO;AAAA,kBACT;AAAA,kBAEC;AAAA;AAAA,oBAA8B;AAAA;AAAA;AAAA,cAChC;AAAA;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,4BAA4B","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React, { useMemo } from \"react\";\nimport { CircularProgressbarWithChildren } from \"react-circular-progressbar\";\nimport { CircularDashboardProps } from \"./types/props\";\n\nexport * from \"./types/props\";\n\nexport function CircularProgressVisualizer({\n\tnumerator,\n\tsize,\n\tdenominator,\n\tvalue,\n\ttextStyle,\n\tstrokeStyle,\n}: CircularDashboardProps): React.ReactElement {\n\tconst filledSectionFieldsPercentage = useMemo(() => {\n\t\treturn value !== undefined\n\t\t\t? value\n\t\t\t: Math.floor(((numerator ?? 0) / (denominator ?? 1)) * 100);\n\t}, [numerator, denominator, value]);\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: \"transparent\",\n\t\t\t\twidth: size,\n\t\t\t}}\n\t\t>\n\t\t\t<CircularProgressbarWithChildren\n\t\t\t\tstyles={{\n\t\t\t\t\tpath: {\n\t\t\t\t\t\tstroke: strokeStyle?.color ?? colors.blue700,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tstrokeWidth={7}\n\t\t\t\tvalue={filledSectionFieldsPercentage}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...(textStyle ?? {}),\n\t\t\t\t\t\tfontSize:\n\t\t\t\t\t\t\ttextStyle?.fontSize ?? typeof size === \"number\"\n\t\t\t\t\t\t\t\t? 0.3 * (size as number)\n\t\t\t\t\t\t\t\t: \"100%\",\n\t\t\t\t\t\tmarginTop: -11,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<strong\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\ttextStyle?.color ??\n\t\t\t\t\t\t\t\tstrokeStyle?.color ??\n\t\t\t\t\t\t\t\tcolors.blue700,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{filledSectionFieldsPercentage}%\n\t\t\t\t\t</strong>\n\t\t\t\t</div>\n\t\t\t</CircularProgressbarWithChildren>\n\t\t</div>\n\t);\n}\n\nexport const CircularProgressDashboard = CircularProgressVisualizer;\n"]}

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.stories.mjs

@@ -1,42 +0,0 @@
-import { CircularProgressVisualizer } from './CircularProgressIndicator';
-
-const meta = {
-  title: "Circular Progress Visualizer",
-  component: CircularProgressVisualizer
-};
-var CircularProgressIndicator_stories_default = meta;
-const Default = { name: "Default" };
-Default.args = {
-  numerator: 7,
-  denominator: 10,
-  size: 500
-};
-const WithStrokeStyling = {
-  name: "With stroke styling"
-};
-WithStrokeStyling.args = {
-  numerator: 7,
-  denominator: 10,
-  size: 500,
-  strokeStyle: {
-    width: "10%",
-    color: "red"
-  }
-};
-const WithTextStyling = {
-  name: "With text styling"
-};
-WithTextStyling.args = {
-  numerator: 7,
-  denominator: 10,
-  size: 500,
-  textStyle: {
-    color: "red",
-    fontWeight: "bold",
-    fontSize: "20vh"
-  }
-};
-
-export { Default, WithStrokeStyling, WithTextStyling, CircularProgressIndicator_stories_default as default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=CircularProgressIndicator.stories.mjs.map