@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js

@@ -1 +1,198 @@
-import{memo as r,useRef as e,useMemo as t,useEffect as o,createElement as n}from"react";import u from"react-dom";import i from"prop-types";import c from"mapbox.js";import{get as a,sortBy as s}from"lodash";import{mapbox as l}from"../../../../../../utils/index.js";import{usePrevious as d}from"../../effects/index.js";import m from"./Map.css.js";import{jsx as p,Fragment as f}from"react/jsx-runtime";var h=l.isValidCoordinates,v=[29.749907,-95.358421];function b(r){var i=r.open,l=r.subjectWell,b=r.wells,B=r.offsetWells,g=r.radius,y=r.formationColors,D=r.popUpFormatter,x=r.coordsDataPath,C=e(null),T=e(),j=e(null),F=e(null),W=d(b),k=t((function(){return l&&a(l,x)}),[l,x]);return o((function(){i&&!T.current&&(T.current=c.mapbox.map(C.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(v,1),c.control.zoom({position:"bottomright"}).addTo(T.current),c.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(T.current))}),[i]),o((function(){T.current&&i&&(j.current&&T.current.removeLayer(j.current),k?(j.current=c.circle(k,1609.34*g,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(T.current)):j.current=null)}),[g,k,i]),o((function(){if(T.current&&i){F.current&&F.current.removeFrom(T.current);var r=B.map((function(r){return r.id})),e=s(b,(function(e){return r.includes(e.id)})),t=[];e.forEach((function(e){var o=a(e,x);if(o&&h(o)){var i=l&&l.id===e.id,s=r.includes(e.id),d=i?10:5,m=i||s?"#00FFFF":a(y,e.formation,"#BDBDBD"),v=i||s?1:.3,b=c.circleMarker(o,{radius:d,stroke:!1,fill:!0,fillOpacity:v,fillColor:m,className:"circle_500"});b.addEventListener("mouseover",(function(){if(D){var r=document.createElement("div"),t=n(D,{well:e,color:a(y,e.formation,"#BDBDBD")});u.render(p(f,{children:t}),r),c.popup().setLatLng(o).setContent(r).openOn(T.current)}})),b.addEventListener("mouseout",(function(){T.current.closePopup()})),t.push(b)}})),t.length&&(F.current=c.featureGroup(t),F.current.addTo(T.current)),setTimeout((function(){j.current&&j.current.bringToBack(),T.current&&j.current&&b!==W&&T.current.fitBounds(j.current.getBounds(),{padding:[5,5]})}),500)}}),[l,b,B,i]),o((function(){i&&setTimeout((function(){j.current&&j.current.bringToBack(),l?T.current&&j.current&&T.current.fitBounds(j.current.getBounds(),{padding:[5,5]}):T.current&&F.current&&T.current.fitBounds(F.current.getBounds())}),500)}),[g,l,i]),p("div",{className:m.map,children:p("div",{className:m.mapMain,ref:C})})}b.propTypes={open:i.bool.isRequired,subjectWell:i.shape({id:i.number,formation:i.string}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})),radius:i.number.isRequired,formationColors:i.shape({}).isRequired,popUpFormatter:i.func,coordsDataPath:i.string},b.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var B=r(b);export{B as default};
+import { get, sortBy } from 'lodash';
+import { mapbox } from '../../../../../../utils/index.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import L from 'mapbox.js';
+import { memo, useRef, useMemo, useEffect, createElement } from 'react';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
+import { usePrevious } from '../../effects/index.js';
+import styles from './Map.css.js';
+
+var isValidCoordinates = mapbox.isValidCoordinates;
+var DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates
+
+var RADIUS_CIRCLE_COLOR = '#03BCD4';
+var METERS_IN_MILE = 1609.34;
+var DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;
+var DEFAULT_WELL_MARKER_SIZE = 5;
+var OFFSET_WELL_COLOR = '#00FFFF'; // eslint-disable-next-line no-unused-vars
+
+function WellsMap(_ref) {
+  var open = _ref.open,
+      subjectWell = _ref.subjectWell,
+      wells = _ref.wells,
+      offsetWells = _ref.offsetWells,
+      radius = _ref.radius,
+      formationColors = _ref.formationColors,
+      popUpFormatter = _ref.popUpFormatter,
+      coordsDataPath = _ref.coordsDataPath;
+  var mapContainerRef = useRef(null);
+  var mapRef = useRef();
+  var radiusCircleRef = useRef(null);
+  var markersGroupRef = useRef(null);
+  var prevWells = usePrevious(wells);
+  var subjectWellCoords = useMemo(function () {
+    return subjectWell && get(subjectWell, coordsDataPath);
+  }, [subjectWell, coordsDataPath]); // NOTE: Initialize map
+
+  useEffect(function () {
+    if (!open || mapRef.current) return;
+    mapRef.current = L.mapbox.map(mapContainerRef.current, null, {
+      attributionControl: false,
+      scrollWheelZoom: false,
+      zoomControl: false
+    }).setView(DEFAULT_COORDS, 1);
+    L.control.zoom({
+      position: 'bottomright'
+    }).addTo(mapRef.current);
+    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);
+  }, [open]); // NOTE: Radius circle
+
+  useEffect(function () {
+    if (!mapRef.current || !open) {
+      return;
+    } // NOTE: Clean up
+
+
+    if (radiusCircleRef.current) {
+      mapRef.current.removeLayer(radiusCircleRef.current);
+    }
+
+    if (!subjectWellCoords) {
+      radiusCircleRef.current = null;
+      return;
+    }
+
+    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.2,
+      fillColor: RADIUS_CIRCLE_COLOR,
+      className: 'circle_500'
+    });
+    radiusCircleRef.current.addTo(mapRef.current);
+  }, [radius, subjectWellCoords, open]); // NOTE: Well markers
+
+  useEffect(function () {
+    if (!mapRef.current || !open) {
+      return;
+    } // NOTE: Clean up
+
+
+    if (markersGroupRef.current) {
+      markersGroupRef.current.removeFrom(mapRef.current);
+    }
+
+    var offsetWellIds = offsetWells.map(function (well) {
+      return well.id;
+    });
+    var sortedWells = sortBy(wells, function (well) {
+      return offsetWellIds.includes(well.id);
+    });
+    var markers = [];
+    sortedWells.forEach(function (well) {
+      var coords = get(well, coordsDataPath);
+
+      if (coords && isValidCoordinates(coords)) {
+        var isWellSubject = subjectWell && subjectWell.id === well.id;
+        var isWellOffset = offsetWellIds.includes(well.id);
+        var r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;
+        var color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : get(formationColors, well.formation, '#BDBDBD');
+        var opacity = isWellSubject || isWellOffset ? 1 : 0.3;
+        var newMarker = L.circleMarker(coords, {
+          radius: r,
+          stroke: false,
+          fill: true,
+          fillOpacity: opacity,
+          fillColor: color,
+          className: 'circle_500'
+        });
+        newMarker.addEventListener('mouseover', function () {
+          if (popUpFormatter) {
+            // Container to put React generated content in.
+            var popUpContainer = document.createElement('div');
+            var popUpContent = createElement(popUpFormatter, {
+              well: well,
+              color: get(formationColors, well.formation, '#BDBDBD')
+            }); // NOTE: Custom popup may have buttons
+
+            ReactDOM.render( /*#__PURE__*/jsx(Fragment, {
+              children: popUpContent
+            }), popUpContainer);
+            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);
+          }
+        });
+        newMarker.addEventListener('mouseout', function () {
+          mapRef.current.closePopup();
+        });
+        markers.push(newMarker);
+      }
+    });
+
+    if (markers.length) {
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapRef.current);
+    }
+
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+
+      if (mapRef.current && radiusCircleRef.current && wells !== prevWells) {
+        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+          padding: [5, 5]
+        });
+      }
+    }, 500);
+  }, [subjectWell, wells, offsetWells, open]);
+  useEffect(function () {
+    if (!open) return;
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+
+      if (subjectWell) {
+        if (mapRef.current && radiusCircleRef.current) {
+          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+            padding: [5, 5]
+          });
+        }
+      } else if (mapRef.current && markersGroupRef.current) {
+        mapRef.current.fitBounds(markersGroupRef.current.getBounds());
+      }
+    }, 500);
+  }, [radius, subjectWell, open]);
+  return /*#__PURE__*/jsx("div", {
+    className: styles.map,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.mapMain,
+      ref: mapContainerRef
+    })
+  });
+}
+
+WellsMap.propTypes = {
+  open: PropTypes.bool.isRequired,
+  subjectWell: PropTypes.shape({
+    id: PropTypes.number,
+    formation: PropTypes.string
+  }),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),
+  radius: PropTypes.number.isRequired,
+  formationColors: PropTypes.shape({}).isRequired,
+  popUpFormatter: PropTypes.func,
+  coordsDataPath: PropTypes.string
+};
+WellsMap.defaultProps = {
+  subjectWell: null,
+  popUpFormatter: null,
+  coordsDataPath: 'settings.top_hole.coordinates',
+  offsetWells: null
+};
+var Map = memo(WellsMap);
+
+export default Map;
+//# sourceMappingURL=Map.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport L from 'mapbox.js';\nimport { get, sortBy } from 'lodash';\nimport { mapbox } from '~/utils';\n\nimport { usePrevious } from '../../effects';\nimport styles from './Map.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  formationColors,\n  popUpFormatter,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef();\n  const radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!open || mapRef.current) return;\n\n    mapRef.current = L.mapbox\n      .map(mapContainerRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, 1);\n\n    L.control\n      .zoom({\n        position: 'bottomright',\n      })\n      .addTo(mapRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);\n  }, [open]);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !open) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapRef.current.removeLayer(radiusCircleRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      return;\n    }\n\n    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: RADIUS_CIRCLE_COLOR,\n      className: 'circle_500',\n    });\n\n    radiusCircleRef.current.addTo(mapRef.current);\n  }, [radius, subjectWellCoords, open]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !open) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n    const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n    const markers = [];\n    sortedWells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n        const color =\n          isWellSubject || isWellOffset\n            ? OFFSET_WELL_COLOR\n            : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        const newMarker = L.circleMarker(coords, {\n          radius: r,\n          stroke: false,\n          fill: true,\n          fillOpacity: opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', () => {\n          if (popUpFormatter) {\n            // Container to put React generated content in.\n            const popUpContainer = document.createElement('div');\n            const popUpContent = createElement(popUpFormatter, {\n              well,\n              color: get(formationColors, well.formation, '#BDBDBD'),\n            });\n            // NOTE: Custom popup may have buttons\n            ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n\n            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);\n          }\n        });\n\n        newMarker.addEventListener('mouseout', () => {\n          mapRef.current.closePopup();\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells, open]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleRef.current) {\n          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {\n            padding: [5, 5],\n          });\n        }\n      } else if (mapRef.current && markersGroupRef.current) {\n        mapRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n    }, 500);\n  }, [radius, subjectWell, open]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","RADIUS_CIRCLE_COLOR","METERS_IN_MILE","DEFAULT_SUBJECT_WELL_MARKER_SIZE","DEFAULT_WELL_MARKER_SIZE","OFFSET_WELL_COLOR","WellsMap","open","subjectWell","wells","offsetWells","radius","formationColors","popUpFormatter","coordsDataPath","mapContainerRef","useRef","mapRef","radiusCircleRef","markersGroupRef","prevWells","usePrevious","subjectWellCoords","useMemo","get","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","removeFrom","offsetWellIds","well","id","sortedWells","sortBy","includes","markers","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","newMarker","circleMarker","addEventListener","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","popup","setLatLng","setContent","openOn","closePopup","push","length","featureGroup","setTimeout","bringToBack","fitBounds","getBounds","padding","styles","mapMain","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","defaultProps","memo"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js

