@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/OffsetWellMap/OffsetWellMap.js

@@ -1 +1,387 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as n,useState as o,useEffect as c,createElement as i}from"react";import u from"react-dom";import{get as l}from"lodash";import a from"classnames";import{Tooltip as s}from"@material-ui/core";import{Add as d,Remove as m}from"@material-ui/icons";import f from"mapbox.js";import{usePreviousWells as p}from"./effects/usePreviousWells.js";import{WellTooltip as v}from"./WellTooltip.js";import{getAllFormations as h}from"./utils.js";import b from"./OffsetWellMap.module.css.js";import{mapbox as C}from"../../utils/index.js";import{jsx as y,jsxs as B,Fragment as k}from"react/jsx-runtime";var g=C.isValidCoordinates,D=[29.749907,-95.358421],O=["_renderer","_bounds","min"],T=function(C){var T=C.isViewOnly,N=C.subjectWell,x=void 0===N?null:N,F=C.wells,L=C.offsetWellIds,W=C.radius,z=C.handleChanageOffsetWell,E=C.handleChangeOffsetWell,j=void 0===E?z:E,Z=C.activeWellId,_=C.isClickable,w=void 0===_||_,I=t((function(){return x&&l(x,"topHole.coordinates")}),[x]),M=t((function(){return h(F)}),[F]),G=n(),P=n(),S=n(),V=n(),A=n(null),H=o(!1),U=e(H,2),q=U[0],J=U[1],K=n(),Q=n(),R=(null==x?void 0:x.id)===Z,X=p(F),Y=o(null),$=e(Y,2),rr=$[0],er=$[1],tr=o(3),nr=e(tr,2),or=nr[0],cr=nr[1];c((function(){G.current=f.mapbox.map(G.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(D,3).on("zoomend",(function(){return cr(G.current.getZoom())})),G.current.doubleClickZoom.disable(),f.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(G.current)}),[]),c((function(){if(G.current){if(P.current&&(G.current.removeLayer(P.current),P.current=null),S.current&&G.current.removeLayer(S.current),!I)return P.current=null,void(S.current=null);W&&(P.current=f.circle(I,1609.34*W,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),P.current.addTo(G.current))}}),[W,I]);var ir=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),J(!0)),A.current=f.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),A.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),J(!1))})),A.current.addEventListener("click",(function(){T||j(n,!o)}));var i=K.current.concat(A.current);V.current.removeFrom(G.current),V.current=f.featureGroup(i),V.current.addTo(G.current)},ur=function(r,e,t,n,o){var c=document.createElement("div"),a=i(v(),{isViewOnly:T,well:r,color:l(M,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:w});u.render(y(k,{children:a}),c),f.popup().setLatLng(n).setContent(c).openOn(G.current)};c((function(){if(G.current&&F&&L){G.current.closePopup(),V.current&&V.current.removeFrom(G.current);var r=[],e=[],t=[];F.forEach((function(r){r.id!==(null==x?void 0:x.id)&&(L.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[x]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&g(n)){var o=(null==x?void 0:x.id)===e.id,c=L.includes(e.id)&&!o,i=o?"#03BCD4":l(M,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});r.push(a)}var s=f.circleMarker(n,{radius:5,stroke:!1,fill:!0,fillOpacity:o?1:u,fillColor:i,className:"circle_500"});if(s.addEventListener("mouseover",(function(r){var t=[0,0];rr&&l(r.target,O)&&(t=[l(r.target,O).x-rr.x,l(r.target,O).y-rr.y]),ur(e,c,o,n,t),ir(s,n,i,e,c,o)})),o&&(Q.current=s),r.push(s),e.id===Z&&!R){var d=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(V.current=f.featureGroup(r),V.current.addTo(G.current)),K.current=r,setTimeout((function(){P.current&&P.current.bringToBack(),W<3e3&&G.current&&P.current&&F!==X&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]})}),500)}}),[x,F,L,rr]),c((function(){if(q&&l(G.current,O)&&rr){var r=[l(G.current,O).x-rr.x,l(G.current,O).y-rr.y];ur(x,!1,!0,I,r)}}),[q,rr,x,I]),c((function(){if(G.current&&I){S.current&&S.current.removeFrom(G.current);var r=f.icon({iconUrl:q||R?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:q||R?[70,20]:[62,12],iconAnchor:q||R?[35,29]:[31,25],className:"dot"});S.current=f.marker(I,{icon:r}),S.current.addTo(G.current),Q.current&&(S.current.addEventListener("mouseover",(function(){J(!0),ir(Q.current,I,"#03BCD4",x,!0,!0)})),S.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),Q.current.setStyle({fillColor:"#03BCD4"}),J(!1)})))}}),[q,I,W,x,R,rr]),c((function(){W>3e3?G.current.setZoom(1):setTimeout((function(){P.current&&P.current.bringToBack(),x?G.current&&P.current&&W&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]}):G.current&&V.current&&G.current.fitBounds(V.current.getBounds()),I&&G.current.panTo(I,{duration:.7,easeLinearity:.25}),l(G.current,O)&&er(l(G.current,O))}),500)}),[W,x,I]);var lr=function(){G.current.setZoom(or+1)};return y("div",{className:b.mapView,children:y("div",{className:b.mapMain,ref:G,onDoubleClick:lr,children:B("div",{className:b.zoomGroup,children:[y(s,{title:or<18?"Zoom in":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,18===or)),onClick:lr,children:y(d,{className:b.zoomInOutIcon})})}),y(s,{title:or>1?"Zoom out":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,1===or)),onClick:function(){or>1&&G.current.setZoom(or-1)},children:y(m,{className:b.zoomInOutIcon})})})]})})})};export{T as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMemo, useRef, useState, useEffect, createElement } from 'react';
+import ReactDOM from 'react-dom';
+import { get } from 'lodash';
+import classNames from 'classnames';
+import { Tooltip } from '@material-ui/core';
+import { Add, Remove } from '@material-ui/icons';
+import L from 'mapbox.js';
+import { usePreviousWells } from './effects/usePreviousWells.js';
+import { WellTooltip } from './WellTooltip.js';
+import { getAllFormations } from './utils.js';
+import styles from './OffsetWellMap.module.css.js';
+import { mapbox } from '../../utils/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var SubjectWellIcon = "/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";
+var SubjectHighlightWellIcon = "/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg";
+var isValidCoordinates = mapbox.isValidCoordinates;
+var DEFAULT_COORDS = [29.749907, -95.358421];
+var WELL_MARKER_SIZE = 5;
+var HIGHLIGHT_MARKER_SIZE = 12;
+var OFFSET_WELL_COLOR = '#03BCD4';
+var RADIUS_CIRCLE_COLOR = '#03BCD4';
+var HIGHLIGHT_WELL_COLOR = '#63EFFF';
+var METERS_IN_MILE = 1609.34;
+var ZOOM_INIT_VALUE = 3;
+var ZOOM_MAX_VALUE = 18;
+var ZOOM_MIN_VALUE = 1;
+var MAX_RADIUS = 3000;
+var bounds = ['_renderer', '_bounds', 'min'];
+
+/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */
+var OffsetWellMap = function OffsetWellMap(_ref) {
+  var isViewOnly = _ref.isViewOnly,
+    _ref$subjectWell = _ref.subjectWell,
+    subjectWell = _ref$subjectWell === void 0 ? null : _ref$subjectWell,
+    wells = _ref.wells,
+    offsetWellIds = _ref.offsetWellIds,
+    radius = _ref.radius,
+    handleChanageOffsetWell = _ref.handleChanageOffsetWell,
+    _ref$handleChangeOffs = _ref.handleChangeOffsetWell,
+    handleChangeOffsetWell = _ref$handleChangeOffs === void 0 ? handleChanageOffsetWell : _ref$handleChangeOffs,
+    activeWellId = _ref.activeWellId,
+    _ref$isClickable = _ref.isClickable,
+    isClickable = _ref$isClickable === void 0 ? true : _ref$isClickable;
+  var subjectWellCoords = useMemo(function () {
+    return subjectWell && get(subjectWell, 'topHole.coordinates');
+  }, [subjectWell]);
+  var formationColors = useMemo(function () {
+    return getAllFormations(wells);
+  }, [wells]);
+  var mapRef = useRef();
+  var radiusCircleRef = useRef();
+  var subjectIconRef = useRef();
+  var markersGroupRef = useRef();
+  var highlightMarkerRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSubjectWellHovered = _useState2[0],
+    setIsSubjectWellHovered = _useState2[1];
+  var wellMarkers = useRef();
+  var subjectWellMarker = useRef();
+  var isActiveWellIsSubjectWell = (subjectWell === null || subjectWell === void 0 ? void 0 : subjectWell.id) === activeWellId;
+  var prevWells = usePreviousWells(wells);
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    initBounds = _useState4[0],
+    setInitBounds = _useState4[1];
+  var _useState5 = useState(ZOOM_INIT_VALUE),
+    _useState6 = _slicedToArray(_useState5, 2),
+    zoom = _useState6[0],
+    setZoom = _useState6[1];
+
+  // NOTE: Initialize map
+  useEffect(function () {
+    mapRef.current = L.mapbox.map(mapRef.current, null, {
+      attributionControl: false,
+      scrollWheelZoom: false,
+      zoomControl: false
+    }).setView(DEFAULT_COORDS, ZOOM_INIT_VALUE).on('zoomend', function () {
+      return setZoom(mapRef.current.getZoom());
+    });
+    mapRef.current.doubleClickZoom.disable();
+    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);
+  }, []);
+
+  // NOTE: Radius circle
+  useEffect(function () {
+    if (!mapRef.current) {
+      return;
+    }
+
+    // NOTE: Clean up
+    if (radiusCircleRef.current) {
+      mapRef.current.removeLayer(radiusCircleRef.current);
+      radiusCircleRef.current = null;
+    }
+    if (subjectIconRef.current) {
+      mapRef.current.removeLayer(subjectIconRef.current);
+    }
+    if (!subjectWellCoords) {
+      radiusCircleRef.current = null;
+      subjectIconRef.current = null;
+      return;
+    }
+    if (radius) {
+      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]);
+
+  // NOTE: Highlight marker
+  var handleHighlightMarker = function handleHighlightMarker(currentMarker, coords, color, well, isOffsetWell, isSubjectWell) {
+    if (isSubjectWell) {
+      currentMarker.setStyle({
+        fillColor: HIGHLIGHT_WELL_COLOR
+      });
+      setIsSubjectWellHovered(true);
+    }
+    highlightMarkerRef.current = L.circleMarker(coords, {
+      radius: isSubjectWell ? WELL_MARKER_SIZE : HIGHLIGHT_MARKER_SIZE,
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.24,
+      fillColor: isSubjectWell ? HIGHLIGHT_WELL_COLOR : color,
+      className: 'circle_highlight'
+    });
+    highlightMarkerRef.current.addEventListener('mouseout', function () {
+      markersGroupRef.current.removeFrom(mapRef.current);
+      markersGroupRef.current = L.featureGroup(wellMarkers.current);
+      markersGroupRef.current.addTo(mapRef.current);
+      mapRef.current.closePopup();
+      if (isSubjectWell) {
+        currentMarker.setStyle({
+          fillColor: OFFSET_WELL_COLOR
+        });
+        setIsSubjectWellHovered(false);
+      }
+    });
+    highlightMarkerRef.current.addEventListener('click', function () {
+      if (isViewOnly) return;
+      if (isOffsetWell) {
+        handleChangeOffsetWell(well, false);
+      } else {
+        handleChangeOffsetWell(well, true);
+      }
+    });
+    var newMarkers = wellMarkers.current.concat(highlightMarkerRef.current);
+    markersGroupRef.current.removeFrom(mapRef.current);
+    markersGroupRef.current = L.featureGroup(newMarkers);
+    markersGroupRef.current.addTo(mapRef.current);
+  };
+  var showTooltip = function showTooltip(well, isOffsetWell, isSubjectWell, coords, offset) {
+    var popUpContainer = document.createElement('div');
+    var popUpContent = createElement(WellTooltip(), {
+      isViewOnly: isViewOnly,
+      well: well,
+      color: get(formationColors, well.formation, '#BDBDBD'),
+      isOffsetWell: isOffsetWell,
+      isSubjectWell: isSubjectWell,
+      offset: offset,
+      isClickable: isClickable
+    });
+    ReactDOM.render( /*#__PURE__*/jsx(Fragment, {
+      children: popUpContent
+    }), popUpContainer);
+    L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);
+  };
+
+  // NOTE: Well markers
+  useEffect(function () {
+    if (!mapRef.current || !wells || !offsetWellIds) {
+      return;
+    }
+    mapRef.current.closePopup();
+
+    // NOTE: Clean up
+    if (markersGroupRef.current) {
+      markersGroupRef.current.removeFrom(mapRef.current);
+    }
+    var markers = [];
+    var offsetWells = [];
+    var unSelectedWells = [];
+    wells.forEach(function (well) {
+      if (well.id !== (subjectWell === null || subjectWell === void 0 ? void 0 : subjectWell.id)) {
+        if (offsetWellIds.includes(well.id)) {
+          offsetWells.push(well);
+        } else {
+          unSelectedWells.push(well);
+        }
+      }
+    });
+    var sortedWells = [].concat(unSelectedWells, offsetWells, [subjectWell]);
+    sortedWells.forEach(function (well) {
+      var _well$topHole;
+      var coords = well === null || well === void 0 ? void 0 : (_well$topHole = well.topHole) === null || _well$topHole === void 0 ? void 0 : _well$topHole.coordinates;
+      if (coords && isValidCoordinates(coords)) {
+        var isSubjectWell = (subjectWell === null || subjectWell === void 0 ? void 0 : subjectWell.id) === well.id;
+        var isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;
+        var color = isSubjectWell ? OFFSET_WELL_COLOR : get(formationColors, well.formation, '#BDBDBD');
+        var opacity = isOffsetWell ? 0.7 : 0.3;
+        if (isOffsetWell) {
+          var newHighlightMarker = L.circleMarker(coords, {
+            radius: HIGHLIGHT_MARKER_SIZE,
+            stroke: false,
+            fill: true,
+            fillColor: color,
+            className: 'circle_500',
+            fillOpacity: 0.08
+          });
+          markers.push(newHighlightMarker);
+        }
+        var newMarker = L.circleMarker(coords, {
+          radius: WELL_MARKER_SIZE,
+          stroke: false,
+          fill: true,
+          fillOpacity: isSubjectWell ? 1 : opacity,
+          fillColor: color,
+          className: 'circle_500'
+        });
+        newMarker.addEventListener('mouseover', function (e) {
+          var offset = [0, 0];
+          if (initBounds && get(e.target, bounds)) {
+            offset = [get(e.target, bounds).x - initBounds.x, get(e.target, bounds).y - initBounds.y];
+          }
+          showTooltip(well, isOffsetWell, isSubjectWell, coords, offset);
+
+          // Highlight
+          handleHighlightMarker(newMarker, coords, color, well, isOffsetWell, isSubjectWell);
+        });
+        if (isSubjectWell) {
+          subjectWellMarker.current = newMarker;
+        }
+        markers.push(newMarker);
+        if (well.id === activeWellId && !isActiveWellIsSubjectWell) {
+          var highlightMarker = L.circleMarker(coords, {
+            radius: HIGHLIGHT_MARKER_SIZE,
+            stroke: false,
+            fill: true,
+            fillOpacity: 0.24,
+            fillColor: color,
+            className: 'circle_1200'
+          });
+          markers.push(highlightMarker);
+        }
+      }
+    });
+    if (markers.length) {
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapRef.current);
+    }
+    wellMarkers.current = markers;
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (radius < MAX_RADIUS && mapRef.current && radiusCircleRef.current && wells !== prevWells) {
+        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+          padding: [5, 5]
+        });
+      }
+    }, 500);
+  }, [subjectWell, wells, offsetWellIds, initBounds]);
+
+  // NOTE: Subject Well Icon
+
+  useEffect(function () {
+    if (!isSubjectWellHovered) return;
+    if (get(mapRef.current, bounds) && initBounds) {
+      var offset = [get(mapRef.current, bounds).x - initBounds.x, get(mapRef.current, bounds).y - initBounds.y];
+      showTooltip(subjectWell, false, true, subjectWellCoords, offset);
+    }
+  }, [isSubjectWellHovered, initBounds, subjectWell, subjectWellCoords]);
+  useEffect(function () {
+    if (!mapRef.current || !subjectWellCoords) return;
+    if (subjectIconRef.current) {
+      subjectIconRef.current.removeFrom(mapRef.current);
+    }
+    var icon = L.icon({
+      iconUrl: isSubjectWellHovered || isActiveWellIsSubjectWell ? SubjectHighlightWellIcon : SubjectWellIcon,
+      iconSize: isSubjectWellHovered || isActiveWellIsSubjectWell ? [70, 20] : [62, 12],
+      iconAnchor: isSubjectWellHovered || isActiveWellIsSubjectWell ? [35, 29] : [31, 25],
+      className: 'dot'
+    });
+    subjectIconRef.current = L.marker(subjectWellCoords, {
+      icon: icon
+    });
+    subjectIconRef.current.addTo(mapRef.current);
+    if (subjectWellMarker.current) {
+      subjectIconRef.current.addEventListener('mouseover', function () {
+        setIsSubjectWellHovered(true);
+        handleHighlightMarker(subjectWellMarker.current, subjectWellCoords, OFFSET_WELL_COLOR, subjectWell, true, true);
+      });
+      subjectIconRef.current.addEventListener('mouseout', function () {
+        markersGroupRef.current.removeFrom(mapRef.current);
+        markersGroupRef.current = L.featureGroup(wellMarkers.current);
+        markersGroupRef.current.addTo(mapRef.current);
+        mapRef.current.closePopup();
+        subjectWellMarker.current.setStyle({
+          fillColor: OFFSET_WELL_COLOR
+        });
+        setIsSubjectWellHovered(false);
+      });
+    }
+  }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell, initBounds]);
+
+  // NOTE: Map Update
+  useEffect(function () {
+    if (radius > MAX_RADIUS) {
+      mapRef.current.setZoom(1);
+      return;
+    }
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (subjectWell) {
+        if (mapRef.current && radiusCircleRef.current && radius) {
+          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+            padding: [5, 5]
+          });
+        }
+      } else if (mapRef.current && markersGroupRef.current) {
+        mapRef.current.fitBounds(markersGroupRef.current.getBounds());
+      }
+      if (subjectWellCoords) {
+        mapRef.current.panTo(subjectWellCoords, {
+          duration: 0.7,
+          easeLinearity: 0.25
+        });
+      }
+      if (get(mapRef.current, bounds)) {
+        setInitBounds(get(mapRef.current, bounds));
+      }
+    }, 500);
+  }, [radius, subjectWell, subjectWellCoords]);
+  var handleZoomIn = function handleZoomIn() {
+    mapRef.current.setZoom(zoom + 1);
+  };
+  var handleZoomOut = function handleZoomOut() {
+    if (zoom > 1) {
+      mapRef.current.setZoom(zoom - 1);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: styles.mapView,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.mapMain,
+      ref: mapRef,
+      onDoubleClick: handleZoomIn,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.zoomGroup,
+        children: [/*#__PURE__*/jsx(Tooltip, {
+          title: zoom < ZOOM_MAX_VALUE ? 'Zoom in' : '',
+          placement: "left",
+          children: /*#__PURE__*/jsx("div", {
+            className: classNames(styles.zoomButton, _defineProperty({}, styles.zoomDisabled, zoom === ZOOM_MAX_VALUE)),
+            onClick: handleZoomIn,
+            children: /*#__PURE__*/jsx(Add, {
+              className: styles.zoomInOutIcon
+            })
+          })
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: zoom > ZOOM_MIN_VALUE ? 'Zoom out' : '',
+          placement: "left",
+          children: /*#__PURE__*/jsx("div", {
+            className: classNames(styles.zoomButton, _defineProperty({}, styles.zoomDisabled, zoom === ZOOM_MIN_VALUE)),
+            onClick: handleZoomOut,
+            children: /*#__PURE__*/jsx(Remove, {
+              className: styles.zoomInOutIcon
+            })
+          })
+        })]
+      })
+    })
+  });
+};
+
+export { OffsetWellMap as default };
+//# sourceMappingURL=OffsetWellMap.js.map

