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

package/build/cjs/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/components/ChoroplethLegend.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LegendItem = LegendItem;
-exports.default = void 0;
-require("../../../styles/legends.css");
-var _ui = require("@dhis2/ui");
-var _react = _interopRequireWildcard(require("react"));
-var _map = require("../../../../../../../utils/map");
-var _LegendCardHeader = _interopRequireDefault(require("../../../../LegendArea/components/LegendCardHeader"));
-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 LegendItem(_ref) {
-  let {
-    legend,
-    value
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "legend-item"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "legend-item-color",
-    style: {
-      backgroundColor: legend.color
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "legend-item-label"
-  }, `${legend.startValue} - ${legend.endValue}`), /*#__PURE__*/_react.default.createElement("div", {
-    className: "legend-item-value"
-  }, `(${value})`));
-}
-function ChoroplethLegend(_ref2, ref) {
-  let {
-    dataItem,
-    data,
-    name,
-    collapsible,
-    onCollapse,
-    legends
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "legend-card",
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_LegendCardHeader.default, {
-    title: dataItem.displayName,
-    collapsible: collapsible,
-    onCollapse: onCollapse
-  }), /*#__PURE__*/_react.default.createElement(_ui.Divider, {
-    margin: "0"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "legend-list pt-8"
-  }, legends === null || legends === void 0 ? void 0 : legends.map(legend => /*#__PURE__*/_react.default.createElement(LegendItem, {
-    key: `${legend === null || legend === void 0 ? void 0 : legend.color}-legend-list`,
-    legend: legend,
-    value: (0, _map.getLegendCount)(legend, data)
-  }))));
-}
-var _default = /*#__PURE__*/(0, _react.forwardRef)(ChoroplethLegend);
-exports.default = _default;

package/build/cjs/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Choropleth;
-var _ui = require("@dhis2/ui");
-var _react = _interopRequireDefault(require("react"));
-var _reactLeaflet = require("react-leaflet");
-var _map = require("../../../../../../utils/map");
-var _CustomTooltip = _interopRequireDefault(require("../CustomTooltip"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const defaultStyle = {
-  weight: 1
-};
-const highlightStyle = {
-  weight: 2
-};
-function Choropleth(_ref) {
-  let {
-    data,
-    legends
-  } = _ref;
-  const {
-    orgUnit
-  } = data;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLeaflet.GeoJSON, {
-    data: orgUnit.geoJSON,
-    eventHandlers: {
-      mouseover: e => (0, _map.highlightFeature)(e, highlightStyle),
-      mouseout: e => (0, _map.resetHighlight)(e, defaultStyle)
-    },
-    pathOptions: {
-      fillColor: (0, _map.getColorFromLegendSet)(legends, data.data),
-      fillOpacity: 1,
-      color: _ui.colors.grey900,
-      weight: 1
-    },
-    key: `${data.dataItem.id}-layer`
-  }, /*#__PURE__*/_react.default.createElement(_CustomTooltip.default, {
-    data: data
-  })));
-}

package/build/cjs/components/Map/components/MapLayer/components/ThematicLayer/components/CustomTooltip/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CustomTooltip;
-var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-var _react = _interopRequireDefault(require("react"));
-var _reactLeaflet = require("react-leaflet");
-var _hooks = require("../../../../../MapProvider/hooks");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function CustomTooltip(_ref) {
-  var _useMapPeriods;
-  let {
-    data: dataObject
-  } = _ref;
-  const {
-    dataItem,
-    orgUnit,
-    data
-  } = dataObject !== null && dataObject !== void 0 ? dataObject : {};
-  const {
-    periods
-  } = (_useMapPeriods = (0, _hooks.useMapPeriods)()) !== null && _useMapPeriods !== void 0 ? _useMapPeriods : {};
-  return /*#__PURE__*/_react.default.createElement(_reactLeaflet.Pane, {
-    name: `${dataItem.displayName}-${orgUnit.id}-popup-pane`,
-    pane: "popupPane"
-  }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Tooltip, null, orgUnit === null || orgUnit === void 0 ? void 0 : orgUnit.name, " (", data, ")"), /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, {
-    minWidth: 80
-  }, /*#__PURE__*/_react.default.createElement("h3", {
-    style: {
-      margin: 0
-    }
-  }, orgUnit === null || orgUnit === void 0 ? void 0 : orgUnit.name), /*#__PURE__*/_react.default.createElement("div", null, dataItem === null || dataItem === void 0 ? void 0 : dataItem.displayName), /*#__PURE__*/_react.default.createElement("div", null, periods === null || periods === void 0 ? void 0 : periods.map(period => period.name).join(",")), /*#__PURE__*/_react.default.createElement("div", null, _d2I18n.default.t("Value"), ": ", data)));
-}

package/build/cjs/components/Map/components/MapLayer/components/ThematicLayer/hooks/config.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useThematicLayer;
-var _lodash = require("lodash");
-var _react = require("react");
-var _state = require("../../../../../state");
-function useThematicLayer(layerId) {
-  const {
-    layers
-  } = (0, _react.useContext)(_state.MapLayersContext);
-  return (0, _lodash.find)(layers, ["id", layerId]);
-}