@@ -1 +1,72 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as o,useMemo as a}from"react";import i from"prop-types";import s from"classnames";import{makeStyles as t}from"@material-ui/core";import p from"./FormationsLegend.js";import l from"./popupGenerator.js";import{getAllFormations as m}from"./utils.js";import n from"./Map.js";import{jsxs as f,jsx as u}from"react/jsx-runtime";var d=t({mapContainer:{marginTop:"24px"},mapContainerHidden:{marginTop:"20px",display:"none"}});function c(o){var i=o.open,t=o.subjectWell,c=o.wells,b=o.offsetWells,j=o.radius,h=o.mapHidden,y=d(),W=a((function(){return m(c)}),[c]),C=e(W,2),H=C[0],q=C[1];return f("div",{className:s(y.mapContainer,r({},y.mapContainerHidden,h)),children:[u(n,{open:i,subjectWell:t,wells:c,offsetWells:b,radius:j,formationColors:q,popUpFormatter:l(),coordsDataPath:"topHole.coordinates"}),u(p,{formations:H,formationColors:q})]})}c.propTypes={open:i.bool.isRequired,subjectWell:i.shape({}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})).isRequired,radius:i.number,mapHidden:i.bool.isRequired},c.defaultProps={subjectWell:null,radius:null};var b=o(c);export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { memo, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import FormationsLegend from './FormationsLegend.js';
+import popupGenerator from './popupGenerator.js';
+import { getAllFormations } from './utils.js';
+import Map from './Map.js';
+
+var useStyles = makeStyles({
+  mapContainer: {
+    marginTop: '24px'
+  },
+  mapContainerHidden: {
+    marginTop: '20px',
+    display: 'none'
+  }
+});
+
+function MapContainer(_ref) {
+  var open = _ref.open,
+      subjectWell = _ref.subjectWell,
+      wells = _ref.wells,
+      offsetWells = _ref.offsetWells,
+      radius = _ref.radius,
+      mapHidden = _ref.mapHidden;
+  var classes = useStyles();
+
+  var _useMemo = useMemo(function () {
+    return getAllFormations(wells);
+  }, [wells]),
+      _useMemo2 = _slicedToArray(_useMemo, 2),
+      formations = _useMemo2[0],
+      formationColors = _useMemo2[1];
+
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.mapContainer, _defineProperty({}, classes.mapContainerHidden, mapHidden)),
+    children: [/*#__PURE__*/jsx(Map, {
+      open: open,
+      subjectWell: subjectWell,
+      wells: wells,
+      offsetWells: offsetWells,
+      radius: radius,
+      formationColors: formationColors,
+      popUpFormatter: popupGenerator(),
+      coordsDataPath: "topHole.coordinates"
+    }), /*#__PURE__*/jsx(FormationsLegend, {
+      formations: formations,
+      formationColors: formationColors
+    })]
+  });
+}
+
+MapContainer.propTypes = {
+  open: PropTypes.bool.isRequired,
+  subjectWell: PropTypes.shape({}),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  radius: PropTypes.number,
+  mapHidden: PropTypes.bool.isRequired
+};
+MapContainer.defaultProps = {
+  subjectWell: null,
+  radius: null
+};
+var WellsMap = memo(MapContainer);
+
+export default WellsMap;
+//# sourceMappingURL=index.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport FormationsLegend from './FormationsLegend';\nimport popupGenerator from './popupGenerator';\nimport { getAllFormations } from './utils';\nimport Map from './Map';\n\nconst useStyles = makeStyles({\n  mapContainer: {\n    marginTop: '24px',\n  },\n  mapContainerHidden: {\n    marginTop: '20px',\n    display: 'none',\n  },\n});\n\nfunction MapContainer({ open, subjectWell, wells, offsetWells, radius, mapHidden }) {\n  const classes = useStyles();\n\n  const [formations, formationColors] = useMemo(() => getAllFormations(wells), [wells]);\n\n  return (\n    <div className={classNames(classes.mapContainer, { [classes.mapContainerHidden]: mapHidden })}>\n      <Map\n        open={open}\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        formationColors={formationColors}\n        popUpFormatter={popupGenerator()}\n        coordsDataPath=\"topHole.coordinates\"\n      />\n      <FormationsLegend formations={formations} formationColors={formationColors} />\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n};\n\nMapContainer.defaultProps = {\n  subjectWell: null,\n  radius: null,\n};\n\nexport default memo(MapContainer);\n"],"names":["useStyles","makeStyles","mapContainer","marginTop","mapContainerHidden","display","MapContainer","open","subjectWell","wells","offsetWells","radius","mapHidden","classes","useMemo","getAllFormations","formations","formationColors","_jsxs","classNames","_jsx","popupGenerator","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAE;AADC,GADa;AAI3BC,EAAAA,kBAAkB,EAAE;AAClBD,IAAAA,SAAS,EAAE,MADO;AAElBE,IAAAA,OAAO,EAAE;AAFS;AAJO,CAAD,CAA5B;;AAUA,SAASC,YAAT,OAAoF;AAAA,MAA5DC,IAA4D,QAA5DA,IAA4D;AAAA,MAAtDC,WAAsD,QAAtDA,WAAsD;AAAA,MAAzCC,KAAyC,QAAzCA,KAAyC;AAAA,MAAlCC,WAAkC,QAAlCA,WAAkC;AAAA,MAArBC,MAAqB,QAArBA,MAAqB;AAAA,MAAbC,SAAa,QAAbA,SAAa;AAClF,MAAMC,OAAO,GAAGb,SAAS,EAAzB;;AADkF,iBAG5Cc,OAAO,CAAC;AAAA,WAAMC,gBAAgB,CAACN,KAAD,CAAtB;AAAA,GAAD,EAAgC,CAACA,KAAD,CAAhC,CAHqC;AAAA;AAAA,MAG3EO,UAH2E;AAAA,MAG/DC,eAH+D;;AAKlF,sBACEC;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACN,OAAO,CAACX,YAAT,sBAA0BW,OAAO,CAACT,kBAAlC,EAAuDQ,SAAvD,EAA1B;AAAA,4BACEQ,IAAC,GAAD;AACE,MAAA,IAAI,EAAEb,IADR;AAEE,MAAA,WAAW,EAAEC,WAFf;AAGE,MAAA,KAAK,EAAEC,KAHT;AAIE,MAAA,WAAW,EAAEC,WAJf;AAKE,MAAA,MAAM,EAAEC,MALV;AAME,MAAA,eAAe,EAAEM,eANnB;AAOE,MAAA,cAAc,EAAEI,cAAc,EAPhC;AAQE,MAAA,cAAc,EAAC;AARjB,MADF,eAWED,IAAC,gBAAD;AAAkB,MAAA,UAAU,EAAEJ,UAA9B;AAA0C,MAAA,eAAe,EAAEC;AAA3D,MAXF;AAAA,IADF;AAeD;;AAEDX,YAAY,CAACgB,SAAb,GAAyB;AACvBf,EAAAA,IAAI,EAAEgB,SAAS,CAACC,IAAV,CAAeC,UADE;AAEvBjB,EAAAA,WAAW,EAAEe,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAFU;AAGvBjB,EAAAA,KAAK,EAAEc,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,EAAuCD,UAHvB;AAIvBf,EAAAA,WAAW,EAAEa,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,EAAuCD,UAJ7B;AAKvBd,EAAAA,MAAM,EAAEY,SAAS,CAACK,MALK;AAMvBhB,EAAAA,SAAS,EAAEW,SAAS,CAACC,IAAV,CAAeC;AANH,CAAzB;AASAnB,YAAY,CAACuB,YAAb,GAA4B;AAC1BrB,EAAAA,WAAW,EAAE,IADa;AAE1BG,EAAAA,MAAM,EAAE;AAFkB,CAA5B;AAKA,eAAemB,IAAI,CAACxB,YAAD,CAAnB;;;;"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.js

