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

package/dist/components/Visualization/components/VisualizationDimensionSelector/index.js

@@ -1,30 +1,36 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useMemo, useState, useCallback } from 'react';
-import { Tooltip, Button, IconClock24, IconLocation24 } from '@dhis2/ui';
-import i18n from '@dhis2/d2-i18n';
-import { useDimensions } from '../DimensionsProvider/index.js';
-import { PeriodSelectorModal, OrgUnitSelectorModal } from '@hisptz/dhis2-ui';
-import { getOrgUnitSelectionFromIds } from '../VisualizationSelector/index.js';
-import { getOrgUnitsSelection } from '../../../Map/utils/map.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var index_js = require('../DimensionsProvider/index.js');
+var dhis2Ui = require('@hisptz/dhis2-ui');
+var index_js$1 = require('../VisualizationSelector/index.js');
+var map_js = require('../../../Map/utils/map.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function VisualizationDimensionSelector({
   showPeriodSelector,
   showOrgUnitSelector
 }) {
-  const [dimensions, setDimensions] = useDimensions();
-  const periods = useMemo(() => dimensions.pe, [dimensions.pe]);
-  const orgUnitSelection = useMemo(
-    () => getOrgUnitSelectionFromIds(dimensions.ou ?? []),
+  const [dimensions, setDimensions] = index_js.useDimensions();
+  const periods = react.useMemo(() => dimensions.pe, [dimensions.pe]);
+  const orgUnitSelection = react.useMemo(
+    () => index_js$1.getOrgUnitSelectionFromIds(dimensions.ou ?? []),
     [dimensions.ou]
   );
-  const [openFilter, setOpenFilter] = useState();
-  const onFilterUpdate = useCallback(
+  const [openFilter, setOpenFilter] = react.useState();
+  const onFilterUpdate = react.useCallback(
     (type) => (data) => {
       setOpenFilter(void 0);
       if (type === "ou") {
         setDimensions({
           dimension: "ou",
-          value: getOrgUnitsSelection(data)
+          value: map_js.getOrgUnitsSelection(data)
         });
         return;
       }
@@ -35,10 +41,10 @@ function VisualizationDimensionSelector({
     },
     [setDimensions]
   );
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-    showPeriodSelector && /* @__PURE__ */ jsx(Tooltip, { content: i18n.t("Period"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        PeriodSelectorModal,
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+    showPeriodSelector && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: i18n__default.default.t("Period"), children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        dhis2Ui.PeriodSelectorModal,
         {
           position: "middle",
           enablePeriodSelector: true,
@@ -48,38 +54,38 @@ function VisualizationDimensionSelector({
           onUpdate: onFilterUpdate("pe")
         }
       ),
-      /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
         {
           onClick: () => setOpenFilter("pe"),
-          icon: /* @__PURE__ */ jsx(IconClock24, {})
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconClock24, {})
         }
       )
     ] }) }),
-    showOrgUnitSelector && /* @__PURE__ */ jsx(Tooltip, { content: i18n.t("Location"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        OrgUnitSelectorModal,
+    showOrgUnitSelector && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: i18n__default.default.t("Location"), children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        dhis2Ui.OrgUnitSelectorModal,
         {
           showUserOptions: true,
           searchable: true,
-          title: i18n.t("Select location(s)"),
+          title: i18n__default.default.t("Select location(s)"),
           value: orgUnitSelection,
           onClose: () => setOpenFilter(void 0),
           hide: openFilter !== "ou",
           onUpdate: onFilterUpdate("ou")
         }
       ),
-      /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
         {
           onClick: () => setOpenFilter("ou"),
-          icon: /* @__PURE__ */ jsx(IconLocation24, {})
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconLocation24, {})
         }
       )
     ] }) })
   ] }) });
 }
 
-export { VisualizationDimensionSelector };
+exports.VisualizationDimensionSelector = VisualizationDimensionSelector;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/VisualizationProvider/index.js