package/build/cjs/components/Map/components/MapLayer/components/ThematicLayer/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ThematicLayer;
-var _lodash = require("lodash");
-var _react = _interopRequireDefault(require("react"));
-var _reactLeaflet = require("react-leaflet");
-var _Bubble = _interopRequireDefault(require("./components/Bubble"));
-var _Choropleth = _interopRequireDefault(require("./components/Choropleth"));
-var _config = _interopRequireDefault(require("./hooks/config"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ThematicLayer(_ref) {
-  let {
-    layerId,
-    index
-  } = _ref;
-  const layer = (0, _config.default)(layerId);
-  if (!layer) {
-    return null;
-  }
-  const {
-    type,
-    dataItem,
-    name,
-    data,
-    enabled,
-    legends
-  } = layer !== null && layer !== void 0 ? layer : {};
-  const uniqueName = name !== null && name !== void 0 ? name : dataItem.displayName;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLeaflet.LayersControl.Overlay, {
-    checked: enabled,
-    name: uniqueName
-  }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Pane, {
-    style: {
-      zIndex: type === "bubble" ? 500 : 500 - (index + 1)
-    },
-    name: uniqueName
-  }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.LayerGroup, null, data === null || data === void 0 ? void 0 : data.map(datum => {
-    var _datum$dataItem, _datum$orgUnit;
-    return type === "choropleth" ? /*#__PURE__*/_react.default.createElement(_Choropleth.default, {
-      legends: legends !== null && legends !== void 0 ? legends : [],
-      data: datum,
-      key: `${datum === null || datum === void 0 ? void 0 : (_datum$dataItem = datum.dataItem) === null || _datum$dataItem === void 0 ? void 0 : _datum$dataItem.id}-${datum === null || datum === void 0 ? void 0 : (_datum$orgUnit = datum.orgUnit) === null || _datum$orgUnit === void 0 ? void 0 : _datum$orgUnit.id}-layer`
-    }) : null;
-  }), data === null || data === void 0 ? void 0 : data.map(datum => {
-    var _last$data, _last, _datum$dataItem2, _datum$orgUnit2;
-    return type === "bubble" ? /*#__PURE__*/_react.default.createElement(_Bubble.default, {
-      radius: layer === null || layer === void 0 ? void 0 : layer.radius,
-      legends: legends !== null && legends !== void 0 ? legends : [],
-      highestData: (_last$data = (_last = (0, _lodash.last)(data)) === null || _last === void 0 ? void 0 : _last.data) !== null && _last$data !== void 0 ? _last$data : 1,
-      data: datum,
-      key: `${datum === null || datum === void 0 ? void 0 : (_datum$dataItem2 = datum.dataItem) === null || _datum$dataItem2 === void 0 ? void 0 : _datum$dataItem2.id}-${datum === null || datum === void 0 ? void 0 : (_datum$orgUnit2 = datum.orgUnit) === null || _datum$orgUnit2 === void 0 ? void 0 : _datum$orgUnit2.id}-layer`
-    }) : null;
-  })))));
-}

package/build/cjs/components/Map/components/MapLayer/components/ThematicLayer/styles/legends.css

@@ -1,62 +0,0 @@
-.legend-card {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    padding: 0.5rem;
-    border-radius: 0.2rem;
-    background-color: #fff;
-    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
-    border: 2px solid rgba(0, 0, 0, 0.2);
-}
-
-.legend-card.collapsed {
-    padding: 0 !important;
-    float: right;
-}
-
-.legend-header {
-    font-weight: bold;
-    margin-bottom: 0.5rem;
-}
-
-.legend-item {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: start;
-    padding: 0 1rem;
-    gap: 16px;
-    width: 100%;
-}
-
-.legend-item-color {
-    width: 1rem;
-    height: 1rem;
-    border-radius: 1px;
-}
-
-.legend-item-label {
-}
-
-.source-url {
-    background: none !important;
-    line-height: inherit !important;
-    text-align: inherit !important;
-    width: auto !important;
-    height: auto !important;
-    text-decoration: underline !important;
-    color: #0078A8 !important;
-}
-
-.legend-list {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    background-color: #fff;
-    gap: 4px;
-}

package/build/cjs/components/Map/components/MapLayer/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MapLayer;
-var _react = _interopRequireDefault(require("react"));
-var _BoundaryLayer = _interopRequireDefault(require("./components/BoundaryLayer"));
-var _GoogleEngineLayer = _interopRequireDefault(require("./components/GoogleEngineLayer"));
-var _PointLayer = require("./components/PointLayer");
-var _ThematicLayer = _interopRequireDefault(require("./components/ThematicLayer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function MapLayer(_ref) {
-  let {
-    layer,
-    index
-  } = _ref;
-  switch (layer.type) {
-    case "overlay":
-    case "basemap":
-      return /*#__PURE__*/_react.default.createElement(_BoundaryLayer.default, layer);
-    case "bubble":
-    case "choropleth":
-      return /*#__PURE__*/_react.default.createElement(_ThematicLayer.default, {
-        layerId: layer.id,
-        index: index
-      });
-    case "point":
-      return /*#__PURE__*/_react.default.createElement(_PointLayer.PointLayer, null);
-    case "population":
-    case "elevation":
-    case "footprints":
-    case "landCover":
-      return /*#__PURE__*/_react.default.createElement(_GoogleEngineLayer.default, {
-        layerId: layer.id
-      });
-    default:
-      return null;
-  }
-}

package/build/cjs/components/Map/components/MapLayer/interfaces/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SUPPORTED_EARTH_ENGINE_LAYERS = void 0;
-const SUPPORTED_EARTH_ENGINE_LAYERS = ["population", "footprints", "elevation", "landCover"];
-exports.SUPPORTED_EARTH_ENGINE_LAYERS = SUPPORTED_EARTH_ENGINE_LAYERS;