@@ -1 +1,82 @@
-import e from"moment";import{makeStyles as o}from"@material-ui/core";import{jsxs as l,jsx as t}from"react/jsx-runtime";var a=o({popup:{color:"#fff",fontFamily:"Roboto"},wellColor:{width:"9px",height:"9px",borderRadius:"50%",display:"inline-block",marginRight:"8px"},wellNameWrapper:{marginBottom:"8px"},wellName:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"11px",lineHeight:"16px",letterSpacing:"0.4px",color:"#FFFFFF"},popupInfo:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"11px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD"},popupFormation:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD"}}),i=function(){return function(o){var i=o.well,r=o.color,n=a();return l("div",{className:n.popup,children:[t("div",{className:n.wellNameWrapper,children:t("span",{className:n.wellName,children:i.name})}),l("div",{className:n.popupInfo,children:["Well Depth:",Number.isFinite(i.rigReleaseDate)?"".concat(Math.floor(i.totalDepth)," ft"):"N/A"]}),l("div",{className:n.popupInfo,children:["Release Date:",Number.isFinite(i.rigReleaseDate)?e.unix(i.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),l("div",{className:n.popupFormation,children:[t("div",{className:n.wellColor,style:{backgroundColor:r}}),i.formation]})]})}};export{i as default};
+import moment from 'moment';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles({
+  popup: {
+    color: '#fff',
+    fontFamily: 'Roboto'
+  },
+  wellColor: {
+    width: '9px',
+    height: '9px',
+    borderRadius: '50%',
+    display: 'inline-block',
+    marginRight: '8px'
+  },
+  wellNameWrapper: {
+    marginBottom: '8px'
+  },
+  wellName: {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: '11px',
+    lineHeight: '16px',
+    letterSpacing: '0.4px',
+    color: '#FFFFFF'
+  },
+  popupInfo: {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: '11px',
+    lineHeight: '16px',
+    letterSpacing: '0.4px',
+    color: '#BDBDBD'
+  },
+  popupFormation: {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: '12px',
+    lineHeight: '17px',
+    letterSpacing: '0.4px',
+    color: '#BDBDBD'
+  }
+});
+
+var popupGenerator = function popupGenerator() {
+  return function (_ref) {
+    var well = _ref.well,
+        color = _ref.color;
+    var styles = useStyles();
+    return /*#__PURE__*/jsxs("div", {
+      className: styles.popup,
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.wellNameWrapper,
+        children: /*#__PURE__*/jsx("span", {
+          className: styles.wellName,
+          children: well.name
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.popupInfo,
+        children: ["Well Depth:", Number.isFinite(well.rigReleaseDate) ? "".concat(Math.floor(well.totalDepth), " ft") : 'N/A']
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.popupInfo,
+        children: ["Release Date:", Number.isFinite(well.rigReleaseDate) ? moment.unix(well.rigReleaseDate).format('MM/DD/YYYY') : 'N/A']
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.popupFormation,
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.wellColor,
+          style: {
+            backgroundColor: color
+          }
+        }), well.formation]
+      })]
+    });
+  };
+};
+
+export default popupGenerator;
+//# sourceMappingURL=popupGenerator.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupGenerator.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  popup: {\n    color: '#fff',\n    fontFamily: 'Roboto',\n  },\n  wellColor: {\n    width: '9px',\n    height: '9px',\n    borderRadius: '50%',\n    display: 'inline-block',\n    marginRight: '8px',\n  },\n  wellNameWrapper: {\n    marginBottom: '8px',\n  },\n  wellName: {\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: '11px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#FFFFFF',\n  },\n  popupInfo: {\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: '11px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n  },\n  popupFormation: {\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: '12px',\n    lineHeight: '17px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n  },\n});\n\nconst popupGenerator = () => ({ well, color }) => {\n  const styles = useStyles();\n\n  return (\n    <div className={styles.popup}>\n      <div className={styles.wellNameWrapper}>\n        <span className={styles.wellName}>{well.name}</span>\n      </div>\n\n      <div className={styles.popupInfo}>\n        Well Depth:\n        {Number.isFinite(well.rigReleaseDate) ? `${Math.floor(well.totalDepth)} ft` : 'N/A'}\n      </div>\n\n      <div className={styles.popupInfo}>\n        Release Date:\n        {Number.isFinite(well.rigReleaseDate)\n          ? moment.unix(well.rigReleaseDate).format('MM/DD/YYYY')\n          : 'N/A'}\n      </div>\n\n      <div className={styles.popupFormation}>\n        <div className={styles.wellColor} style={{ backgroundColor: color }} />\n        {well.formation}\n      </div>\n    </div>\n  );\n};\n\nexport default popupGenerator;\n"],"names":["useStyles","makeStyles","popup","color","fontFamily","wellColor","width","height","borderRadius","display","marginRight","wellNameWrapper","marginBottom","wellName","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","popupInfo","popupFormation","popupGenerator","well","styles","_jsxs","_jsx","name","Number","isFinite","rigReleaseDate","Math","floor","totalDepth","moment","unix","format","backgroundColor","formation"],"mappings":";;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,MADF;AAELC,IAAAA,UAAU,EAAE;AAFP,GADoB;AAK3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE,KADE;AAETC,IAAAA,MAAM,EAAE,KAFC;AAGTC,IAAAA,YAAY,EAAE,KAHL;AAITC,IAAAA,OAAO,EAAE,cAJA;AAKTC,IAAAA,WAAW,EAAE;AALJ,GALgB;AAY3BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,YAAY,EAAE;AADC,GAZU;AAe3BC,EAAAA,QAAQ,EAAE;AACRT,IAAAA,UAAU,EAAE,QADJ;AAERU,IAAAA,SAAS,EAAE,QAFH;AAGRC,IAAAA,UAAU,EAAE,QAHJ;AAIRC,IAAAA,QAAQ,EAAE,MAJF;AAKRC,IAAAA,UAAU,EAAE,MALJ;AAMRC,IAAAA,aAAa,EAAE,OANP;AAORf,IAAAA,KAAK,EAAE;AAPC,GAfiB;AAwB3BgB,EAAAA,SAAS,EAAE;AACTf,IAAAA,UAAU,EAAE,QADH;AAETU,IAAAA,SAAS,EAAE,QAFF;AAGTC,IAAAA,UAAU,EAAE,QAHH;AAITC,IAAAA,QAAQ,EAAE,MAJD;AAKTC,IAAAA,UAAU,EAAE,MALH;AAMTC,IAAAA,aAAa,EAAE,OANN;AAOTf,IAAAA,KAAK,EAAE;AAPE,GAxBgB;AAiC3BiB,EAAAA,cAAc,EAAE;AACdhB,IAAAA,UAAU,EAAE,QADE;AAEdU,IAAAA,SAAS,EAAE,QAFG;AAGdC,IAAAA,UAAU,EAAE,QAHE;AAIdC,IAAAA,QAAQ,EAAE,MAJI;AAKdC,IAAAA,UAAU,EAAE,MALE;AAMdC,IAAAA,aAAa,EAAE,OAND;AAOdf,IAAAA,KAAK,EAAE;AAPO;AAjCW,CAAD,CAA5B;;IA4CMkB,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAM,gBAAqB;AAAA,QAAlBC,IAAkB,QAAlBA,IAAkB;AAAA,QAAZnB,KAAY,QAAZA,KAAY;AAChD,QAAMoB,MAAM,GAAGvB,SAAS,EAAxB;AAEA,wBACEwB;AAAK,MAAA,SAAS,EAAED,MAAM,CAACrB,KAAvB;AAAA,8BACEuB;AAAK,QAAA,SAAS,EAAEF,MAAM,CAACZ,eAAvB;AAAA,+BACEc;AAAM,UAAA,SAAS,EAAEF,MAAM,CAACV,QAAxB;AAAA,oBAAmCS,IAAI,CAACI;AAAxC;AADF,QADF,eAKEF;AAAK,QAAA,SAAS,EAAED,MAAM,CAACJ,SAAvB;AAAA,kCAEGQ,MAAM,CAACC,QAAP,CAAgBN,IAAI,CAACO,cAArB,cAA0CC,IAAI,CAACC,KAAL,CAAWT,IAAI,CAACU,UAAhB,CAA1C,WAA6E,KAFhF;AAAA,QALF,eAUER;AAAK,QAAA,SAAS,EAAED,MAAM,CAACJ,SAAvB;AAAA,oCAEGQ,MAAM,CAACC,QAAP,CAAgBN,IAAI,CAACO,cAArB,IACGI,MAAM,CAACC,IAAP,CAAYZ,IAAI,CAACO,cAAjB,EAAiCM,MAAjC,CAAwC,YAAxC,CADH,GAEG,KAJN;AAAA,QAVF,eAiBEX;AAAK,QAAA,SAAS,EAAED,MAAM,CAACH,cAAvB;AAAA,gCACEK;AAAK,UAAA,SAAS,EAAEF,MAAM,CAAClB,SAAvB;AAAkC,UAAA,KAAK,EAAE;AAAE+B,YAAAA,eAAe,EAAEjC;AAAnB;AAAzC,UADF,EAEGmB,IAAI,CAACe,SAFR;AAAA,QAjBF;AAAA,MADF;AAwBD,GA3BsB;AAAA;;;;"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/utils.js