package/components/OffsetWellMap/OffsetWellMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport L from 'mapbox.js';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport { mapbox } from '~/utils';\n\nconst { isValidCoordinates } = mapbox;\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst bounds = ['_renderer', '_bounds', 'min'];\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */\nconst OffsetWellMap = ({\n  isViewOnly,\n  subjectWell = null,\n  wells,\n  offsetWellIds,\n  radius,\n  handleChanageOffsetWell,\n  handleChangeOffsetWell = handleChanageOffsetWell,\n  activeWellId,\n  isClickable = true,\n}) => {\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, 'topHole.coordinates');\n  }, [subjectWell]);\n  const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n  const mapRef = useRef();\n  const radiusCircleRef = useRef();\n  const subjectIconRef = useRef();\n  const markersGroupRef = useRef();\n  const highlightMarkerRef = useRef(null);\n  const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n  const wellMarkers = useRef();\n  const subjectWellMarker = useRef();\n  const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n  const prevWells = usePreviousWells(wells);\n  const [initBounds, setInitBounds] = useState(null);\n  const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    mapRef.current = L.mapbox\n      .map(mapRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, ZOOM_INIT_VALUE)\n      .on('zoomend', () => setZoom(mapRef.current.getZoom()));\n    mapRef.current.doubleClickZoom.disable();\n\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapRef.current.removeLayer(radiusCircleRef.current);\n      radiusCircleRef.current = null;\n    }\n    if (subjectIconRef.current) {\n      mapRef.current.removeLayer(subjectIconRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      subjectIconRef.current = null;\n      return;\n    }\n\n    if (radius) {\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    }\n  }, [radius, subjectWellCoords]);\n\n  // NOTE: Highlight marker\n  const handleHighlightMarker = (\n    currentMarker,\n    coords,\n    color,\n    well,\n    isOffsetWell,\n    isSubjectWell\n  ) => {\n    if (isSubjectWell) {\n      currentMarker.setStyle({ fillColor: HIGHLIGHT_WELL_COLOR });\n      setIsSubjectWellHovered(true);\n    }\n\n    highlightMarkerRef.current = L.circleMarker(coords, {\n      radius: isSubjectWell ? WELL_MARKER_SIZE : HIGHLIGHT_MARKER_SIZE,\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.24,\n      fillColor: isSubjectWell ? HIGHLIGHT_WELL_COLOR : color,\n      className: 'circle_highlight',\n    });\n\n    highlightMarkerRef.current.addEventListener('mouseout', () => {\n      markersGroupRef.current.removeFrom(mapRef.current);\n      markersGroupRef.current = L.featureGroup(wellMarkers.current);\n      markersGroupRef.current.addTo(mapRef.current);\n      mapRef.current.closePopup();\n      if (isSubjectWell) {\n        currentMarker.setStyle({ fillColor: OFFSET_WELL_COLOR });\n        setIsSubjectWellHovered(false);\n      }\n    });\n\n    highlightMarkerRef.current.addEventListener('click', () => {\n      if (isViewOnly) return;\n      if (isOffsetWell) {\n        handleChangeOffsetWell(well, false);\n      } else {\n        handleChangeOffsetWell(well, true);\n      }\n    });\n\n    const newMarkers = wellMarkers.current.concat(highlightMarkerRef.current);\n    markersGroupRef.current.removeFrom(mapRef.current);\n    markersGroupRef.current = L.featureGroup(newMarkers);\n    markersGroupRef.current.addTo(mapRef.current);\n  };\n\n  const showTooltip = (well, isOffsetWell, isSubjectWell, coords, offset) => {\n    const popUpContainer = document.createElement('div');\n    const popUpContent = createElement(WellTooltip(), {\n      isViewOnly,\n      well,\n      color: get(formationColors, well.formation, '#BDBDBD'),\n      isOffsetWell,\n      isSubjectWell,\n      offset,\n      isClickable,\n    });\n    ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n    L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);\n  };\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !wells || !offsetWellIds) {\n      return;\n    }\n\n    mapRef.current.closePopup();\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapRef.current);\n    }\n\n    const markers = [];\n    const offsetWells = [];\n    const unSelectedWells = [];\n    wells.forEach(well => {\n      if (well.id !== subjectWell?.id) {\n        if (offsetWellIds.includes(well.id)) {\n          offsetWells.push(well);\n        } else {\n          unSelectedWells.push(well);\n        }\n      }\n    });\n    const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n    sortedWells.forEach(well => {\n      const coords = well?.topHole?.coordinates;\n\n      if (coords && isValidCoordinates(coords)) {\n        const isSubjectWell = subjectWell?.id === well.id;\n        const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n        const color = isSubjectWell\n          ? OFFSET_WELL_COLOR\n          : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isOffsetWell ? 0.7 : 0.3;\n\n        if (isOffsetWell) {\n          const newHighlightMarker = L.circleMarker(coords, {\n            radius: HIGHLIGHT_MARKER_SIZE,\n            stroke: false,\n            fill: true,\n            fillColor: color,\n            className: 'circle_500',\n            fillOpacity: 0.08,\n          });\n          markers.push(newHighlightMarker);\n        }\n\n        const newMarker = L.circleMarker(coords, {\n          radius: WELL_MARKER_SIZE,\n          stroke: false,\n          fill: true,\n          fillOpacity: isSubjectWell ? 1 : opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', e => {\n          let offset = [0, 0];\n          if (initBounds && get(e.target, bounds)) {\n            offset = [\n              get(e.target, bounds).x - initBounds.x,\n              get(e.target, bounds).y - initBounds.y,\n            ];\n          }\n          showTooltip(well, isOffsetWell, isSubjectWell, coords, offset);\n\n          // Highlight\n          handleHighlightMarker(newMarker, coords, color, well, isOffsetWell, isSubjectWell);\n        });\n\n        if (isSubjectWell) {\n          subjectWellMarker.current = newMarker;\n        }\n\n        markers.push(newMarker);\n\n        if (well.id === activeWellId && !isActiveWellIsSubjectWell) {\n          const highlightMarker = L.circleMarker(coords, {\n            radius: HIGHLIGHT_MARKER_SIZE,\n            stroke: false,\n            fill: true,\n            fillOpacity: 0.24,\n            fillColor: color,\n            className: 'circle_1200',\n          });\n          markers.push(highlightMarker);\n        }\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapRef.current);\n    }\n    wellMarkers.current = markers;\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (radius < MAX_RADIUS && mapRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWellIds, initBounds]);\n\n  // NOTE: Subject Well Icon\n\n  useEffect(() => {\n    if (!isSubjectWellHovered) return;\n    if (get(mapRef.current, bounds) && initBounds) {\n      const offset = [\n        get(mapRef.current, bounds).x - initBounds.x,\n        get(mapRef.current, bounds).y - initBounds.y,\n      ];\n      showTooltip(subjectWell, false, true, subjectWellCoords, offset);\n    }\n  }, [isSubjectWellHovered, initBounds, subjectWell, subjectWellCoords]);\n\n  useEffect(() => {\n    if (!mapRef.current || !subjectWellCoords) return;\n\n    if (subjectIconRef.current) {\n      subjectIconRef.current.removeFrom(mapRef.current);\n    }\n\n    const icon = L.icon({\n      iconUrl:\n        isSubjectWellHovered || isActiveWellIsSubjectWell\n          ? SubjectHighlightWellIcon\n          : SubjectWellIcon,\n      iconSize: isSubjectWellHovered || isActiveWellIsSubjectWell ? [70, 20] : [62, 12],\n      iconAnchor: isSubjectWellHovered || isActiveWellIsSubjectWell ? [35, 29] : [31, 25],\n      className: 'dot',\n    });\n    subjectIconRef.current = L.marker(subjectWellCoords, { icon });\n    subjectIconRef.current.addTo(mapRef.current);\n\n    if (subjectWellMarker.current) {\n      subjectIconRef.current.addEventListener('mouseover', () => {\n        setIsSubjectWellHovered(true);\n\n        handleHighlightMarker(\n          subjectWellMarker.current,\n          subjectWellCoords,\n          OFFSET_WELL_COLOR,\n          subjectWell,\n          true,\n          true\n        );\n      });\n\n      subjectIconRef.current.addEventListener('mouseout', () => {\n        markersGroupRef.current.removeFrom(mapRef.current);\n        markersGroupRef.current = L.featureGroup(wellMarkers.current);\n        markersGroupRef.current.addTo(mapRef.current);\n        mapRef.current.closePopup();\n        subjectWellMarker.current.setStyle({ fillColor: OFFSET_WELL_COLOR });\n        setIsSubjectWellHovered(false);\n      });\n    }\n  }, [\n    isSubjectWellHovered,\n    subjectWellCoords,\n    radius,\n    subjectWell,\n    isActiveWellIsSubjectWell,\n    initBounds,\n  ]);\n\n  // NOTE: Map Update\n  useEffect(() => {\n    if (radius > MAX_RADIUS) {\n      mapRef.current.setZoom(1);\n      return;\n    }\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleRef.current && radius) {\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      if (subjectWellCoords) {\n        mapRef.current.panTo(subjectWellCoords, {\n          duration: 0.7,\n          easeLinearity: 0.25,\n        });\n      }\n      if (get(mapRef.current, bounds)) {\n        setInitBounds(get(mapRef.current, bounds));\n      }\n    }, 500);\n  }, [radius, subjectWell, subjectWellCoords]);\n\n  const handleZoomIn = () => {\n    mapRef.current.setZoom(zoom + 1);\n  };\n\n  const handleZoomOut = () => {\n    if (zoom > 1) {\n      mapRef.current.setZoom(zoom - 1);\n    }\n  };\n\n  return (\n    <div className={styles.mapView}>\n      <div className={styles.mapMain} ref={mapRef} onDoubleClick={handleZoomIn}>\n        <div className={styles.zoomGroup}>\n          <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n              })}\n              onClick={handleZoomIn}\n            >\n              <ZoomInIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n          <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n              })}\n              onClick={handleZoomOut}\n            >\n              <ZoomOutIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OffsetWellMap;\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","WELL_MARKER_SIZE","HIGHLIGHT_MARKER_SIZE","OFFSET_WELL_COLOR","RADIUS_CIRCLE_COLOR","HIGHLIGHT_WELL_COLOR","METERS_IN_MILE","ZOOM_INIT_VALUE","ZOOM_MAX_VALUE","ZOOM_MIN_VALUE","MAX_RADIUS","bounds","OffsetWellMap","isViewOnly","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","handleChangeOffsetWell","activeWellId","isClickable","subjectWellCoords","useMemo","get","formationColors","getAllFormations","mapRef","useRef","radiusCircleRef","subjectIconRef","markersGroupRef","highlightMarkerRef","useState","isSubjectWellHovered","setIsSubjectWellHovered","wellMarkers","subjectWellMarker","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","initBounds","setInitBounds","zoom","setZoom","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","on","getZoom","doubleClickZoom","disable","styleLayer","addTo","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","handleHighlightMarker","currentMarker","coords","color","well","isOffsetWell","isSubjectWell","setStyle","circleMarker","addEventListener","removeFrom","featureGroup","closePopup","newMarkers","concat","showTooltip","offset","popUpContainer","document","createElement","popUpContent","WellTooltip","formation","ReactDOM","render","_jsx","_Fragment","popup","setLatLng","setContent","openOn","markers","offsetWells","unSelectedWells","forEach","includes","push","sortedWells","topHole","coordinates","opacity","newHighlightMarker","newMarker","e","target","x","y","highlightMarker","length","setTimeout","bringToBack","fitBounds","getBounds","padding","icon","iconUrl","SubjectHighlightWellIcon","SubjectWellIcon","iconSize","iconAnchor","marker","panTo","duration","easeLinearity","handleZoomIn","handleZoomOut","styles","mapView","mapMain","_jsxs","zoomGroup","classNames","zoomButton","zoomDisabled","ZoomInIcon","zoomInOutIcon","ZoomOutIcon"],"mappings":"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"}