@@ -1,8 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
-import { LayoutProvider } from '../LayoutProvider/index.js';
-import { DimensionsProvider } from '../DimensionsProvider/index.js';
-import { AnalyticsDataProvider } from '../AnalyticsDataProvider/index.js';
-import { VisualizationTypeProvider } from '../VisualizationTypeProvider/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_js$2 = require('../LayoutProvider/index.js');
+var index_js = require('../DimensionsProvider/index.js');
+var index_js$3 = require('../AnalyticsDataProvider/index.js');
+var index_js$1 = require('../VisualizationTypeProvider/index.js');
 
 function VisualizationProvider({
   layout,
@@ -11,9 +13,9 @@ function VisualizationProvider({
   type,
   config
 }) {
-  return /* @__PURE__ */ jsx(DimensionsProvider, { dimensions, children: /* @__PURE__ */ jsx(VisualizationTypeProvider, { config, defaultType: type, children: /* @__PURE__ */ jsx(LayoutProvider, { defaultLayout: layout, children: /* @__PURE__ */ jsx(AnalyticsDataProvider, { children }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(index_js.DimensionsProvider, { dimensions, children: /* @__PURE__ */ jsxRuntime.jsx(index_js$1.VisualizationTypeProvider, { config, defaultType: type, children: /* @__PURE__ */ jsxRuntime.jsx(index_js$2.LayoutProvider, { defaultLayout: layout, children: /* @__PURE__ */ jsxRuntime.jsx(index_js$3.AnalyticsDataProvider, { children }) }) }) });
 }
 
-export { VisualizationProvider };
+exports.VisualizationProvider = VisualizationProvider;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/VisualizationSelector/index.js

@@ -1,24 +1,30 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useVisualizationType } from '../VisualizationTypeProvider/index.js';
-import { useAnalyticsData } from '../AnalyticsDataProvider/index.js';
-import { CircularLoader } from '@dhis2/ui';
-import { DHIS2PivotTable } from '../../../DHIS2PivotTable/index.js';
-import { useLayout } from '../LayoutProvider/index.js';
-import { forEach, set, mapValues, findIndex, find, filter } from 'lodash';
-import { useDimensions } from '../DimensionsProvider/index.js';
-import i18n from '@dhis2/d2-i18n';
-import { DHIS2Chart } from '../../../ChartAnalytics/index.js';
-import { DHIS2Map } from '../../../Map/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var index_js$6 = require('../VisualizationTypeProvider/index.js');
+var index_js$1 = require('../AnalyticsDataProvider/index.js');
+var ui = require('@dhis2/ui');
+var index_js$2 = require('../../../DHIS2PivotTable/index.js');
+var index_js = require('../LayoutProvider/index.js');
+var lodash = require('lodash');
+var index_js$4 = require('../DimensionsProvider/index.js');
+var i18n = require('@dhis2/d2-i18n');
+var index_js$3 = require('../../../ChartAnalytics/index.js');
+var index_js$5 = require('../../../Map/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function getDimensionLabel(dimension) {
   switch (dimension) {
     case "pe":
-      return i18n.t("Period");
+      return i18n__default.default.t("Period");
     case "ou":
-      return i18n.t("Organisation unit");
+      return i18n__default.default.t("Organisation unit");
     case "dx":
-      return i18n.t("Data");
+      return i18n__default.default.t("Data");
     default:
       return "";
   }
@@ -27,13 +33,13 @@ function getOrgUnitSelectionFromIds(ous) {
   const orgUnitSelection = {
     orgUnits: []
   };
-  forEach(ous, (ou) => {
+  lodash.forEach(ous, (ou) => {
     if (ou === "USER_ORGUNIT") {
-      set(orgUnitSelection, ["userOrgUnit"], true);
+      lodash.set(orgUnitSelection, ["userOrgUnit"], true);
     } else if (ou === "USER_ORGUNIT_CHILDREN") {
-      set(orgUnitSelection, ["userSubUnit"], true);
+      lodash.set(orgUnitSelection, ["userSubUnit"], true);
     } else if (ou === "USER_ORGUNIT_GRANDCHILDREN") {
-      set(orgUnitSelection, ["userSubX2Unit"], true);
+      lodash.set(orgUnitSelection, ["userSubX2Unit"], true);
     } else {
       const orgUnits = [...orgUnitSelection.orgUnits ?? []];
       orgUnits.push({
@@ -41,7 +47,7 @@ function getOrgUnitSelectionFromIds(ous) {
         children: [],
         path: ""
       });
-      set(orgUnitSelection, ["orgUnits"], orgUnits);
+      lodash.set(orgUnitSelection, ["orgUnits"], orgUnits);
     }
   });
   return orgUnitSelection;
@@ -49,10 +55,10 @@ function getOrgUnitSelectionFromIds(ous) {
 function PivotTableRenderer({
   options
 }) {
-  const [layout] = useLayout();
-  const { analytics } = useAnalyticsData();
-  const sanitizedLayout = useMemo(() => {
-    return mapValues(
+  const [layout] = index_js.useLayout();
+  const { analytics } = index_js$1.useAnalyticsData();
+  const sanitizedLayout = react.useMemo(() => {
+    return lodash.mapValues(
       layout,
       (dimension) => dimension.map((dimension2) => ({
         dimension: dimension2,
@@ -63,8 +69,8 @@ function PivotTableRenderer({
   if (!analytics) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
-    DHIS2PivotTable,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_js$2.DHIS2PivotTable,
     {
       tableProps: {
         scrollHeight: options.scrollHeight ?? "100%",
@@ -77,26 +83,26 @@ function PivotTableRenderer({
   );
 }
 function ChartRenderer({ options }) {
-  const { analytics } = useAnalyticsData();
+  const { analytics } = index_js$1.useAnalyticsData();
   if (!analytics) {
     return null;
   }
-  return /* @__PURE__ */ jsx(DHIS2Chart, { analytics, config: { ...options } });
+  return /* @__PURE__ */ jsxRuntime.jsx(index_js$3.DHIS2Chart, { analytics, config: { ...options } });
 }
 function MapRenderer({
   options
 }) {
-  const [dimensions] = useDimensions();
-  const { analytics } = useAnalyticsData();
-  const orgUnitSelection = useMemo(() => {
+  const [dimensions] = index_js$4.useDimensions();
+  const { analytics } = index_js$1.useAnalyticsData();
+  const orgUnitSelection = react.useMemo(() => {
     return getOrgUnitSelectionFromIds(dimensions.ou ?? []);
   }, [dimensions.ou]);
-  const thematicLayers = useMemo(() => {
-    const valueIndex = findIndex(analytics.headers, ["name", "value"]) ?? -1;
+  const thematicLayers = react.useMemo(() => {
+    const valueIndex = lodash.findIndex(analytics.headers, ["name", "value"]) ?? -1;
     return analytics.metaData?.dimensions["dx"]?.map((dataId) => {
-      const config = find(options.thematicLayers, ["id", dataId]);
+      const config = lodash.find(options.thematicLayers, ["id", dataId]);
       const data = analytics.metaData?.dimensions?.ou?.map((ouId) => {
-        const values = filter(
+        const values = lodash.filter(
           analytics.rows,
           (row) => row.includes(dataId) && row.includes(ouId)
         );
@@ -116,8 +122,8 @@ function MapRenderer({
       };
     }) ?? [];
   }, [analytics]);
-  return /* @__PURE__ */ jsx(
-    DHIS2Map,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_js$5.DHIS2Map,
     {
       orgUnitSelection,
       thematicLayers
@@ -125,10 +131,10 @@ function MapRenderer({
   );
 }
 function VisualizationSelector({ config }) {
-  const [type] = useVisualizationType();
-  const { analytics, loading } = useAnalyticsData();
+  const [type] = index_js$6.useVisualizationType();
+  const { analytics, loading } = index_js$1.useAnalyticsData();
   if (loading) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: {
@@ -138,22 +144,22 @@ function VisualizationSelector({ config }) {
           justifyContent: "center",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ jsx(CircularLoader, { small: true })
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularLoader, { small: true })
       }
     );
   }
   if (!analytics) {
     return null;
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    type === "pivotTable" && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    type === "pivotTable" && /* @__PURE__ */ jsxRuntime.jsx(
       PivotTableRenderer,
       {
         options: config?.pivotTable
       }
     ),
-    type === "chart" && /* @__PURE__ */ jsx(ChartRenderer, { options: config?.chart }),
-    type === "map" && /* @__PURE__ */ jsx(
+    type === "chart" && /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { options: config?.chart }),
+    type === "map" && /* @__PURE__ */ jsxRuntime.jsx(
       MapRenderer,
       {
         options: config?.map
@@ -162,6 +168,11 @@ function VisualizationSelector({ config }) {
   ] });
 }
 
-export { ChartRenderer, MapRenderer, PivotTableRenderer, VisualizationSelector, getDimensionLabel, getOrgUnitSelectionFromIds };
+exports.ChartRenderer = ChartRenderer;
+exports.MapRenderer = MapRenderer;
+exports.PivotTableRenderer = PivotTableRenderer;
+exports.VisualizationSelector = VisualizationSelector;
+exports.getDimensionLabel = getDimensionLabel;
+exports.getOrgUnitSelectionFromIds = getOrgUnitSelectionFromIds;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/VisualizationTypeProvider/index.js

@@ -1,27 +1,34 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
+'use strict';
 
-const VisualizationTypeContext = createContext("pivotTable");
-const VisualizationConfigContext = createContext(void 0);
-const VisualizationTypeSetter = createContext(void 0);
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const VisualizationTypeContext = react.createContext("pivotTable");
+const VisualizationConfigContext = react.createContext(void 0);
+const VisualizationTypeSetter = react.createContext(void 0);
 function useVisualizationType() {
   return [
-    useContext(VisualizationTypeContext),
-    useContext(VisualizationTypeSetter)
+    react.useContext(VisualizationTypeContext),
+    react.useContext(VisualizationTypeSetter)
   ];
 }
 function useVisualizationConfig() {
-  return useContext(VisualizationConfigContext);
+  return react.useContext(VisualizationConfigContext);
 }
 function VisualizationTypeProvider({
   children,
   defaultType,
   config
 }) {
-  const [type, setType] = useState(defaultType);
-  return /* @__PURE__ */ jsx(VisualizationTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx(VisualizationConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx(VisualizationTypeSetter.Provider, { value: setType, children }) }) });
+  const [type, setType] = react.useState(defaultType);
+  return /* @__PURE__ */ jsxRuntime.jsx(VisualizationTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsxRuntime.jsx(VisualizationConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxRuntime.jsx(VisualizationTypeSetter.Provider, { value: setType, children }) }) });
 }
 
-export { VisualizationConfigContext, VisualizationTypeContext, VisualizationTypeProvider, VisualizationTypeSetter, useVisualizationConfig, useVisualizationType };
+exports.VisualizationConfigContext = VisualizationConfigContext;
+exports.VisualizationTypeContext = VisualizationTypeContext;
+exports.VisualizationTypeProvider = VisualizationTypeProvider;
+exports.VisualizationTypeSetter = VisualizationTypeSetter;
+exports.useVisualizationConfig = useVisualizationConfig;
+exports.useVisualizationType = useVisualizationType;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/VisualizationTypeSelector/index.js

@@ -1,44 +1,50 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useVisualizationType, useVisualizationConfig } from '../VisualizationTypeProvider/index.js';
-import { IconTable24, IconVisualizationColumn24, IconWorld24, Tooltip, Button } from '@dhis2/ui';
-import i18n from '@dhis2/d2-i18n';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var index_js = require('../VisualizationTypeProvider/index.js');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 const supportedVisualizationTypes = [
   {
     id: "pivotTable",
-    icon: /* @__PURE__ */ jsx(IconTable24, {}),
-    label: i18n.t("Pivot table")
+    icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconTable24, {}),
+    label: i18n__default.default.t("Pivot table")
   },
   {
     id: "chart",
-    icon: /* @__PURE__ */ jsx(IconVisualizationColumn24, {}),
-    label: i18n.t("Chart")
+    icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumn24, {}),
+    label: i18n__default.default.t("Chart")
   },
   {
     id: "map",
-    icon: /* @__PURE__ */ jsx(IconWorld24, {}),
-    label: i18n.t("Map")
+    icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconWorld24, {}),
+    label: i18n__default.default.t("Map")
   }
 ];
 function VisualizationTypeSelector() {
-  const [type, setType] = useVisualizationType();
-  const config = useVisualizationConfig();
-  const types = useMemo(
+  const [type, setType] = index_js.useVisualizationType();
+  const config = index_js.useVisualizationConfig();
+  const types = react.useMemo(
     () => supportedVisualizationTypes.filter((supportedType) => {
       return Object.keys(config ?? {}).includes(supportedType.id) && supportedType.id !== type;
     }),
     [type, config]
   );
-  return /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8 }, children: types.map(({ icon, label, id }) => {
-    return /* @__PURE__ */ jsx(
-      Tooltip,
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 8 }, children: types.map(({ icon, label, id }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Tooltip,
       {
-        content: i18n.t("View as {{type}}", {
+        content: i18n__default.default.t("View as {{type}}", {
           type: label.toLowerCase()
         }),
-        children: /* @__PURE__ */ jsx(
-          Button,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
           {
             onClick: () => setType(id),
             icon
@@ -50,6 +56,6 @@ function VisualizationTypeSelector() {
   }) });
 }
 
-export { VisualizationTypeSelector };
+exports.VisualizationTypeSelector = VisualizationTypeSelector;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/index.js

@@ -1,18 +1,24 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { VisualizationProvider } from './components/VisualizationProvider/index.js';
-import { VisualizationTypeSelector } from './components/VisualizationTypeSelector/index.js';
-import { VisualizationDimensionSelector } from './components/VisualizationDimensionSelector/index.js';
-import { VisualizationSelector } from './components/VisualizationSelector/index.js';
-import { ErrorBoundary } from 'react-error-boundary';
-import i18n from '@dhis2/d2-i18n';
-import { IconError24, colors, Button } from '@dhis2/ui';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_js = require('./components/VisualizationProvider/index.js');
+var index_js$1 = require('./components/VisualizationTypeSelector/index.js');
+var index_js$2 = require('./components/VisualizationDimensionSelector/index.js');
+var index_js$3 = require('./components/VisualizationSelector/index.js');
+var reactErrorBoundary = require('react-error-boundary');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 
 function ErrorFallback({
   error,
   resetErrorBoundary,
   height
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       style: {
@@ -27,19 +33,19 @@ function ErrorFallback({
         padding: 16
       },
       children: [
-        /* @__PURE__ */ jsx(IconError24, {}),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(ui.IconError24, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
           "h3",
           {
             style: {
-              color: colors.grey800,
+              color: ui.colors.grey800,
               margin: 0
             },
-            children: i18n.t("Could not load visualization")
+            children: i18n__default.default.t("Could not load visualization")
           }
         ),
-        /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: error.message }),
-        resetErrorBoundary && /* @__PURE__ */ jsx(Button, { onClick: resetErrorBoundary, small: true, children: i18n.t("Try again") })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0 }, children: error.message }),
+        resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: resetErrorBoundary, small: true, children: i18n__default.default.t("Try again") })
       ]
     }
   );
@@ -54,19 +60,19 @@ function Visualization({
   showOrgUnitSelector,
   showPeriodSelector
 }) {
-  return /* @__PURE__ */ jsx(
-    ErrorBoundary,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactErrorBoundary.ErrorBoundary,
     {
       resetKeys: [dimensions, layout, defaultVisualizationType, config],
-      fallbackRender: (props) => /* @__PURE__ */ jsx(ErrorFallback, { height, ...props }),
-      children: /* @__PURE__ */ jsx(
-        VisualizationProvider,
+      fallbackRender: (props) => /* @__PURE__ */ jsxRuntime.jsx(ErrorFallback, { height, ...props }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index_js.VisualizationProvider,
         {
           config,
           type: defaultVisualizationType,
           layout,
           dimensions,
-          children: /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               style: {
@@ -77,7 +83,7 @@ function Visualization({
                 gap: 16
               },
               children: [
-                showToolbar && /* @__PURE__ */ jsxs(
+                showToolbar && /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
                     style: {
@@ -87,9 +93,9 @@ function Visualization({
                       justifyContent: "space-between"
                     },
                     children: [
-                      /* @__PURE__ */ jsx(VisualizationTypeSelector, {}),
-                      /* @__PURE__ */ jsx(
-                        VisualizationDimensionSelector,
+                      /* @__PURE__ */ jsxRuntime.jsx(index_js$1.VisualizationTypeSelector, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        index_js$2.VisualizationDimensionSelector,
                         {
                           showPeriodSelector,
                           showOrgUnitSelector
@@ -98,7 +104,7 @@ function Visualization({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(VisualizationSelector, { config }) })
+                /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(index_js$3.VisualizationSelector, { config }) })
               ]
             }
           )
@@ -108,6 +114,6 @@ function Visualization({
   );
 }
 
-export { Visualization };
+exports.Visualization = Visualization;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map