@@ -1 +1,32 @@
-import r from"@babel/runtime/helpers/defineProperty";import{get as e,sortBy as t}from"lodash";import{FORMATION_COLORS as n}from"../../constants.js";function o(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function i(o){var i=[],u=!1;o.forEach((function(r){"Null"===r.formation?u=!0:i.includes(e(r,"formation"))||i.push(e(r,"formation"))}));var f=t(i);u&&!f.includes("Null")&&f.push("Null");var p=f.reduce((function(e,t,o){return c(c({},e),{},r({},t,n[o%n.length]))}),{});return[f,p]}export{i as getAllFormations};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, sortBy } from 'lodash';
+import { FORMATION_COLORS } from '../../constants.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function getAllFormations(wells) {
+  var formations = [];
+  var hasNullFormation = false;
+  wells.forEach(function (well) {
+    if (well.formation === 'Null') {
+      hasNullFormation = true;
+    } else if (!formations.includes(get(well, 'formation'))) {
+      formations.push(get(well, 'formation'));
+    }
+  });
+  var sortedFormations = sortBy(formations);
+
+  if (hasNullFormation && !sortedFormations.includes('Null')) {
+    sortedFormations.push('Null');
+  }
+
+  var colors = sortedFormations.reduce(function (result, item, idx) {
+    return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, item, FORMATION_COLORS[idx % FORMATION_COLORS.length]));
+  }, {});
+  return [sortedFormations, colors];
+}
+
+export { getAllFormations };
+//# sourceMappingURL=utils.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/utils.js"],"sourcesContent":["import { get, sortBy } from 'lodash';\nimport { FORMATION_COLORS } from '../../constants';\n\n// NOTE: Get unique formations & determine its colors\nexport function getAllFormations(wells) {\n  const formations = [];\n  let hasNullFormation = false;\n\n  wells.forEach(well => {\n    if (well.formation === 'Null') {\n      hasNullFormation = true;\n    } else if (!formations.includes(get(well, 'formation'))) {\n      formations.push(get(well, 'formation'));\n    }\n  });\n  const sortedFormations = sortBy(formations);\n  if (hasNullFormation && !sortedFormations.includes('Null')) {\n    sortedFormations.push('Null');\n  }\n  const colors = sortedFormations.reduce(\n    (result, item, idx) => ({\n      ...result,\n      [item]: FORMATION_COLORS[idx % FORMATION_COLORS.length],\n    }),\n    {}\n  );\n  return [sortedFormations, colors];\n}\n"],"names":["getAllFormations","wells","formations","hasNullFormation","forEach","well","formation","includes","get","push","sortedFormations","sortBy","colors","reduce","result","item","idx","FORMATION_COLORS","length"],"mappings":";;;;;;;;AAIO,SAASA,gBAAT,CAA0BC,KAA1B,EAAiC;AACtC,MAAMC,UAAU,GAAG,EAAnB;AACA,MAAIC,gBAAgB,GAAG,KAAvB;AAEAF,EAAAA,KAAK,CAACG,OAAN,CAAc,UAAAC,IAAI,EAAI;AACpB,QAAIA,IAAI,CAACC,SAAL,KAAmB,MAAvB,EAA+B;AAC7BH,MAAAA,gBAAgB,GAAG,IAAnB;AACD,KAFD,MAEO,IAAI,CAACD,UAAU,CAACK,QAAX,CAAoBC,GAAG,CAACH,IAAD,EAAO,WAAP,CAAvB,CAAL,EAAkD;AACvDH,MAAAA,UAAU,CAACO,IAAX,CAAgBD,GAAG,CAACH,IAAD,EAAO,WAAP,CAAnB;AACD;AACF,GAND;AAOA,MAAMK,gBAAgB,GAAGC,MAAM,CAACT,UAAD,CAA/B;;AACA,MAAIC,gBAAgB,IAAI,CAACO,gBAAgB,CAACH,QAAjB,CAA0B,MAA1B,CAAzB,EAA4D;AAC1DG,IAAAA,gBAAgB,CAACD,IAAjB,CAAsB,MAAtB;AACD;;AACD,MAAMG,MAAM,GAAGF,gBAAgB,CAACG,MAAjB,CACb,UAACC,MAAD,EAASC,IAAT,EAAeC,GAAf;AAAA,2CACKF,MADL,2BAEGC,IAFH,EAEUE,gBAAgB,CAACD,GAAG,GAAGC,gBAAgB,CAACC,MAAxB,CAF1B;AAAA,GADa,EAKb,EALa,CAAf;AAOA,SAAO,CAACR,gBAAD,EAAmBE,MAAnB,CAAP;AACD;;;;"}