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

package/dist/components/ChartAnalytics/ChartAnalytics.stories.js

@@ -1,34 +1,21 @@
-'use strict';
+import { setupHighchartsModules, DHIS2Chart } from '.';
+import columnData from '../../shared/resources/column-data.json';
+import multiSeriesData from '../../shared/resources/multi-series-data.json';
+import stackedChartData from '../../shared/resources/stacked-chart-data.json';
+import pieData from '../../shared/resources/pie-data.json';
+import complexMultiSeriesData from '../../shared/resources/complex-multi-series-data.json';
+import HighCharts from 'highcharts';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _ = require('.');
-var columnData = require('../../shared/resources/column-data.json');
-var multiSeriesData = require('../../shared/resources/multi-series-data.json');
-var stackedChartData = require('../../shared/resources/stacked-chart-data.json');
-var pieData = require('../../shared/resources/pie-data.json');
-var complexMultiSeriesData = require('../../shared/resources/complex-multi-series-data.json');
-var HighCharts = require('highcharts');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var columnData__default = /*#__PURE__*/_interopDefault(columnData);
-var multiSeriesData__default = /*#__PURE__*/_interopDefault(multiSeriesData);
-var stackedChartData__default = /*#__PURE__*/_interopDefault(stackedChartData);
-var pieData__default = /*#__PURE__*/_interopDefault(pieData);
-var complexMultiSeriesData__default = /*#__PURE__*/_interopDefault(complexMultiSeriesData);
-var HighCharts__default = /*#__PURE__*/_interopDefault(HighCharts);
-
-_.setupHighchartsModules(HighCharts__default.default);
+setupHighchartsModules(HighCharts);
 const meta = {
-  component: _.DHIS2Chart,
+  component: DHIS2Chart,
   title: "DHIS2 Chart"
 };
 var ChartAnalytics_stories_default = meta;
 const Default = {
   name: "Column",
   args: {
-    analytics: columnData__default.default,
+    analytics: columnData,
     config: {
       layout: {
         series: ["dx"],
@@ -42,7 +29,7 @@ const Default = {
 const Bar = {
   name: "Bar",
   args: {
-    analytics: columnData__default.default,
+    analytics: columnData,
     config: {
       layout: {
         series: ["dx"],
@@ -56,7 +43,7 @@ const Bar = {
 const MultipleColumns = {
   name: "Multiple columns",
   args: {
-    analytics: multiSeriesData__default.default,
+    analytics: multiSeriesData,
     config: {
       layout: {
         series: ["ou"],
@@ -70,7 +57,7 @@ const MultipleColumns = {
 const StackedColumn = {
   name: "Stacked column",
   args: {
-    analytics: stackedChartData__default.default,
+    analytics: stackedChartData,
     config: {
       layout: {
         series: ["ou"],
@@ -84,7 +71,7 @@ const StackedColumn = {
 const StackedBar = {
   name: "Stacked bar",
   args: {
-    analytics: stackedChartData__default.default,
+    analytics: stackedChartData,
     config: {
       layout: {
         series: ["ou"],
@@ -98,7 +85,7 @@ const StackedBar = {
 const Line = {
   name: "Line chart",
   args: {
-    analytics: columnData__default.default,
+    analytics: columnData,
     config: {
       layout: {
         series: ["dx"],
@@ -112,7 +99,7 @@ const Line = {
 const MultipleLines = {
   name: "Multi line",
   args: {
-    analytics: multiSeriesData__default.default,
+    analytics: multiSeriesData,
     config: {
       layout: {
         series: ["ou"],
@@ -126,7 +113,7 @@ const MultipleLines = {
 const PieChart = {
   name: "Pie chart",
   args: {
-    analytics: pieData__default.default,
+    analytics: pieData,
     config: {
       layout: {
         series: ["dx"],
@@ -140,7 +127,7 @@ const PieChart = {
 const MultiSeries = {
   name: "Multi series",
   args: {
-    analytics: multiSeriesData__default.default,
+    analytics: multiSeriesData,
     config: {
       layout: {
         series: ["ou"],
@@ -202,7 +189,7 @@ const MultiSeries = {
 const ComplexMultiSeries = {
   name: "Complex multi series",
   args: {
-    analytics: complexMultiSeriesData__default.default,
+    analytics: complexMultiSeriesData,
     config: {
       layout: {
         series: ["dx"],
@@ -262,16 +249,6 @@ const ComplexMultiSeries = {
   }
 };
 
-exports.Bar = Bar;
-exports.ComplexMultiSeries = ComplexMultiSeries;
-exports.Default = Default;
-exports.Line = Line;
-exports.MultiSeries = MultiSeries;
-exports.MultipleColumns = MultipleColumns;
-exports.MultipleLines = MultipleLines;
-exports.PieChart = PieChart;
-exports.StackedBar = StackedBar;
-exports.StackedColumn = StackedColumn;
-exports.default = ChartAnalytics_stories_default;
+export { Bar, ComplexMultiSeries, Default, Line, MultiSeries, MultipleColumns, MultipleLines, PieChart, StackedBar, StackedColumn, ChartAnalytics_stories_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ChartAnalytics.stories.js.map

package/dist/components/ChartAnalytics/DHIS2Chart.js

@@ -1,62 +1,36 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var dhis2Utils = require('@hisptz/dhis2-utils');
-var HighCharts = require('highcharts');
-var HighchartsReact = require('highcharts-react-official');
-var react = require('react');
-var useChart = require('./hooks/useChart');
-require('./styles/custom-highchart.css');
-var _export = require('./services/export');
-var props = require('./types/props');
-var DownloadMenu = require('./components/DownloadMenu');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var HighCharts__default = /*#__PURE__*/_interopDefault(HighCharts);
-var HighchartsReact__default = /*#__PURE__*/_interopDefault(HighchartsReact);
+import { jsx } from 'react/jsx-runtime';
+import { uid } from '@hisptz/dhis2-utils';
+import HighCharts from 'highcharts';
+import HighchartsReact from 'highcharts-react-official';
+import { forwardRef, useRef } from 'react';
+import { useChart } from './hooks/useChart.js';
+import './styles/custom-highchart.css';
+export * from './services/export.js';
+export * from './types/props.js';
+export * from './components/DownloadMenu/index.js';
 
 function ChartAnalyticsComponent({ analytics, config, containerProps }, ref) {
-  const id = react.useRef(`${dhis2Utils.uid()}-chart-item`);
-  const { chart } = useChart.useChart({ id: id.current, analytics, config });
+  const id = useRef(`${uid()}-chart-item`);
+  const { chart } = useChart({ id: id.current, analytics, config });
   if (!chart) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    HighchartsReact__default.default,
+  return /* @__PURE__ */ jsx(
+    HighchartsReact,
     {
       immutable: true,
       ref,
       containerProps: { id: id.current, ...containerProps ?? {} },
-      highcharts: HighCharts__default.default,
+      highcharts: HighCharts,
       options: { ...chart }
     }
   );
 }
-const DHIS2Chart = react.forwardRef(
+const DHIS2Chart = forwardRef(
   ChartAnalyticsComponent
 );
 const ChartAnalytics = DHIS2Chart;
 
-exports.ChartAnalytics = ChartAnalytics;
-exports.DHIS2Chart = DHIS2Chart;
-Object.keys(_export).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return _export[k]; }
-  });
-});
-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]; }
-  });
-});
-Object.keys(DownloadMenu).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return DownloadMenu[k]; }
-  });
-});
+export { ChartAnalytics, DHIS2Chart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=DHIS2Chart.js.map

package/dist/components/ChartAnalytics/DHIS2Chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChartAnalytics/DHIS2Chart.tsx"],"names":[],"mappings":"AAuBE;AAvBF,SAAS,WAAW;AACpB,OAAO,gBAAgB;AACvB,OAAO,qBAAqB;AAC5B,SAAgB,YAAY,cAAc;AAC1C,SAAS,gBAAgB;AACzB,OAAO;AAGP,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,wBACR,EAAE,WAAW,QAAQ,eAAe,GACpC,KACC;AACD,QAAM,KAAK,OAAO,GAAG,IAAI,CAAC,aAAa;AACvC,QAAM,EAAE,MAAM,IAAI,SAAS,EAAE,IAAI,GAAG,SAAS,WAAW,OAAO,CAAC;AAEhE,MAAI,CAAC,OAAO;AACX,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAS;AAAA,MACT;AAAA,MACA,gBAAgB,EAAE,IAAI,GAAG,SAAS,GAAI,kBAAkB,CAAC,EAAG;AAAA,MAC5D,YAAY;AAAA,MACZ,SAAS,EAAE,GAAG,MAAM;AAAA;AAAA,EACrB;AAEF;AAgBO,MAAM,aAA4C;AAAA,EACxD;AACD;AAKO,MAAM,iBAAiB","sourcesContent":["import { uid } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useChart } from \"./hooks/useChart\";\nimport \"./styles/custom-highchart.css\";\nimport { ChartAnalyticsProps } from \"./types/props\";\n\nexport * from \"./services/export\";\nexport * from \"./types/props\";\nexport * from \"./components/DownloadMenu\";\n\nfunction ChartAnalyticsComponent(\n\t{ analytics, config, containerProps }: ChartAnalyticsProps,\n\tref: React.ForwardedRef<HighchartsReact.RefObject>,\n) {\n\tconst id = useRef(`${uid()}-chart-item`);\n\tconst { chart } = useChart({ id: id.current, analytics, config });\n\n\tif (!chart) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<HighchartsReact\n\t\t\timmutable\n\t\t\tref={ref}\n\t\t\tcontainerProps={{ id: id.current, ...(containerProps ?? {}) }}\n\t\t\thighcharts={HighCharts}\n\t\t\toptions={{ ...chart }}\n\t\t/>\n\t);\n}\n\n/**\n * The `DHIS2Chart` component allows you to render a chart visualization from DHIS2 analytics data.\n * It accepts the DHIS2 analytics payload as well as configuration on how to visualize the data.\n *\n * @component\n *\n * @param {ChartAnalyticsProps} props\n * @param {Analytics} [props.analytics] - Analytics data from DHIS2\n * @param {ChartConfig} [props.config] - Visualization configuration. See stories for more information\n * @param {Record<string, any>} [props.containerProps] - Props that will be passed to the chart container\n * @param {forwardRef} forwardRef - A function that creates a higher order component that forwards the ref through the component tree.\n *\n * @returns {React.FC<ChartAnalyticsProps & { ref: React.Ref<unknown> }>} - The DHIS2 chart component with forward ref support.\n */\nexport const DHIS2Chart: React.FC<ChartAnalyticsProps> = forwardRef(\n\tChartAnalyticsComponent,\n);\n\n/**\n * @deprecated since `v2`. Use `DHIS2Chart` instead\n * */\nexport const ChartAnalytics = DHIS2Chart;\n"]}
+{"version":3,"sources":["../../../src/components/ChartAnalytics/DHIS2Chart.tsx"],"names":[],"mappings":"AAuBE;AAvBF,SAAS,WAAW;AACpB,OAAO,gBAAgB;AACvB,OAAO,qBAAqB;AAC5B,SAAgB,YAAY,cAAc;AAC1C,SAAS,gBAAgB;AACzB,OAAO;AAGP,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,wBACR,EAAE,WAAW,QAAQ,eAAe,GACpC,KACC;AACD,QAAM,KAAK,OAAO,GAAG,IAAI,CAAC,aAAa;AACvC,QAAM,EAAE,MAAM,IAAI,SAAS,EAAE,IAAI,GAAG,SAAS,WAAW,OAAO,CAAC;AAEhE,MAAI,CAAC,OAAO;AACX,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAS;AAAA,MACT;AAAA,MACA,gBAAgB,EAAE,IAAI,GAAG,SAAS,GAAI,kBAAkB,CAAC,EAAG;AAAA,MAC5D,YAAY;AAAA,MACZ,SAAS,EAAE,GAAG,MAAM;AAAA;AAAA,EACrB;AAEF;AAgBO,MAAM,aAA4C;AAAA,EACxD;AACD;AAKO,MAAM,iBAAiB","sourcesContent":["import { uid } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useChart } from \"./hooks/useChart.js\";\nimport \"./styles/custom-highchart.css\";\nimport { ChartAnalyticsProps } from \"./types/props.js\";\n\nexport * from \"./services/export.js\";\nexport * from \"./types/props.js\";\nexport * from \"./components/DownloadMenu/index.js\";\n\nfunction ChartAnalyticsComponent(\n\t{ analytics, config, containerProps }: ChartAnalyticsProps,\n\tref: React.ForwardedRef<HighchartsReact.RefObject>,\n) {\n\tconst id = useRef(`${uid()}-chart-item`);\n\tconst { chart } = useChart({ id: id.current, analytics, config });\n\n\tif (!chart) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<HighchartsReact\n\t\t\timmutable\n\t\t\tref={ref}\n\t\t\tcontainerProps={{ id: id.current, ...(containerProps ?? {}) }}\n\t\t\thighcharts={HighCharts}\n\t\t\toptions={{ ...chart }}\n\t\t/>\n\t);\n}\n\n/**\n * The `DHIS2Chart` component allows you to render a chart visualization from DHIS2 analytics data.\n * It accepts the DHIS2 analytics payload as well as configuration on how to visualize the data.\n *\n * @component\n *\n * @param {ChartAnalyticsProps} props\n * @param {Analytics} [props.analytics] - Analytics data from DHIS2\n * @param {ChartConfig} [props.config] - Visualization configuration. See stories for more information\n * @param {Record<string, any>} [props.containerProps] - Props that will be passed to the chart container\n * @param {forwardRef} forwardRef - A function that creates a higher order component that forwards the ref through the component tree.\n *\n * @returns {React.FC<ChartAnalyticsProps & { ref: React.Ref<unknown> }>} - The DHIS2 chart component with forward ref support.\n */\nexport const DHIS2Chart: React.FC<ChartAnalyticsProps> = forwardRef(\n\tChartAnalyticsComponent,\n);\n\n/**\n * @deprecated since `v2`. Use `DHIS2Chart` instead\n * */\nexport const ChartAnalytics = DHIS2Chart;\n"]}

package/dist/components/ChartAnalytics/components/DownloadMenu/components/Menu.js

@@ -1,9 +1,7 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var lodash = require('lodash');
-var menu = require('../constants/menu');
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Popover, FlyoutMenu, Menu, MenuItem, MenuDivider } from '@dhis2/ui';
+import { map, isEmpty } from 'lodash';
+import { chartMenuSections } from '../constants/menu.js';
 
 function ChartMenu({
   menuRef,
@@ -15,25 +13,25 @@ function ChartMenu({
     onClick(action);
     onClose();
   };
-  const menuSections = lodash.map(menu.chartMenuSections, (section) => {
+  const menuSections = map(chartMenuSections, (section) => {
     return {
       ...section,
       menuItems: section.menuItems.filter(
         (item) => !exclude.includes(item.name)
       )
     };
-  }).filter((section) => !lodash.isEmpty(section.menuItems));
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Popover,
+  }).filter((section) => !isEmpty(section.menuItems));
+  return /* @__PURE__ */ jsx(
+    Popover,
     {
       onClickOutside: onClose,
       onClose,
       reference: menuRef,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.FlyoutMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { children: menuSections?.map((section, index) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      children: /* @__PURE__ */ jsx(FlyoutMenu, { children: /* @__PURE__ */ jsx(Menu, { children: menuSections?.map((section, index) => {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
           section.menuItems?.map(({ name, label }) => {
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              ui.MenuItem,
+            return /* @__PURE__ */ jsx(
+              MenuItem,
               {
                 dataTest: `download-${name}`,
                 label,
@@ -42,13 +40,13 @@ function ChartMenu({
               `${name}-menu-item`
             );
           }),
-          index !== menuSections.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(ui.MenuDivider, {})
+          index !== menuSections.length - 1 && /* @__PURE__ */ jsx(MenuDivider, {})
         ] });
       }) }) })
     }
   );
 }
 
-exports.ChartMenu = ChartMenu;
+export { ChartMenu };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Menu.js.map

package/dist/components/ChartAnalytics/components/DownloadMenu/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/ChartAnalytics/components/DownloadMenu/components/Menu.tsx"],"names":[],"mappings":"AA0CO,mBAGG,KAHH;AA1CP,SAAS,YAAY,MAAM,aAAa,UAAU,eAAe;AACjE,SAAS,SAAS,WAAW;AAE7B,SAAS,yBAAyB;AAG3B,SAAS,UAAU;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AACZ,GAKG;AACF,QAAM,cAAc,CAAC,WAAmB,MAAM;AAC7C,YAAQ,MAAM;AACd,YAAQ;AAAA,EACT;AAEA,QAAM,eAAe,IAAI,mBAAmB,CAAC,YAAY;AACxD,WAAO;AAAA,MACN,GAAG;AAAA,MACH,WAAW,QAAQ,UAAU;AAAA,QAC5B,CAAC,SAAc,CAAC,QAAQ,SAAS,KAAK,IAAI;AAAA,MAC3C;AAAA,IACD;AAAA,EACD,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,QAAQ,QAAQ,SAAS,CAAC;AAElD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAgB;AAAA,MAEhB;AAAA,MACA,WAAW;AAAA,MAEX,8BAAC,cACA,8BAAC,QACC,wBAAc,IAAI,CAAC,SAAS,UAAU;AACtC,eACC,iCACE;AAAA,kBAAQ,WAAW,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM;AAC5C,mBACC;AAAA,cAAC;AAAA;AAAA,gBAEA,UAAU,YAAY,IAAI;AAAA,gBAC1B;AAAA,gBACA,SAAS,YAAY,IAAI;AAAA;AAAA,cAHpB,GAAG,IAAI;AAAA,YAIb;AAAA,UAEF,CAAC;AAAA,UACA,UAAU,aAAa,SAAS,KAChC,oBAAC,eAAY;AAAA,WAEf;AAAA,MAEF,CAAC,GACF,GACD;AAAA;AAAA,EACD;AAEF","sourcesContent":["import { FlyoutMenu, Menu, MenuDivider, MenuItem, Popover } from \"@dhis2/ui\";\nimport { isEmpty, map } from \"lodash\";\nimport React from \"react\";\nimport { chartMenuSections } from \"../constants/menu\";\nimport { ChartExportMenuItem } from \"../interfaces/menu\";\n\nexport function ChartMenu({\n\tmenuRef,\n\tonClick,\n\tonClose,\n\texclude = [],\n}: {\n\tmenuRef: HTMLDivElement;\n\tonClick: (action: string) => void;\n\tonClose: () => void;\n\texclude?: ChartExportMenuItem[];\n}) {\n\tconst onMenuClick = (action: string) => () => {\n\t\tonClick(action);\n\t\tonClose();\n\t};\n\n\tconst menuSections = map(chartMenuSections, (section) => {\n\t\treturn {\n\t\t\t...section,\n\t\t\tmenuItems: section.menuItems.filter(\n\t\t\t\t(item: any) => !exclude.includes(item.name),\n\t\t\t),\n\t\t};\n\t}).filter((section) => !isEmpty(section.menuItems));\n\n\treturn (\n\t\t<Popover\n\t\t\tonClickOutside={onClose} /*\n      // @ts-ignore */\n\t\t\tonClose={onClose}\n\t\t\treference={menuRef}\n\t\t>\n\t\t\t<FlyoutMenu>\n\t\t\t\t<Menu>\n\t\t\t\t\t{menuSections?.map((section, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{section.menuItems?.map(({ name, label }) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey={`${name}-menu-item`}\n\t\t\t\t\t\t\t\t\t\t\tdataTest={`download-${name}`}\n\t\t\t\t\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\t\t\t\t\tonClick={onMenuClick(name)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{index !== menuSections.length - 1 && (\n\t\t\t\t\t\t\t\t\t<MenuDivider />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Menu>\n\t\t\t</FlyoutMenu>\n\t\t</Popover>\n\t);\n}\n"]}
+{"version":3,"sources":["../../../../../../src/components/ChartAnalytics/components/DownloadMenu/components/Menu.tsx"],"names":[],"mappings":"AA0CO,mBAGG,KAHH;AA1CP,SAAS,YAAY,MAAM,aAAa,UAAU,eAAe;AACjE,SAAS,SAAS,WAAW;AAE7B,SAAS,yBAAyB;AAG3B,SAAS,UAAU;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AACZ,GAKG;AACF,QAAM,cAAc,CAAC,WAAmB,MAAM;AAC7C,YAAQ,MAAM;AACd,YAAQ;AAAA,EACT;AAEA,QAAM,eAAe,IAAI,mBAAmB,CAAC,YAAY;AACxD,WAAO;AAAA,MACN,GAAG;AAAA,MACH,WAAW,QAAQ,UAAU;AAAA,QAC5B,CAAC,SAAc,CAAC,QAAQ,SAAS,KAAK,IAAI;AAAA,MAC3C;AAAA,IACD;AAAA,EACD,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,QAAQ,QAAQ,SAAS,CAAC;AAElD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAgB;AAAA,MAEhB;AAAA,MACA,WAAW;AAAA,MAEX,8BAAC,cACA,8BAAC,QACC,wBAAc,IAAI,CAAC,SAAS,UAAU;AACtC,eACC,iCACE;AAAA,kBAAQ,WAAW,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM;AAC5C,mBACC;AAAA,cAAC;AAAA;AAAA,gBAEA,UAAU,YAAY,IAAI;AAAA,gBAC1B;AAAA,gBACA,SAAS,YAAY,IAAI;AAAA;AAAA,cAHpB,GAAG,IAAI;AAAA,YAIb;AAAA,UAEF,CAAC;AAAA,UACA,UAAU,aAAa,SAAS,KAChC,oBAAC,eAAY;AAAA,WAEf;AAAA,MAEF,CAAC,GACF,GACD;AAAA;AAAA,EACD;AAEF","sourcesContent":["import { FlyoutMenu, Menu, MenuDivider, MenuItem, Popover } from \"@dhis2/ui\";\nimport { isEmpty, map } from \"lodash\";\nimport React from \"react\";\nimport { chartMenuSections } from \"../constants/menu.js\";\nimport { ChartExportMenuItem } from \"../interfaces/menu.js\";\n\nexport function ChartMenu({\n\tmenuRef,\n\tonClick,\n\tonClose,\n\texclude = [],\n}: {\n\tmenuRef: HTMLDivElement;\n\tonClick: (action: string) => void;\n\tonClose: () => void;\n\texclude?: ChartExportMenuItem[];\n}) {\n\tconst onMenuClick = (action: string) => () => {\n\t\tonClick(action);\n\t\tonClose();\n\t};\n\n\tconst menuSections = map(chartMenuSections, (section) => {\n\t\treturn {\n\t\t\t...section,\n\t\t\tmenuItems: section.menuItems.filter(\n\t\t\t\t(item: any) => !exclude.includes(item.name),\n\t\t\t),\n\t\t};\n\t}).filter((section) => !isEmpty(section.menuItems));\n\n\treturn (\n\t\t<Popover\n\t\t\tonClickOutside={onClose} /*\n      // @ts-ignore */\n\t\t\tonClose={onClose}\n\t\t\treference={menuRef}\n\t\t>\n\t\t\t<FlyoutMenu>\n\t\t\t\t<Menu>\n\t\t\t\t\t{menuSections?.map((section, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{section.menuItems?.map(({ name, label }) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey={`${name}-menu-item`}\n\t\t\t\t\t\t\t\t\t\t\tdataTest={`download-${name}`}\n\t\t\t\t\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\t\t\t\t\tonClick={onMenuClick(name)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{index !== menuSections.length - 1 && (\n\t\t\t\t\t\t\t\t\t<MenuDivider />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Menu>\n\t\t\t</FlyoutMenu>\n\t\t</Popover>\n\t);\n}\n"]}

package/dist/components/ChartAnalytics/components/DownloadMenu/constants/menu.js

@@ -1,10 +1,4 @@
-'use strict';
-
-var i18n = require('@dhis2/d2-i18n');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+import i18n from '@dhis2/d2-i18n';
 
 const chartMenuSections = [
   {
@@ -12,19 +6,19 @@ const chartMenuSections = [
     menuItems: [
       {
         name: "png",
-        label: i18n__default.default.t("Download PNG")
+        label: i18n.t("Download PNG")
       },
       {
         name: "jpeg",
-        label: i18n__default.default.t("Download JPEG")
+        label: i18n.t("Download JPEG")
       },
       {
         name: "svg",
-        label: i18n__default.default.t("Download SVG")
+        label: i18n.t("Download SVG")
       },
       {
         name: "pdf",
-        label: i18n__default.default.t("Download PDF")
+        label: i18n.t("Download PDF")
       }
     ]
   },
@@ -33,16 +27,16 @@ const chartMenuSections = [
     menuItems: [
       {
         name: "table",
-        label: i18n__default.default.t("View as table")
+        label: i18n.t("View as table")
       },
       {
         name: "full-screen",
-        label: i18n__default.default.t("View full screen")
+        label: i18n.t("View full screen")
       }
     ]
   }
 ];
 
-exports.chartMenuSections = chartMenuSections;
+export { chartMenuSections };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=menu.js.map

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

@@ -1,18 +1,16 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var react = require('react');
-var _export = require('../../services/export');
-var Menu = require('./components/Menu');
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { IconMore24 } from '@dhis2/ui';
+import { useRef, useState } from 'react';
+import { onFullScreenView, onViewAsTable, onPDFDownload, onCSVDownload, onImageDownload } from '../../services/export.js';
+import { ChartMenu } from './components/Menu.js';
 
 function ChartDownloadMenu({
   chartRef,
   exclude,
   icon
 }) {
-  const menuButtonRef = react.useRef(null);
-  const [menuRef, setMenuRef] = react.useState(null);
+  const menuButtonRef = useRef(null);
+  const [menuRef, setMenuRef] = useState(null);
   const toggleMenu = () => {
     if (menuRef === null) {
       setMenuRef(menuButtonRef.current);
@@ -25,33 +23,33 @@ function ChartDownloadMenu({
     if (chart) {
       switch (action) {
         case "png":
-          _export.onImageDownload(chart, "png");
+          onImageDownload(chart, "png");
           break;
         case "jpeg":
-          _export.onImageDownload(chart, "jpeg");
+          onImageDownload(chart, "jpeg");
           break;
         case "svg":
-          _export.onImageDownload(chart, "svg+xml");
+          onImageDownload(chart, "svg+xml");
           break;
         case "csv":
-          _export.onCSVDownload(chart);
+          onCSVDownload(chart);
           break;
         case "pdf":
-          _export.onPDFDownload(chart);
+          onPDFDownload(chart);
           break;
         case "table":
-          _export.onViewAsTable(chart, true);
+          onViewAsTable(chart, true);
           break;
         case "full-screen":
-          _export.onFullScreenView(chart);
+          onFullScreenView(chart);
           break;
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: toggleMenu, ref: menuButtonRef, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(ui.IconMore24, {}) }),
-    menuRef && /* @__PURE__ */ jsxRuntime.jsx(
-      Menu.ChartMenu,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { onClick: toggleMenu, ref: menuButtonRef, children: icon ?? /* @__PURE__ */ jsx(IconMore24, {}) }),
+    menuRef && /* @__PURE__ */ jsx(
+      ChartMenu,
       {
         exclude,
         onClick: onMenuClick,
@@ -62,6 +60,6 @@ function ChartDownloadMenu({
   ] });
 }
 
-exports.ChartDownloadMenu = ChartDownloadMenu;
+export { ChartDownloadMenu };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/ChartAnalytics/components/DownloadMenu/index.tsx"],"names":[],"mappings":"AA+DE,mBAEW,KAFX;AA/DF,SAAS,kBAAkB;AAE3B,SAAgB,QAAQ,gBAAgB;AACxC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,iBAAiB;AAGnB,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,gBAAgB,OAA8B,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,IAAI;AAClE,QAAM,aAAa,MAAM;AACxB,QAAI,YAAY,MAAM;AACrB,iBAAW,cAAc,OAAO;AAAA,IACjC,OAAO;AACN,iBAAW,IAAI;AAAA,IAChB;AAAA,EACD;AAEA,QAAM,QAAQ;AAEd,QAAM,cAAc,CAAC,WAAmB;AACvC,QAAI,OAAO;AACV,cAAQ,QAAQ;AAAA,QACf,KAAK;AACJ,0BAAgB,OAAO,KAAK;AAC5B;AAAA,QACD,KAAK;AACJ,0BAAgB,OAAO,MAAM;AAC7B;AAAA,QACD,KAAK;AACJ,0BAAgB,OAAO,SAAS;AAChC;AAAA,QACD,KAAK;AACJ,wBAAc,KAAK;AACnB;AAAA,QACD,KAAK;AACJ,wBAAc,KAAK;AACnB;AAAA,QACD,KAAK;AACJ,wBAAc,OAAO,IAAI;AACzB;AAAA,QACD,KAAK;AACJ,2BAAiB,KAAK;AACtB;AAAA,MACF;AAAA,IACD;AAAA,EACD;AAEA,SACC,iCACC;AAAA,wBAAC,SAAI,SAAS,YAAY,KAAK,eAC7B,kBAAQ,oBAAC,cAAW,GACtB;AAAA,IACC,WACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,SAAS;AAAA,QACT;AAAA;AAAA,IACD;AAAA,KAEF;AAEF","sourcesContent":["import { IconMore24 } from \"@dhis2/ui\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport React, { useRef, useState } from \"react\";\nimport {\n\tonCSVDownload,\n\tonFullScreenView,\n\tonImageDownload,\n\tonPDFDownload,\n\tonViewAsTable,\n} from \"../../services/export\";\nimport { ChartMenu } from \"./components/Menu\";\nimport { ChartExportMenuItem } from \"./interfaces/menu\";\n\nexport function ChartDownloadMenu({\n\tchartRef,\n\texclude,\n\ticon,\n}: {\n\tchartRef: HighchartsReact.RefObject | null;\n\texclude?: ChartExportMenuItem[];\n\ticon?: React.ReactNode;\n}) {\n\tconst menuButtonRef = useRef<HTMLDivElement | null>(null);\n\tconst [menuRef, setMenuRef] = useState<HTMLDivElement | null>(null);\n\tconst toggleMenu = () => {\n\t\tif (menuRef === null) {\n\t\t\tsetMenuRef(menuButtonRef.current);\n\t\t} else {\n\t\t\tsetMenuRef(null);\n\t\t}\n\t};\n\n\tconst chart = chartRef;\n\n\tconst onMenuClick = (action: string) => {\n\t\tif (chart) {\n\t\t\tswitch (action) {\n\t\t\t\tcase \"png\":\n\t\t\t\t\tonImageDownload(chart, \"png\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"jpeg\":\n\t\t\t\t\tonImageDownload(chart, \"jpeg\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"svg\":\n\t\t\t\t\tonImageDownload(chart, \"svg+xml\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"csv\":\n\t\t\t\t\tonCSVDownload(chart);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"pdf\":\n\t\t\t\t\tonPDFDownload(chart);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"table\":\n\t\t\t\t\tonViewAsTable(chart, true);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"full-screen\":\n\t\t\t\t\tonFullScreenView(chart);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div onClick={toggleMenu} ref={menuButtonRef}>\n\t\t\t\t{icon ?? <IconMore24 />}\n\t\t\t</div>\n\t\t\t{menuRef && (\n\t\t\t\t<ChartMenu\n\t\t\t\t\texclude={exclude}\n\t\t\t\t\tonClick={onMenuClick}\n\t\t\t\t\tonClose={toggleMenu}\n\t\t\t\t\tmenuRef={menuRef}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/ChartAnalytics/components/DownloadMenu/index.tsx"],"names":[],"mappings":"AA+DE,mBAEW,KAFX;AA/DF,SAAS,kBAAkB;AAE3B,SAAgB,QAAQ,gBAAgB;AACxC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,iBAAiB;AAGnB,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,gBAAgB,OAA8B,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,IAAI;AAClE,QAAM,aAAa,MAAM;AACxB,QAAI,YAAY,MAAM;AACrB,iBAAW,cAAc,OAAO;AAAA,IACjC,OAAO;AACN,iBAAW,IAAI;AAAA,IAChB;AAAA,EACD;AAEA,QAAM,QAAQ;AAEd,QAAM,cAAc,CAAC,WAAmB;AACvC,QAAI,OAAO;AACV,cAAQ,QAAQ;AAAA,QACf,KAAK;AACJ,0BAAgB,OAAO,KAAK;AAC5B;AAAA,QACD,KAAK;AACJ,0BAAgB,OAAO,MAAM;AAC7B;AAAA,QACD,KAAK;AACJ,0BAAgB,OAAO,SAAS;AAChC;AAAA,QACD,KAAK;AACJ,wBAAc,KAAK;AACnB;AAAA,QACD,KAAK;AACJ,wBAAc,KAAK;AACnB;AAAA,QACD,KAAK;AACJ,wBAAc,OAAO,IAAI;AACzB;AAAA,QACD,KAAK;AACJ,2BAAiB,KAAK;AACtB;AAAA,MACF;AAAA,IACD;AAAA,EACD;AAEA,SACC,iCACC;AAAA,wBAAC,SAAI,SAAS,YAAY,KAAK,eAC7B,kBAAQ,oBAAC,cAAW,GACtB;AAAA,IACC,WACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,SAAS;AAAA,QACT;AAAA;AAAA,IACD;AAAA,KAEF;AAEF","sourcesContent":["import { IconMore24 } from \"@dhis2/ui\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport React, { useRef, useState } from \"react\";\nimport {\n\tonCSVDownload,\n\tonFullScreenView,\n\tonImageDownload,\n\tonPDFDownload,\n\tonViewAsTable,\n} from \"../../services/export.js\";\nimport { ChartMenu } from \"./components/Menu.js\";\nimport { ChartExportMenuItem } from \"./interfaces/menu.js\";\n\nexport function ChartDownloadMenu({\n\tchartRef,\n\texclude,\n\ticon,\n}: {\n\tchartRef: HighchartsReact.RefObject | null;\n\texclude?: ChartExportMenuItem[];\n\ticon?: React.ReactNode;\n}) {\n\tconst menuButtonRef = useRef<HTMLDivElement | null>(null);\n\tconst [menuRef, setMenuRef] = useState<HTMLDivElement | null>(null);\n\tconst toggleMenu = () => {\n\t\tif (menuRef === null) {\n\t\t\tsetMenuRef(menuButtonRef.current);\n\t\t} else {\n\t\t\tsetMenuRef(null);\n\t\t}\n\t};\n\n\tconst chart = chartRef;\n\n\tconst onMenuClick = (action: string) => {\n\t\tif (chart) {\n\t\t\tswitch (action) {\n\t\t\t\tcase \"png\":\n\t\t\t\t\tonImageDownload(chart, \"png\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"jpeg\":\n\t\t\t\t\tonImageDownload(chart, \"jpeg\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"svg\":\n\t\t\t\t\tonImageDownload(chart, \"svg+xml\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"csv\":\n\t\t\t\t\tonCSVDownload(chart);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"pdf\":\n\t\t\t\t\tonPDFDownload(chart);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"table\":\n\t\t\t\t\tonViewAsTable(chart, true);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"full-screen\":\n\t\t\t\t\tonFullScreenView(chart);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div onClick={toggleMenu} ref={menuButtonRef}>\n\t\t\t\t{icon ?? <IconMore24 />}\n\t\t\t</div>\n\t\t\t{menuRef && (\n\t\t\t\t<ChartMenu\n\t\t\t\t\texclude={exclude}\n\t\t\t\t\tonClick={onMenuClick}\n\t\t\t\t\tonClose={toggleMenu}\n\t\t\t\t\tmenuRef={menuRef}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"]}

package/dist/components/ChartAnalytics/components/DownloadMenu/interfaces/menu.js

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

package/dist/components/ChartAnalytics/hooks/useChart.js

@@ -1,21 +1,19 @@
-'use strict';
-
-var react = require('react');
-var chart = require('../utils/chart');
+import { useState, useCallback, useEffect } from 'react';
+import { getChartInstance, updateLayout } from '../utils/chart.js';
 
 function useChart({
   id,
   analytics,
   config
 }) {
-  const [chart$1, setChart] = react.useState(
-    chart.getChartInstance(id, analytics, config).getOptions()
+  const [chart, setChart] = useState(
+    getChartInstance(id, analytics, config).getOptions()
   );
-  const changeChartType = react.useCallback(
+  const changeChartType = useCallback(
     (type) => {
-      const updatedLayout = chart.updateLayout(config, { type });
+      const updatedLayout = updateLayout(config, { type });
       const updatedConfig = { ...config, layout: updatedLayout, type };
-      const chartInstance = chart.getChartInstance(
+      const chartInstance = getChartInstance(
         id,
         analytics,
         updatedConfig
@@ -24,9 +22,9 @@ function useChart({
     },
     [config, id, analytics]
   );
-  react.useEffect(() => {
+  useEffect(() => {
     if (analytics && config) {
-      const chartInstance = chart.getChartInstance(
+      const chartInstance = getChartInstance(
         id,
         analytics,
         config
@@ -35,11 +33,11 @@ function useChart({
     }
   }, [analytics, config, id]);
   return {
-    chart: chart$1,
+    chart,
     changeChartType
   };
 }
 
-exports.useChart = useChart;
+export { useChart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useChart.js.map

package/dist/components/ChartAnalytics/hooks/useChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/hooks/useChart.ts"],"names":[],"mappings":"AAEA,SAAS,aAAa,WAAW,gBAAgB;AAGjD,SAAS,kBAAkB,oBAAoB;AAExC,SAAS,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACD,GAOE;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACzB,iBAAiB,IAAI,WAAW,MAAM,EAAE,WAAW;AAAA,EACpD;AAEA,QAAM,kBAAkB;AAAA,IACvB,CAAC,SAAoB;AACpB,YAAM,gBAAgB,aAAa,QAAQ,EAAE,KAAK,CAAC;AACnD,YAAM,gBAAgB,EAAE,GAAG,QAAQ,QAAQ,eAAe,KAAK;AAC/D,YAAM,gBAA4B;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,eAAS,cAAc,WAAW,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,QAAQ,IAAI,SAAS;AAAA,EACvB;AAEA,YAAU,MAAM;AACf,QAAI,aAAa,QAAQ;AACxB,YAAM,gBAA4B;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,eAAS,cAAc,WAAW,CAAC;AAAA,IACpC;AAAA,EACD,GAAG,CAAC,WAAW,QAAQ,EAAE,CAAC;AAE1B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EACD;AACD","sourcesContent":["import type { Analytics } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { DHIS2Chart } from \"../models\";\nimport { ChartConfig, ChartType } from \"../types/props\";\nimport { getChartInstance, updateLayout } from \"../utils/chart\";\n\nexport function useChart({\n\tid,\n\tanalytics,\n\tconfig,\n}: {\n\tid: string;\n\tanalytics: Analytics;\n\tconfig: ChartConfig;\n}): {\n\tchart?: HighCharts.Options;\n\tchangeChartType: (type: ChartType) => void;\n} {\n\tconst [chart, setChart] = useState<HighCharts.Options | undefined>(\n\t\tgetChartInstance(id, analytics, config).getOptions(),\n\t);\n\n\tconst changeChartType = useCallback(\n\t\t(type: ChartType) => {\n\t\t\tconst updatedLayout = updateLayout(config, { type });\n\t\t\tconst updatedConfig = { ...config, layout: updatedLayout, type };\n\t\t\tconst chartInstance: DHIS2Chart = getChartInstance(\n\t\t\t\tid,\n\t\t\t\tanalytics,\n\t\t\t\tupdatedConfig,\n\t\t\t);\n\t\t\tsetChart(chartInstance.getOptions());\n\t\t},\n\t\t[config, id, analytics],\n\t);\n\n\tuseEffect(() => {\n\t\tif (analytics && config) {\n\t\t\tconst chartInstance: DHIS2Chart = getChartInstance(\n\t\t\t\tid,\n\t\t\t\tanalytics,\n\t\t\t\tconfig,\n\t\t\t);\n\t\t\tsetChart(chartInstance.getOptions());\n\t\t}\n\t}, [analytics, config, id]);\n\n\treturn {\n\t\tchart,\n\t\tchangeChartType,\n\t};\n}\n"]}
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/hooks/useChart.ts"],"names":[],"mappings":"AAEA,SAAS,aAAa,WAAW,gBAAgB;AAGjD,SAAS,kBAAkB,oBAAoB;AAExC,SAAS,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACD,GAOE;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACzB,iBAAiB,IAAI,WAAW,MAAM,EAAE,WAAW;AAAA,EACpD;AAEA,QAAM,kBAAkB;AAAA,IACvB,CAAC,SAAoB;AACpB,YAAM,gBAAgB,aAAa,QAAQ,EAAE,KAAK,CAAC;AACnD,YAAM,gBAAgB,EAAE,GAAG,QAAQ,QAAQ,eAAe,KAAK;AAC/D,YAAM,gBAA4B;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,eAAS,cAAc,WAAW,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,QAAQ,IAAI,SAAS;AAAA,EACvB;AAEA,YAAU,MAAM;AACf,QAAI,aAAa,QAAQ;AACxB,YAAM,gBAA4B;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,eAAS,cAAc,WAAW,CAAC;AAAA,IACpC;AAAA,EACD,GAAG,CAAC,WAAW,QAAQ,EAAE,CAAC;AAE1B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EACD;AACD","sourcesContent":["import type { Analytics } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { DHIS2Chart } from \"../models/index.js\";\nimport { ChartConfig, ChartType } from \"../types/props.js\";\nimport { getChartInstance, updateLayout } from \"../utils/chart.js\";\n\nexport function useChart({\n\tid,\n\tanalytics,\n\tconfig,\n}: {\n\tid: string;\n\tanalytics: Analytics;\n\tconfig: ChartConfig;\n}): {\n\tchart?: HighCharts.Options;\n\tchangeChartType: (type: ChartType) => void;\n} {\n\tconst [chart, setChart] = useState<HighCharts.Options | undefined>(\n\t\tgetChartInstance(id, analytics, config).getOptions(),\n\t);\n\n\tconst changeChartType = useCallback(\n\t\t(type: ChartType) => {\n\t\t\tconst updatedLayout = updateLayout(config, { type });\n\t\t\tconst updatedConfig = { ...config, layout: updatedLayout, type };\n\t\t\tconst chartInstance: DHIS2Chart = getChartInstance(\n\t\t\t\tid,\n\t\t\t\tanalytics,\n\t\t\t\tupdatedConfig,\n\t\t\t);\n\t\t\tsetChart(chartInstance.getOptions());\n\t\t},\n\t\t[config, id, analytics],\n\t);\n\n\tuseEffect(() => {\n\t\tif (analytics && config) {\n\t\t\tconst chartInstance: DHIS2Chart = getChartInstance(\n\t\t\t\tid,\n\t\t\t\tanalytics,\n\t\t\t\tconfig,\n\t\t\t);\n\t\t\tsetChart(chartInstance.getOptions());\n\t\t}\n\t}, [analytics, config, id]);\n\n\treturn {\n\t\tchart,\n\t\tchangeChartType,\n\t};\n}\n"]}

package/dist/components/ChartAnalytics/index.js

@@ -1,14 +1,3 @@
-'use strict';
-
-var DHIS2Chart = require('./DHIS2Chart');
-
-
-
-Object.keys(DHIS2Chart).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return DHIS2Chart[k]; }
-	});
-});
+export * from './DHIS2Chart.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChartAnalytics/index.ts"],"names":[],"mappings":"AAAA,cAAc","sourcesContent":["export * from \"./DHIS2Chart\";\n"]}
+{"version":3,"sources":["../../../src/components/ChartAnalytics/index.ts"],"names":[],"mappings":"AAAA,cAAc","sourcesContent":["export * from \"./DHIS2Chart.js\";\n"]}

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

@@ -1,8 +1,6 @@
-'use strict';
+import { DHIS2ColumnChart } from './column.js';
 
-var column = require('./column');
-
-class DHIS2BarChart extends column.DHIS2ColumnChart {
+class DHIS2BarChart extends DHIS2ColumnChart {
   getHighchartsType() {
     return "bar";
   }
@@ -18,7 +16,6 @@ class DHIS2StackedBarChart extends DHIS2BarChart {
   }
 }
 
-exports.DHIS2BarChart = DHIS2BarChart;
-exports.DHIS2StackedBarChart = DHIS2StackedBarChart;
+export { DHIS2BarChart, DHIS2StackedBarChart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=bar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/bar.ts"],"names":[],"mappings":"AACA,SAAS,wBAAwB;AAE1B,MAAM,sBAAsB,iBAAiB;AAAA,EACnD,oBAA4B;AAC3B,WAAO;AAAA,EACR;AACD;AAEO,MAAM,6BAA6B,cAAc;AAAA,EACpD,iBAA8B;AAC1B,WAAO;AAAA,MACH,QAAQ;AAAA,QACJ,UAAU;AAAA,QACV,GAAG,MAAM,eAAe,EAAE;AAAA,MAC9B;AAAA,IACJ;AAAA,EACJ;AACJ","sourcesContent":["import { PlotOptions } from \"highcharts\";\nimport { DHIS2ColumnChart } from \"./column\";\n\nexport class DHIS2BarChart extends DHIS2ColumnChart {\n\tgetHighchartsType(): string {\n\t\treturn \"bar\";\n\t}\n}\n\nexport class DHIS2StackedBarChart extends DHIS2BarChart {\n    getPlotOptions(): PlotOptions {\n        return {\n            column: {\n                stacking: \"normal\",\n                ...super.getPlotOptions().column,\n            },\n        };\n    }\n}\n"]}
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/bar.ts"],"names":[],"mappings":"AACA,SAAS,wBAAwB;AAE1B,MAAM,sBAAsB,iBAAiB;AAAA,EACnD,oBAA4B;AAC3B,WAAO;AAAA,EACR;AACD;AAEO,MAAM,6BAA6B,cAAc;AAAA,EACvD,iBAA8B;AAC7B,WAAO;AAAA,MACN,QAAQ;AAAA,QACP,UAAU;AAAA,QACV,GAAG,MAAM,eAAe,EAAE;AAAA,MAC3B;AAAA,IACD;AAAA,EACD;AACD","sourcesContent":["import { PlotOptions } from \"highcharts\";\nimport { DHIS2ColumnChart } from \"./column.js\";\n\nexport class DHIS2BarChart extends DHIS2ColumnChart {\n\tgetHighchartsType(): string {\n\t\treturn \"bar\";\n\t}\n}\n\nexport class DHIS2StackedBarChart extends DHIS2BarChart {\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tcolumn: {\n\t\t\t\tstacking: \"normal\",\n\t\t\t\t...super.getPlotOptions().column,\n\t\t\t},\n\t\t};\n\t}\n}\n"]}

package/dist/components/ChartAnalytics/models/column.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 DHIS2ColumnChart extends index.DHIS2Chart {
+class DHIS2ColumnChart extends DHIS2Chart {
   getCategories() {
     return void 0;
   }
@@ -20,12 +18,12 @@ class DHIS2ColumnChart extends index.DHIS2Chart {
     };
   }
   getSeries() {
-    return chart.getPointSeries(this.analytics, this.config, "column");
+    return getPointSeries(this.analytics, this.config, "column");
   }
   getXAxis() {
     return {
       type: "category",
-      categories: chart.getAllCategories(this.analytics, this.config),
+      categories: getAllCategories(this.analytics, this.config),
       crosshair: true,
       labels: {
         enabled: true
@@ -45,7 +43,6 @@ class DHIS2StackedColumnChart extends DHIS2ColumnChart {
   }
 }
 
-exports.DHIS2ColumnChart = DHIS2ColumnChart;
-exports.DHIS2StackedColumnChart = DHIS2StackedColumnChart;
+export { DHIS2ColumnChart, DHIS2StackedColumnChart };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=column.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/column.ts"],"names":[],"mappings":"AACA,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,kBAAkB;AAEpB,MAAM,yBAAyB,WAAW;AAAA,EAChD,gBAAmC;AAClC,WAAO;AAAA,EACR;AAAA,EAEA,oBAA4B;AAC3B,WAAO;AAAA,EACR;AAAA,EAEA,iBAA8B;AAC7B,WAAO;AAAA,MACN,QAAQ;AAAA,QACP,YAAY;AAAA,UACX,SAAS;AAAA,QACV;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,YAAiC;AAChC,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,QAAQ;AAAA,EAC5D;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;AAEO,MAAM,gCAAgC,iBAAiB;AAAA,EAC5D,iBAA8B;AAC5B,WAAO;AAAA,MACL,QAAQ;AAAA,QACN,UAAU;AAAA,QACV,GAAG,MAAM,eAAe,EAAE;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import { PlotOptions, SeriesOptionsType, XAxisOptions } from \"highcharts\";\nimport { getAllCategories, getPointSeries } from \"../utils/chart\";\nimport { DHIS2Chart } from \"./index\";\n\nexport class DHIS2ColumnChart extends DHIS2Chart {\n\tgetCategories(): any[] | undefined {\n\t\treturn undefined;\n\t}\n\n\tgetHighchartsType(): string {\n\t\treturn \"column\";\n\t}\n\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tcolumn: {\n\t\t\t\tdataLabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetSeries(): SeriesOptionsType[] {\n\t\treturn getPointSeries(this.analytics, this.config, \"column\");\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\nexport class DHIS2StackedColumnChart extends DHIS2ColumnChart {\n  getPlotOptions(): PlotOptions {\n    return {\n      column: {\n        stacking: \"normal\",\n        ...super.getPlotOptions().column,\n      },\n    };\n  }\n}\n\n\n"]}
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/column.ts"],"names":[],"mappings":"AACA,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,kBAAkB;AAEpB,MAAM,yBAAyB,WAAW;AAAA,EAChD,gBAAmC;AAClC,WAAO;AAAA,EACR;AAAA,EAEA,oBAA4B;AAC3B,WAAO;AAAA,EACR;AAAA,EAEA,iBAA8B;AAC7B,WAAO;AAAA,MACN,QAAQ;AAAA,QACP,YAAY;AAAA,UACX,SAAS;AAAA,QACV;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,YAAiC;AAChC,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,QAAQ;AAAA,EAC5D;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;AAEO,MAAM,gCAAgC,iBAAiB;AAAA,EAC7D,iBAA8B;AAC7B,WAAO;AAAA,MACN,QAAQ;AAAA,QACP,UAAU;AAAA,QACV,GAAG,MAAM,eAAe,EAAE;AAAA,MAC3B;AAAA,IACD;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 DHIS2ColumnChart extends DHIS2Chart {\n\tgetCategories(): any[] | undefined {\n\t\treturn undefined;\n\t}\n\n\tgetHighchartsType(): string {\n\t\treturn \"column\";\n\t}\n\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tcolumn: {\n\t\t\t\tdataLabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetSeries(): SeriesOptionsType[] {\n\t\treturn getPointSeries(this.analytics, this.config, \"column\");\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\nexport class DHIS2StackedColumnChart extends DHIS2ColumnChart {\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tcolumn: {\n\t\t\t\tstacking: \"normal\",\n\t\t\t\t...super.getPlotOptions().column,\n\t\t\t},\n\t\t};\n\t}\n}\n"]}