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

package/build/es/components/Map/components/MapArea/index.js

@@ -1,91 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { uid } from "@hisptz/dhis2-utils";
-import { isEmpty } from "lodash";
-import React, { forwardRef, useRef } from "react";
-import { LayersControl, MapContainer, TileLayer } from "react-leaflet";
-import { useMapBounds } from "../../hooks/map";
-import MapControl from "../MapControls";
-import MapLayer from "../MapLayer";
-import LegendArea from "../MapLayer/components/LegendArea";
-import { MapLayersProvider } from "../MapProvider/components/MapLayerProvider";
-import { useMapLayers } from "../MapProvider/hooks";
-import MapUpdater from "../MapUpdater";
-function MapLayerArea(_ref) {
-  var _base$attribution, _base$url;
-  let {
-    id,
-    base,
-    controls,
-    legends
-  } = _ref;
-  const {
-    layers
-  } = useMapLayers();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TileLayer, {
-    id: id,
-    attribution: (_base$attribution = base === null || base === void 0 ? void 0 : base.attribution) !== null && _base$attribution !== void 0 ? _base$attribution : '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | &copy; <a href="https://carto.com/attribution">CARTO</a>',
-    url: (_base$url = base === null || base === void 0 ? void 0 : base.url) !== null && _base$url !== void 0 ? _base$url : "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png"
-  }), controls === null || controls === void 0 ? void 0 : controls.map(control => /*#__PURE__*/React.createElement(MapControl, _extends({
-    mapId: id,
-    key: `${control.type}-control`
-  }, control))), !isEmpty(layers) && /*#__PURE__*/React.createElement(LayersControl, {
-    hideSingleBase: true,
-    position: "topleft"
-  }, layers.map((layer, index) => /*#__PURE__*/React.createElement(MapLayer, {
-    key: layer.id,
-    layer: layer,
-    index: index
-  }))), !isEmpty(layers) && /*#__PURE__*/React.createElement(LegendArea, {
-    legends: legends,
-    layers: layers,
-    position: "topright"
-  }));
-}
-const MapArea = (_ref2, ref) => {
-  let {
-    base,
-    controls,
-    mapOptions,
-    key,
-    legends,
-    layers
-  } = _ref2;
-  const {
-    center,
-    bounds
-  } = useMapBounds();
-  const {
-    current: id
-  } = useRef(uid());
-  return /*#__PURE__*/React.createElement("div", {
-    id: `${id}-"map-container`,
-    style: {
-      height: "100%",
-      width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement(MapContainer, _extends({
-    attributionControl: true,
-    ref: ref,
-    id: id,
-    center: center,
-    bounceAtZoomLimits: true,
-    bounds: bounds,
-    style: {
-      height: "100%",
-      width: "100%",
-      minHeight: 500
-    },
-    key: key,
-    trackResize: true
-  }, mapOptions), /*#__PURE__*/React.createElement(MapUpdater, {
-    bounds: bounds
-  }), /*#__PURE__*/React.createElement(MapLayersProvider, {
-    layers: layers
-  }, /*#__PURE__*/React.createElement(MapLayerArea, {
-    base: base,
-    id: id,
-    controls: controls,
-    legends: legends
-  }))));
-};
-export default /*#__PURE__*/forwardRef(MapArea);

package/build/es/components/Map/components/MapArea/interfaces/index.js

@@ -1 +0,0 @@
-export {};

package/build/es/components/Map/components/MapControls/components/CustomControl/index.js

@@ -1,25 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
-const POSITION_CLASSES = {
-  bottomleft: "leaflet-bottom leaflet-left",
-  bottomright: "leaflet-bottom leaflet-right",
-  topleft: "leaflet-top leaflet-left",
-  topright: "leaflet-top leaflet-right"
-};
-export function CustomControl(_ref) {
-  let {
-    children,
-    position,
-    ...options
-  } = _ref;
-  const positionClass = position && POSITION_CLASSES[position] || POSITION_CLASSES.topright;
-  return /*#__PURE__*/React.createElement("div", _extends({}, options, {
-    className: `${positionClass}`
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      overflow: "hidden",
-      border: "none"
-    },
-    className: "leaflet-control leaflet-bar"
-  }, children));
-}

package/build/es/components/Map/components/MapControls/components/DownloadControl/index.js

@@ -1,18 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { createControlComponent } from "@react-leaflet/core";
-import L from "leaflet";
-import "leaflet-easyprint";
-import React from "react";
-const DownloadControlComponent = createControlComponent(props => {
-  return L.easyPrint(props);
-});
-export default function DownloadControl(_ref) {
-  let {
-    options,
-    position,
-    mapId
-  } = _ref;
-  return /*#__PURE__*/React.createElement(DownloadControlComponent, _extends({}, options, {
-    position
-  }));
-}

package/build/es/components/Map/components/MapControls/components/FullscreenControl/index.js

@@ -1,6 +0,0 @@
-import { createControlComponent } from "@react-leaflet/core";
-import { control } from "leaflet";
-import "leaflet.fullscreen";
-import "leaflet.fullscreen/Control.FullScreen.css";
-const FullscreenControl = createControlComponent(props => control.fullscreen(props));
-export default FullscreenControl;

package/build/es/components/Map/components/MapControls/index.js

@@ -1,35 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
-import { ScaleControl, ZoomControl } from "react-leaflet";
-import FullscreenControl from "./components/FullscreenControl";
-import DownloadControl from "./components/DownloadControl";
-export default function MapControl(_ref) {
-  let {
-    type,
-    options,
-    position,
-    mapId
-  } = _ref;
-  switch (type) {
-    case "zoom":
-      return /*#__PURE__*/React.createElement(ZoomControl, _extends({
-        position: position
-      }, options));
-    case "scale":
-      return /*#__PURE__*/React.createElement(ScaleControl, _extends({
-        position: position
-      }, options));
-    case "fullscreen":
-      return /*#__PURE__*/React.createElement(FullscreenControl, _extends({
-        position: position
-      }, options));
-    case "print":
-      return /*#__PURE__*/React.createElement(DownloadControl, {
-        mapId: mapId,
-        position: position,
-        options: options
-      });
-    default:
-      return null;
-  }
-}

package/build/es/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js

@@ -1,7 +0,0 @@
-import { useMapOrganisationUnit } from "../../../../MapProvider/hooks";
-export function useBoundaryData() {
-  const {
-    orgUnits
-  } = useMapOrganisationUnit();
-  return orgUnits;
-}

package/build/es/components/Map/components/MapLayer/components/BoundaryLayer/index.js

@@ -1,41 +0,0 @@
-import i18n from "@dhis2/d2-i18n";
-import { colors } from "@dhis2/ui";
-import React from "react";
-import { GeoJSON, LayerGroup, LayersControl, Popup, Tooltip } from "react-leaflet";
-import { highlightFeature, resetHighlight } from "../../../../utils/map";
-import { useBoundaryData } from "./hooks/useBoundaryData";
-export const defaultStyle = {
-  weight: 1,
-  color: colors.grey900,
-  fillColor: colors.grey900,
-  fillOpacity: 0.0
-};
-export const highlightStyle = {
-  weight: 2,
-  color: colors.grey900,
-  dashArray: "",
-  fillOpacity: 0.1
-};
-export default function BoundaryLayer(props) {
-  const {
-    enabled
-  } = props !== null && props !== void 0 ? props : {};
-  const orgUnits = useBoundaryData();
-  return /*#__PURE__*/React.createElement(LayersControl.Overlay, {
-    checked: enabled,
-    name: i18n.t("Boundaries")
-  }, /*#__PURE__*/React.createElement(LayerGroup, null, orgUnits === null || orgUnits === void 0 ? void 0 : orgUnits.map(area => {
-    return /*#__PURE__*/React.createElement(GeoJSON, {
-      data: area.geoJSON,
-      interactive: true,
-      eventHandlers: {
-        mouseover: e => highlightFeature(e, highlightStyle),
-        mouseout: e => resetHighlight(e, defaultStyle)
-      },
-      key: `${area.id}-polygon`,
-      pathOptions: defaultStyle
-    }, /*#__PURE__*/React.createElement(Tooltip, null, area.name), /*#__PURE__*/React.createElement(Popup, {
-      minWidth: 80
-    }, /*#__PURE__*/React.createElement("h3", null, area.name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Level: "), area.level)));
-  })));
-}

package/build/es/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.js

@@ -1,93 +0,0 @@
-import React, { forwardRef } from "react";
-import LegendCardHeader from "../../LegendArea/components/LegendCardHeader";
-import { Divider } from "@dhis2/ui";
-import i18n from "@dhis2/d2-i18n";
-import { isEmpty } from "lodash";
-export function LegendItem(_ref) {
-  let {
-    legend
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "legend-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "legend-item-color",
-    style: {
-      backgroundColor: legend.color
-    }
-  }), legend.name ? /*#__PURE__*/React.createElement("div", {
-    className: "legend-item-label"
-  }, `${legend.name}`) : /*#__PURE__*/React.createElement("div", {
-    className: "legend-item-label"
-  }, `${legend.min} - ${legend.max}`));
-}
-function getLegendsFromParams(params) {
-  if (!params) return [];
-  const {
-    palette,
-    min,
-    max
-  } = params;
-  const sanitizedPalette = Array.isArray(palette) ? palette : palette.split(",");
-  const classes = sanitizedPalette.length;
-  const difference = max - min;
-  const interval = Math.round(difference / classes);
-  const legends = [];
-  for (let i = 0; i < classes; i++) {
-    const min = i * interval;
-    const max = min + interval;
-    const name = i === classes - 1 ? `> ${min}` : undefined;
-    legends.push({
-      id: sanitizedPalette[i],
-      color: sanitizedPalette[i],
-      min,
-      max,
-      name
-    });
-  }
-  return legends;
-}
-function EarthEngineLegend(_ref2, ref) {
-  var _options$legend$items, _options$legend, _options$description, _options$unit, _options$source;
-  let {
-    layer,
-    collapsible,
-    onCollapse,
-    name
-  } = _ref2;
-  const {
-    options
-  } = layer;
-  const legends = (_options$legend$items = options === null || options === void 0 ? void 0 : (_options$legend = options.legend) === null || _options$legend === void 0 ? void 0 : _options$legend.items) !== null && _options$legend$items !== void 0 ? _options$legend$items : getLegendsFromParams(options === null || options === void 0 ? void 0 : options.params);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxWidth: 200,
-      alignItems: "start",
-      gap: 8
-    },
-    className: "legend-card",
-    ref: ref
-  }, /*#__PURE__*/React.createElement(LegendCardHeader, {
-    title: name,
-    collapsible: collapsible,
-    onCollapse: onCollapse
-  }), /*#__PURE__*/React.createElement(Divider, {
-    margin: "0"
-  }), /*#__PURE__*/React.createElement("p", {
-    style: {
-      margin: 0
-    }
-  }, (_options$description = options === null || options === void 0 ? void 0 : options.description) !== null && _options$description !== void 0 ? _options$description : ""), !isEmpty(legends) && /*#__PURE__*/React.createElement("b", null, (_options$unit = options === null || options === void 0 ? void 0 : options.unit) !== null && _options$unit !== void 0 ? _options$unit : ""), /*#__PURE__*/React.createElement("div", {
-    className: "legend-list"
-  }, legends === null || legends === void 0 ? void 0 : legends.map(legend => /*#__PURE__*/React.createElement(LegendItem, {
-    key: `${legend === null || legend === void 0 ? void 0 : legend.color}-legend-list`,
-    legend: legend
-  }))), (options === null || options === void 0 ? void 0 : options.source) && /*#__PURE__*/React.createElement("div", {
-    className: "row gap-8"
-  }, i18n.t("Source"), ":", /*#__PURE__*/React.createElement("a", {
-    className: "source-url",
-    target: "_blank",
-    referrerPolicy: "no-referrer",
-    href: options === null || options === void 0 ? void 0 : options.sourceUrl
-  }, (_options$source = options === null || options === void 0 ? void 0 : options.source) !== null && _options$source !== void 0 ? _options$source : "")));
-}
-export default /*#__PURE__*/forwardRef(EarthEngineLegend);