package/components/OffsetWellMap/OffsetWellMap.module.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={mapView:"OffsetWellMap-module_mapView__EwhHO",zoomGroup:"OffsetWellMap-module_zoomGroup__qCVgz",zoomButton:"OffsetWellMap-module_zoomButton__oZIkU",zoomDisabled:"OffsetWellMap-module_zoomDisabled__60g-G",zoomInOutIcon:"OffsetWellMap-module_zoomInOutIcon__tUzKY",mapMain:"OffsetWellMap-module_mapMain__IYEA1"};e(".OffsetWellMap-module_mapView__EwhHO{width:100%}.OffsetWellMap-module_zoomGroup__qCVgz{bottom:12px;display:flex;flex-direction:column;gap:4px;position:absolute;right:12px;z-index:9}.OffsetWellMap-module_zoomButton__oZIkU{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;text-align:center;user-select:none;width:32px}.OffsetWellMap-module_zoomButton__oZIkU:hover{background:var(--palette-background-b-7);color:#fff}.OffsetWellMap-module_zoomDisabled__60g-G{cursor:not-allowed}.OffsetWellMap-module_zoomDisabled__60g-G:hover{background:var(--palette-background-b-6);color:var(--palette-primary-text-6)}.OffsetWellMap-module_zoomInOutIcon__tUzKY{font-size:1rem!important}.OffsetWellMap-module_mapMain__IYEA1{background-color:var(--palette-background-b-9);border:1px solid var(--palette-background-b-9);border-radius:4px;flex:100;height:200px;position:relative;width:100%}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup{left:0!important;top:0!important;transform:none!important}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content-wrapper{background-color:transparent;border-radius:4px;opacity:.9}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content{padding:8px}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-close-button,.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-tip{display:none}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom{background:none;border:none;box-shadow:none}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);content:unset;display:flex;font-size:20px;height:30px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:30px}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a:hover{background:var(--palette-background-b-7);border-radius:4px;color:var(--palette-primary-text-1)}.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-bar,.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}");export{o as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".OffsetWellMap-module_mapView__EwhHO {\n  width: 100%;\n}\n\n.OffsetWellMap-module_zoomGroup__qCVgz {\n  position: absolute;\n  right: 12px;\n  bottom: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  z-index: 9;\n}\n\n.OffsetWellMap-module_zoomButton__oZIkU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--palette-primary-text-6);\n  font-size: 22px;\n  text-align: center;\n  width: 32px;\n  height: 32px;\n  background: var(--palette-background-b-6);\n  border-radius: 4px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.OffsetWellMap-module_zoomButton__oZIkU:hover {\n  color: #fff;\n  background: var(--palette-background-b-7);\n}\n\n.OffsetWellMap-module_zoomDisabled__60g-G {\n  cursor: not-allowed;\n}\n\n.OffsetWellMap-module_zoomDisabled__60g-G:hover {\n  color: var(--palette-primary-text-6);\n  background: var(--palette-background-b-6);\n}\n\n.OffsetWellMap-module_zoomInOutIcon__tUzKY {\n  font-size: 1rem !important;\n}\n\n.OffsetWellMap-module_mapMain__IYEA1 {\n  width: 100%;\n  flex: 100;\n  height: 200px;\n  border-radius: 4px;\n  background-color: var(--palette-background-b-9);\n  border: 1px solid var(--palette-background-b-9);\n  position: relative;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup {\n  transform: none !important;\n  top: 0px !important;\n  left: 0px !important;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content-wrapper {\n  background-color: transparent;\n  opacity: 0.9;\n  border-radius: 4px;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content {\n  padding: 8px;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-tip {\n  display: none;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-close-button {\n  display: none;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom {\n  background: none;\n  box-shadow: none;\n  border: none;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a {\n  text-indent: unset;\n  content: unset;\n  font-size: 20px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  background: var(--palette-background-b-6);\n  color: var(--palette-primary-text-6);\n  border-radius: 4px;\n  margin-top: 4px;\n  opacity: 1;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a:hover {\n  color: var(--palette-primary-text-1);\n  background: var(--palette-background-b-7);\n  border-radius: 4px;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-bar {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-control-layers {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n";
+var styles = {"mapView":"OffsetWellMap-module_mapView__EwhHO","zoomGroup":"OffsetWellMap-module_zoomGroup__qCVgz","zoomButton":"OffsetWellMap-module_zoomButton__oZIkU","zoomDisabled":"OffsetWellMap-module_zoomDisabled__60g-G","zoomInOutIcon":"OffsetWellMap-module_zoomInOutIcon__tUzKY","mapMain":"OffsetWellMap-module_mapMain__IYEA1"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=OffsetWellMap.module.css.js.map

package/components/OffsetWellMap/WellTooltip.js

@@ -1 +1,62 @@
-import e from"classnames";import l from"moment";import o from"@material-ui/icons/Info";import i from"@material-ui/icons/Block";import t from"./WellTooltip.module.css.js";import{jsxs as a,jsx as m}from"react/jsx-runtime";var s=function(){return function(s){var n=s.isViewOnly,r=s.well,c=s.color,f=s.isOffsetWell,d=s.isSubjectWell,p=s.offset,N=s.isClickable;return a("div",{className:t.wellTooltip,style:{marginLeft:null==p?void 0:p[0],marginTop:null==p?void 0:p[1]},children:[m("span",{className:e(t.commonItem,t.wellName),children:r.name}),a("div",{className:t.tooltipItem,children:["Depth: ",Number.isFinite(r.totalDepth)?Math.floor(r.totalDepth).toFixed(2):"N/A",Number.isFinite(r.totalDepth)&&m("span",{className:t.unit,children:" ft"})]}),a("div",{className:e(t.commonItem,t.tooltipItem),children:["Release Date: ",Number.isFinite(r.rigReleaseDate)?l.unix(r.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),a("div",{className:e(t.commonItem,t.formationItem),children:["Target Formation:",m("div",{className:t.formation,style:{backgroundColor:c}}),r.formation]}),!n&&!d&&N&&a("div",{className:e(t.commonItem,t.info),children:[f?m(i,{className:t.blockIcon}):m(o,{className:t.infoIcon}),m("span",f?{className:t.infoLabel,children:"Click to deselect Offset Well"}:{className:t.infoLabel,children:"Click to select Offset Well"})]})]})}};export{s as WellTooltip};
+import classNames from 'classnames';
+import moment from 'moment';
+import InfoIcon from '@material-ui/icons/Info';
+import BlockIcon from '@material-ui/icons/Block';
+import styles from './WellTooltip.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var WellTooltip = function WellTooltip() {
+  return function (_ref) {
+    var isViewOnly = _ref.isViewOnly,
+      well = _ref.well,
+      color = _ref.color,
+      isOffsetWell = _ref.isOffsetWell,
+      isSubjectWell = _ref.isSubjectWell,
+      offset = _ref.offset,
+      isClickable = _ref.isClickable;
+    return /*#__PURE__*/jsxs("div", {
+      className: styles.wellTooltip,
+      style: {
+        marginLeft: offset === null || offset === void 0 ? void 0 : offset[0],
+        marginTop: offset === null || offset === void 0 ? void 0 : offset[1]
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        className: classNames(styles.commonItem, styles.wellName),
+        children: well.name
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.tooltipItem,
+        children: ["Depth:\xA0", Number.isFinite(well.totalDepth) ? Math.floor(well.totalDepth).toFixed(2) : 'N/A', Number.isFinite(well.totalDepth) && /*#__PURE__*/jsx("span", {
+          className: styles.unit,
+          children: "\xA0ft"
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.commonItem, styles.tooltipItem),
+        children: ["Release Date:\xA0", Number.isFinite(well.rigReleaseDate) ? moment.unix(well.rigReleaseDate).format('MM/DD/YYYY') : 'N/A']
+      }), /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.commonItem, styles.formationItem),
+        children: ["Target Formation:", /*#__PURE__*/jsx("div", {
+          className: styles.formation,
+          style: {
+            backgroundColor: color
+          }
+        }), well.formation]
+      }), !isViewOnly && !isSubjectWell && isClickable && /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.commonItem, styles.info),
+        children: [isOffsetWell ? /*#__PURE__*/jsx(BlockIcon, {
+          className: styles.blockIcon
+        }) : /*#__PURE__*/jsx(InfoIcon, {
+          className: styles.infoIcon
+        }), isOffsetWell ? /*#__PURE__*/jsx("span", {
+          className: styles.infoLabel,
+          children: "Click to deselect Offset Well"
+        }) : /*#__PURE__*/jsx("span", {
+          className: styles.infoLabel,
+          children: "Click to select Offset Well"
+        })]
+      })]
+    });
+  };
+};
+
+export { WellTooltip };
+//# sourceMappingURL=WellTooltip.js.map

package/components/OffsetWellMap/utils.js

@@ -1 +1,30 @@
-import r from"@babel/runtime/helpers/defineProperty";import{get as e,sortBy as t}from"lodash";function n(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 o(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var c=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"];function i(n){var i=[],u=!1;n.forEach((function(r){"Null"===r.formation?u=!0:i.includes(e(r,"formation"))||i.push(e(r,"formation"))}));var f=t(i);return u&&!f.includes("Null")&&f.push("Null"),f.reduce((function(e,t,n){return o(o({},e),{},r({},t,c[n%c.length]))}),{})}export{i as getAllFormations};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, sortBy } from 'lodash';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FORMATION_COLORS = ['#FF00FF', '#F5BD80', '#FF0000', '#0080FF', '#FF8000', '#58ACFA', '#FA58F4', '#40FF00', '#4B8A08', '#40FF00', '#D8F781'];
+
+// NOTE: Get unique formations & determine its colors
+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 colors;
+}
+
+export { getAllFormations };
+//# sourceMappingURL=utils.js.map