@hisptz/dhis2-analytics 1.0.41 → 1.0.43

package/build/cjs/components/Map/components/MapLayer/components/GoogleEngineLayer/services/engine.js

@@ -10,7 +10,15 @@ var _api = _interopRequireDefault(require("./api"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // async function importEEModule(): Promise<any> {
+//     // @ts-ignore
+//     if (import.meta.env.STORYBOOK_BUILD === "true") {
+//         return await import("@google/earthengine");
+//     }
+//     return await import("./api");
+// }
+//
+// const EE = await importEEModule();
 // @ts-ignore
 const ee = _api.default;
 // @ts-ignore

package/build/cjs/components/Map/components/MapProvider/components/MapLayerProvider/hooks/index.js

@@ -194,6 +194,9 @@ function useThematicLayers() {
       const layersWithData = (0, _lodash.differenceBy)(layers, layersWithoutData, "id");
       const dx = layersWithoutData.map(layer => layer.dataItem.id);
       let sanitizedLayersWithData = [];
+      console.log({
+        layersWithoutData
+      });
       if (!(0, _lodash.isEmpty)(dx)) {
         const data = await engine.query(analyticsQuery, {
           variables: {

package/build/cjs/components/Map/constants/colors.js

@@ -422,6 +422,7 @@ const COLOR_PALETTES = {
     9: ["#000000", "#252525", "#525252", "#737373", "#969696", "#bdbdbd", "#d9d9d9", "#f0f0f0", "#ffffff"]
   }
 };
+
 // Qualitative colors From ColorBrewer (reordered 12-class)
 exports.COLOR_PALETTES = COLOR_PALETTES;
 const qualitativeColors = ["#1f78b4", "#ff7f00", "#33a02c", "#a6cee3", "#b2df8a", "#fb9a99", "#fdbf6f", "#cab2d6", "#ffff99", "#b15928", "#6a3d9a", "#e31a1c"];

package/build/cjs/components/Visualization/Visualization.stories.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _ChartAnalytics = require("../ChartAnalytics");
+var _index = require("./index");
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _react = _interopRequireDefault(require("react"));
+var _ui = require("@dhis2/ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.Visualization, args);
+(0, _ChartAnalytics.setupHighchartsModules)(_highcharts.default);
+const Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  dimensions: {
+    dx: ["Uvn6LCg7dVU", "OdiHJayrsKo", "sB79w2hiLp8", "AUqdhY4mpvp"],
+    pe: ["LAST_6_MONTHS"],
+    ou: ["USER_ORGUNIT_CHILDREN"]
+  },
+  layout: {
+    columns: ["dx"],
+    filters: [],
+    rows: ["ou", "pe"]
+  },
+  defaultVisualizationType: "pivot-table",
+  config: {
+    chart: {
+      layout: {
+        series: ["dx"],
+        category: ["pe"],
+        filter: ["ou"]
+      },
+      type: "column"
+    },
+    map: {
+      thematicLayers: [{
+        type: "choropleth",
+        id: "Uvn6LCg7dVU",
+        enabled: true,
+        control: {
+          enabled: true,
+          position: "topright"
+        },
+        dataItem: {
+          displayName: "Uvn6LCg7dVU",
+          id: "Uvn6LCg7dVU",
+          type: "indicator",
+          legendConfig: {
+            colorClass: "BrBG",
+            scale: 7
+          }
+        }
+      }, {
+        type: "choropleth",
+        id: "OdiHJayrsKo",
+        enabled: true,
+        control: {
+          enabled: true,
+          position: "topright"
+        },
+        dataItem: {
+          displayName: "OdiHJayrsKo",
+          id: "OdiHJayrsKo",
+          type: "indicator",
+          legendConfig: {
+            colorClass: "BrBG",
+            scale: 7
+          }
+        }
+      }, {
+        type: "choropleth",
+        id: "sB79w2hiLp8",
+        enabled: true,
+        control: {
+          enabled: true,
+          position: "topright"
+        },
+        dataItem: {
+          displayName: "sB79w2hiLp8",
+          id: "sB79w2hiLp8",
+          type: "indicator",
+          legendConfig: {
+            colorClass: "BrBG",
+            scale: 7
+          }
+        }
+      }, {
+        type: "choropleth",
+        id: "AUqdhY4mpvp",
+        enabled: true,
+        control: {
+          enabled: true,
+          position: "topright"
+        },
+        dataItem: {
+          displayName: "AUqdhY4mpvp",
+          id: "AUqdhY4mpvp",
+          type: "indicator",
+          legendConfig: {
+            colorClass: "BrBG",
+            scale: 7
+          }
+        }
+      }],
+      legends: {
+        enabled: true,
+        position: "topright",
+        collapsible: true
+      }
+    },
+    pivotTable: {
+      fixColumnHeaders: true,
+      fixRowHeaders: true
+    }
+  }
+};
+var _default = {
+  title: "Analytics/Visualization",
+  component: _index.Visualization,
+  decorators: [ChartStory => {
+    return /*#__PURE__*/_react.default.createElement(_ui.Box, {
+      width: "600",
+      height: "500"
+    }, /*#__PURE__*/_react.default.createElement(_ui.Card, null, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: 1000,
+        height: "100%",
+        display: "flex",
+        gap: 8,
+        flexDirection: "column"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ui.CssReset, null), /*#__PURE__*/_react.default.createElement(ChartStory, null))));
+  }]
+};
+exports.default = _default;

package/build/cjs/components/Visualization/components/AnalyticsDataProvider/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnalyticsDataProvider = AnalyticsDataProvider;
+exports.useAnalyticsData = useAnalyticsData;
+var _react = _interopRequireWildcard(require("react"));
+var _DimensionsProvider = require("../DimensionsProvider");
+var _appRuntime = require("@dhis2/app-runtime");
+var _LayoutProvider = require("../LayoutProvider");
+var _lodash = require("lodash");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const AnalyticsContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+const analyticsQuery = {
+  analytics: {
+    resource: "analytics",
+    params: _ref => {
+      let {
+        dimensions,
+        filters
+      } = _ref;
+      return {
+        dimension: Object.keys(dimensions).map(dimension => {
+          var _dimensions$dimension;
+          return `${dimension}:${(_dimensions$dimension = dimensions[dimension]) === null || _dimensions$dimension === void 0 ? void 0 : _dimensions$dimension.join(';')}`;
+        }),
+        filters: Object.keys(filters).map(dimension => {
+          var _dimensions$dimension2;
+          return `${dimension}:${(_dimensions$dimension2 = dimensions[dimension]) === null || _dimensions$dimension2 === void 0 ? void 0 : _dimensions$dimension2.join(';')}`;
+        }),
+        includeMetadataDetails: true
+      };
+    }
+  }
+};
+function useAnalyticsData() {
+  var _useContext;
+  return (_useContext = (0, _react.useContext)(AnalyticsContext)) !== null && _useContext !== void 0 ? _useContext : {
+    analytics: {},
+    loading: false
+  };
+}
+function AnalyticsDataProvider(_ref2) {
+  let {
+    children
+  } = _ref2;
+  const [analyticsDimensions] = (0, _DimensionsProvider.useDimensions)();
+  const [layout] = (0, _LayoutProvider.useLayout)();
+  const {
+    dimensions,
+    filters
+  } = (0, _react.useMemo)(() => {
+    var _layout$columns, _layout$rows, _layout$filters;
+    const dimensions = {};
+    const filters = {};
+    (0, _lodash.forEach)([...((_layout$columns = layout === null || layout === void 0 ? void 0 : layout.columns) !== null && _layout$columns !== void 0 ? _layout$columns : []), ...((_layout$rows = layout === null || layout === void 0 ? void 0 : layout.rows) !== null && _layout$rows !== void 0 ? _layout$rows : [])], dimension => {
+      (0, _lodash.set)(dimensions, [dimension], analyticsDimensions === null || analyticsDimensions === void 0 ? void 0 : analyticsDimensions[dimension]);
+    });
+    (0, _lodash.forEach)([...((_layout$filters = layout === null || layout === void 0 ? void 0 : layout.filters) !== null && _layout$filters !== void 0 ? _layout$filters : [])], dimension => {
+      (0, _lodash.set)(dimensions, [dimension], analyticsDimensions === null || analyticsDimensions === void 0 ? void 0 : analyticsDimensions[dimension]);
+    });
+    return {
+      dimensions,
+      filters
+    };
+  }, [layout, analyticsDimensions.pe, analyticsDimensions.ou]);
+  const {
+    data: analytics,
+    error,
+    loading,
+    refetch,
+    called
+  } = (0, _appRuntime.useDataQuery)(analyticsQuery, {
+    variables: {
+      dimensions,
+      filters
+    },
+    lazy: true
+  });
+  (0, _react.useEffect)(() => {
+    refetch({
+      dimensions,
+      filters
+    });
+  }, [dimensions, filters]);
+  (0, _react.useEffect)(() => {
+    if (error) {
+      throw error;
+    }
+  }, [error]);
+  return /*#__PURE__*/_react.default.createElement(AnalyticsContext.Provider, {
+    value: {
+      analytics: analytics === null || analytics === void 0 ? void 0 : analytics.analytics,
+      loading
+    }
+  }, children);
+}

package/build/cjs/components/Visualization/components/DimensionsProvider/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DimensionUpdateState = exports.DimensionState = void 0;
+exports.DimensionsProvider = DimensionsProvider;
+exports.useDimensions = useDimensions;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DimensionState = /*#__PURE__*/(0, _react.createContext)({
+  dx: [],
+  pe: [],
+  ou: []
+});
+exports.DimensionState = DimensionState;
+const DimensionUpdateState = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.DimensionUpdateState = DimensionUpdateState;
+function reducer(state, _ref) {
+  let {
+    dimension,
+    value
+  } = _ref;
+  const updatedState = {
+    ...(state !== null && state !== void 0 ? state : {})
+  };
+  (0, _lodash.set)(updatedState, [dimension], value);
+  return updatedState;
+}
+function useDimensions() {
+  return [(0, _react.useContext)(DimensionState), (0, _react.useContext)(DimensionUpdateState)];
+}
+function DimensionsProvider(_ref2) {
+  let {
+    children,
+    dimensions
+  } = _ref2;
+  const [state, dispatch] = (0, _react.useReducer)(reducer, dimensions);
+  return /*#__PURE__*/_react.default.createElement(DimensionState.Provider, {
+    value: state
+  }, /*#__PURE__*/_react.default.createElement(DimensionUpdateState.Provider, {
+    value: dispatch
+  }, children));
+}

package/build/cjs/components/Visualization/components/LayoutProvider/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayoutProvider = LayoutProvider;
+exports.LayoutState = void 0;
+exports.useLayout = useLayout;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const LayoutState = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.LayoutState = LayoutState;
+function useLayout() {
+  var _useContext;
+  return [(_useContext = (0, _react.useContext)(LayoutState)) !== null && _useContext !== void 0 ? _useContext : {
+    rows: [],
+    filters: [],
+    columns: []
+  }];
+}
+function LayoutProvider(_ref) {
+  let {
+    defaultLayout,
+    children
+  } = _ref;
+  const [layout, setLayout] = (0, _react.useState)(defaultLayout);
+  return /*#__PURE__*/_react.default.createElement(LayoutState.Provider, {
+    value: layout
+  }, children);
+}

package/build/cjs/components/Visualization/components/VisualizationDimensionSelector/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VisualizationDimensionSelector = VisualizationDimensionSelector;
+var _react = _interopRequireWildcard(require("react"));
+var _ui = require("@dhis2/ui");
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+var _DimensionsProvider = require("../DimensionsProvider");
+var _dhis2Ui = require("@hisptz/dhis2-ui");
+var _VisualizationSelector = require("../VisualizationSelector");
+var _map = require("../../../Map/utils/map");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function VisualizationDimensionSelector() {
+  const [dimensions, setDimensions] = (0, _DimensionsProvider.useDimensions)();
+  const periods = (0, _react.useMemo)(() => dimensions.pe, [dimensions.pe]);
+  const orgUnitSelection = (0, _react.useMemo)(() => {
+    var _dimensions$ou;
+    return (0, _VisualizationSelector.getOrgUnitSelectionFromIds)((_dimensions$ou = dimensions.ou) !== null && _dimensions$ou !== void 0 ? _dimensions$ou : []);
+  }, [dimensions.ou]);
+  const [openFilter, setOpenFilter] = (0, _react.useState)();
+  const onFilterUpdate = (0, _react.useCallback)(type => data => {
+    setOpenFilter(undefined);
+    if (type === "ou") {
+      setDimensions({
+        dimension: "ou",
+        value: (0, _map.getOrgUnitsSelection)(data)
+      });
+      return;
+    }
+    if (type === "pe") {
+      setDimensions({
+        dimension: "pe",
+        value: data
+      });
+      return;
+    }
+  }, [setDimensions]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dhis2Ui.PeriodSelectorModal, {
+    position: "middle",
+    enablePeriodSelector: true,
+    selectedPeriods: periods,
+    onClose: () => setOpenFilter(undefined),
+    hide: openFilter !== "pe",
+    onUpdate: onFilterUpdate("pe")
+  }), /*#__PURE__*/_react.default.createElement(_dhis2Ui.OrgUnitSelectorModal, {
+    showUserOptions: true,
+    searchable: true,
+    title: _d2I18n.default.t("Select location(s)"),
+    value: orgUnitSelection,
+    onClose: () => setOpenFilter(undefined),
+    hide: openFilter !== "ou",
+    onUpdate: onFilterUpdate("ou")
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    content: _d2I18n.default.t("Period")
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    onClick: () => setOpenFilter("pe"),
+    icon: /*#__PURE__*/_react.default.createElement(_ui.IconClock24, null)
+  })), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    content: _d2I18n.default.t("Location")
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    onClick: () => setOpenFilter("ou"),
+    icon: /*#__PURE__*/_react.default.createElement(_ui.IconLocation24, null)
+  }))));
+}

