npm - @hisptz/dhis2-analytics - Versions diffs - 1.0.66 → 2.0.0-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1029) hide show

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

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

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

@@ -0,0 +1,51 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -0,0 +1,48 @@
+'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);
+function setupHighchartsModules(highcharts) {
+  HighChartsExport__default.default(highcharts);
+  HighChartsExportCSV__default.default(highcharts);
+  HighChartsFullScreen__default.default(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
+    }
+  });
+};
+exports.onCSVDownload = onCSVDownload;
+exports.onFullScreenView = onFullScreenView;
+exports.onImageDownload = onImageDownload;
+exports.onPDFDownload = onPDFDownload;
+exports.onViewAsTable = onViewAsTable;
+exports.setupHighchartsModules = setupHighchartsModules;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=export.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/ChartAnalytics/services/export.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB;AAChC,OAAO,sBAAsB;AAC7B,OAAO,0BAA0B;AAE1B,SAAS,uBAAuB,YAA+B;AACrE,mBAAiB,UAAU;AAC3B,sBAAoB,UAAU;AAC9B,uBAAqB,UAAU;AAChC;AAEO,SAAS,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/services/export.mjs ADDED Viewed

@@ -0,0 +1,35 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,137 @@
+'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');
+function getDimensionHeaderIndex(headers, name) {
+  return lodash.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 lodash.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 = lodash.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 lodash.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":
+      lodash.set(updatedLayout, "category", []);
+      if (lodash.isEmpty(updatedLayout.series)) {
+        if (!lodash.isEmpty(config.layout.category)) {
+          lodash.set(updatedLayout, "series", [
+            lodash.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)]);
+      }
+  }
+  return updatedLayout;
+}
+function getChartInstance(id, analytics, config) {
+  switch (config.type) {
+    case "column":
+      return new column.DHIS2ColumnChart(id, analytics, config);
+    case "bar":
+      return new bar.DHIS2BarChart(id, analytics, config);
+    case "stacked-bar":
+      return new bar.DHIS2StackedBarChart(id, analytics, config);
+    case "stacked-column":
+      return new column.DHIS2StackedColumnChart(id, analytics, config);
+    case "pie":
+      return new pie.DHIS2PieChart(id, analytics, config);
+    case "line":
+      return new line.DHIS2LineChart(id, analytics, config);
+    case "multi-series":
+      return new multiSeries.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;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chart.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/ChartAnalytics/utils/chart.ts"],"names":["header","row"],"mappings":"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","sourcesContent":["import type {\n\tAnalytics,\n\tAnalyticsHeader,\n\tAnalyticsMetadata,\n} from \"@hisptz/dhis2-utils\";\nimport { compact, find, findIndex, head, isEmpty, set } from \"lodash\";\nimport { DHIS2Chart } from \"../models\";\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/ChartAnalytics/utils/chart.mjs ADDED Viewed

@@ -0,0 +1,130 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.js ADDED Viewed

@@ -0,0 +1,75 @@
+'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');
+function CircularProgressVisualizer({
+  numerator,
+  size,
+  denominator,
+  value,
+  textStyle,
+  strokeStyle
+}) {
+  const filledSectionFieldsPercentage = react.useMemo(() => {
+    return value !== void 0 ? value : Math.floor((numerator ?? 0) / (denominator ?? 1) * 100);
+  }, [numerator, denominator, value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        backgroundColor: "transparent",
+        width: size
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactCircularProgressbar.CircularProgressbarWithChildren,
+        {
+          styles: {
+            path: {
+              stroke: strokeStyle?.color ?? ui.colors.blue700
+            }
+          },
+          strokeWidth: 7,
+          value: filledSectionFieldsPercentage,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                ...textStyle ?? {},
+                fontSize: textStyle?.fontSize ?? typeof size === "number" ? 0.3 * size : "100%",
+                marginTop: -11
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "strong",
+                {
+                  style: {
+                    color: textStyle?.color ?? strokeStyle?.color ?? ui.colors.blue700
+                  },
+                  children: [
+                    filledSectionFieldsPercentage,
+                    "%"
+                  ]
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+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]; }
+  });
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CircularProgressIndicator.js.map

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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.mjs ADDED Viewed

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { colors } from '@dhis2/ui';
+import { useMemo } from 'react';
+import { CircularProgressbarWithChildren } from 'react-circular-progressbar';
+export * from './types/props';
+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 ADDED Viewed

@@ -0,0 +1 @@