package/build/cjs/components/Visualization/components/VisualizationProvider/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VisualizationProvider = VisualizationProvider;
+var _react = _interopRequireDefault(require("react"));
+var _LayoutProvider = require("../LayoutProvider");
+var _DimensionsProvider = require("../DimensionsProvider");
+var _AnalyticsDataProvider = require("../AnalyticsDataProvider");
+var _VisualizationTypeProvider = require("../VisualizationTypeProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function VisualizationProvider(_ref) {
+  let {
+    layout,
+    dimensions,
+    children,
+    type,
+    config
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_DimensionsProvider.DimensionsProvider, {
+    dimensions: dimensions
+  }, /*#__PURE__*/_react.default.createElement(_VisualizationTypeProvider.VisualizationTypeProvider, {
+    config: config,
+    defaultType: type
+  }, /*#__PURE__*/_react.default.createElement(_LayoutProvider.LayoutProvider, {
+    defaultLayout: layout
+  }, /*#__PURE__*/_react.default.createElement(_AnalyticsDataProvider.AnalyticsDataProvider, null, children))));
+}

package/build/cjs/components/Visualization/components/VisualizationSelector/index.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartRenderer = ChartRenderer;
+exports.MapRenderer = MapRenderer;
+exports.PivotTableRenderer = PivotTableRenderer;
+exports.VisualizationSelector = VisualizationSelector;
+exports.getDimensionLabel = getDimensionLabel;
+exports.getOrgUnitSelectionFromIds = getOrgUnitSelectionFromIds;
+var _react = _interopRequireWildcard(require("react"));
+var _VisualizationTypeProvider = require("../VisualizationTypeProvider");
+var _AnalyticsDataProvider = require("../AnalyticsDataProvider");
+var _ui = require("@dhis2/ui");
+var _CustomPivotTable = require("../../../CustomPivotTable");
+var _LayoutProvider = require("../LayoutProvider");
+var _lodash = require("lodash");
+var _DimensionsProvider = require("../DimensionsProvider");
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+var _ChartAnalytics = require("../../../ChartAnalytics");
+var _Map = require("../../../Map");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function getDimensionLabel(dimension) {
+  switch (dimension) {
+    case "pe":
+      return _d2I18n.default.t("Period");
+    case "ou":
+      return _d2I18n.default.t("Organisation unit");
+    case "dx":
+      return _d2I18n.default.t("Data");
+    default:
+      return "";
+  }
+}
+function getOrgUnitSelectionFromIds(ous) {
+  const orgUnitSelection = {
+    orgUnits: []
+  };
+  (0, _lodash.forEach)(ous, ou => {
+    if (ou === "USER_ORGUNIT") {
+      (0, _lodash.set)(orgUnitSelection, ["userOrgUnit"], true);
+    } else if (ou === "USER_ORGUNIT_CHILDREN") {
+      (0, _lodash.set)(orgUnitSelection, ["userSubUnit"], true);
+    } else if (ou === "USER_ORGUNIT_GRANDCHILDREN") {
+      (0, _lodash.set)(orgUnitSelection, ["userSubX2Unit"], true);
+    } else {
+      var _orgUnitSelection$org;
+      const orgUnits = [...((_orgUnitSelection$org = orgUnitSelection.orgUnits) !== null && _orgUnitSelection$org !== void 0 ? _orgUnitSelection$org : [])];
+      orgUnits.push({
+        id: ou,
+        children: []
+      });
+      (0, _lodash.set)(orgUnitSelection, ['orgUnits'], orgUnits);
+    }
+  });
+  return orgUnitSelection;
+}
+function PivotTableRenderer(_ref) {
+  var _options$scrollHeight, _options$scrollWidth, _options$width;
+  let {
+    options
+  } = _ref;
+  const [layout] = (0, _LayoutProvider.useLayout)();
+  const {
+    analytics
+  } = (0, _AnalyticsDataProvider.useAnalyticsData)();
+  const sanitizedLayout = (0, _react.useMemo)(() => {
+    return (0, _lodash.mapValues)(layout, dimension => dimension.map(dimension => ({
+      dimension,
+      label: getDimensionLabel(dimension)
+    })));
+  }, [layout]);
+  if (!analytics) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_CustomPivotTable.CustomPivotTable, {
+    tableProps: {
+      scrollHeight: (_options$scrollHeight = options.scrollHeight) !== null && _options$scrollHeight !== void 0 ? _options$scrollHeight : "100%",
+      scrollWidth: (_options$scrollWidth = options.scrollWidth) !== null && _options$scrollWidth !== void 0 ? _options$scrollWidth : "100%",
+      width: (_options$width = options.width) !== null && _options$width !== void 0 ? _options$width : "100%"
+    },
+    analytics: analytics,
+    config: {
+      layout: sanitizedLayout,
+      options
+    }
+  });
+}
+function ChartRenderer(_ref2) {
+  let {
+    options,
+    height
+  } = _ref2;
+  const {
+    analytics
+  } = (0, _AnalyticsDataProvider.useAnalyticsData)();
+  if (!analytics) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ChartAnalytics.ChartAnalytics, {
+    analytics: analytics,
+    config: {
+      ...options,
+      height
+    }
+  });
+}
+function MapRenderer(_ref3) {
+  let {
+    options
+  } = _ref3;
+  const [dimensions] = (0, _DimensionsProvider.useDimensions)();
+  const {
+    analytics
+  } = (0, _AnalyticsDataProvider.useAnalyticsData)();
+  const orgUnitSelection = (0, _react.useMemo)(() => {
+    var _dimensions$ou;
+    return getOrgUnitSelectionFromIds((_dimensions$ou = dimensions.ou) !== null && _dimensions$ou !== void 0 ? _dimensions$ou : []);
+  }, [dimensions.ou]);
+  const thematicLayers = (0, _react.useMemo)(() => {
+    var _findIndex, _analytics$metaData$d, _analytics$metaData, _analytics$metaData$d2;
+    const valueIndex = (_findIndex = (0, _lodash.findIndex)(analytics.headers, ['name', 'value'])) !== null && _findIndex !== void 0 ? _findIndex : -1;
+    return (_analytics$metaData$d = (_analytics$metaData = analytics.metaData) === null || _analytics$metaData === void 0 ? void 0 : (_analytics$metaData$d2 = _analytics$metaData.dimensions["dx"]) === null || _analytics$metaData$d2 === void 0 ? void 0 : _analytics$metaData$d2.map(dataId => {
+      var _analytics$metaData$d3, _analytics$metaData2, _analytics$metaData2$, _analytics$metaData2$2;
+      const config = (0, _lodash.find)(options.thematicLayers, ['id', dataId]);
+      const data = (_analytics$metaData$d3 = (_analytics$metaData2 = analytics.metaData) === null || _analytics$metaData2 === void 0 ? void 0 : (_analytics$metaData2$ = _analytics$metaData2.dimensions) === null || _analytics$metaData2$ === void 0 ? void 0 : (_analytics$metaData2$2 = _analytics$metaData2$.ou) === null || _analytics$metaData2$2 === void 0 ? void 0 : _analytics$metaData2$2.map(ouId => {
+        const values = (0, _lodash.filter)(analytics.rows, row => row.includes(dataId) && row.includes(ouId));
+        const value = values.reduce((acc, value) => acc + parseFloat(value[valueIndex]), 0);
+        return {
+          data: value,
+          dataItem: dataId,
+          orgUnit: ouId
+        };
+      })) !== null && _analytics$metaData$d3 !== void 0 ? _analytics$metaData$d3 : [];
+      return {
+        ...config,
+        data
+      };
+    })) !== null && _analytics$metaData$d !== void 0 ? _analytics$metaData$d : [];
+  }, [analytics]);
+  return /*#__PURE__*/_react.default.createElement(_Map.Map, {
+    orgUnitSelection: orgUnitSelection,
+    thematicLayers: thematicLayers
+  });
+}
+function VisualizationSelector(_ref4) {
+  let {
+    config,
+    height
+  } = _ref4;
+  const [type] = (0, _VisualizationTypeProvider.useVisualizationType)();
+  const {
+    analytics,
+    loading
+  } = (0, _AnalyticsDataProvider.useAnalyticsData)();
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
+      small: true
+    }));
+  }
+  if (!analytics) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  }, type === "pivotTable" && /*#__PURE__*/_react.default.createElement(PivotTableRenderer, {
+    options: config === null || config === void 0 ? void 0 : config.pivotTable
+  }), type === "chart" && /*#__PURE__*/_react.default.createElement(ChartRenderer, {
+    height: height,
+    options: config === null || config === void 0 ? void 0 : config.chart
+  }), type === "map" && /*#__PURE__*/_react.default.createElement(MapRenderer, {
+    options: config === null || config === void 0 ? void 0 : config.map
+  }));
+}