@corva/ui 0.65.0-1-test → 0.65.0-3

package/components/OffsetWellMap/OffsetWellMap.js

@@ -1,401 +1 @@
-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 PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Tooltip } from '@material-ui/core';
-import { Add, Remove } from '@material-ui/icons';
-import L from 'mapbox.js';
-import { mapbox } from '../../utils/index.js';
-import styles from './OffsetWellMap.module.css.js';
-import { usePreviousWells } from './effects/usePreviousWells.js';
-import { WellTooltip } from './WellTooltip.js';
-import { getAllFormations } from './utils.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'];
-
-// eslint-disable-next-line no-unused-vars
-var OffsetWellMap = function OffsetWellMap(_ref) {
-  var isViewOnly = _ref.isViewOnly,
-    subjectWell = _ref.subjectWell,
-    wells = _ref.wells,
-    offsetWellIds = _ref.offsetWellIds,
-    radius = _ref.radius,
-    handleChanageOffsetWell = _ref.handleChanageOffsetWell,
-    activeWellId = _ref.activeWellId,
-    isClickable = _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) {
-        handleChanageOffsetWell(well, false);
-      } else {
-        handleChanageOffsetWell(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,
-            calssname: '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)) {
-      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
-            })
-          })
-        })]
-      })
-    })
-  });
-};
-OffsetWellMap.propTypes = {
-  isViewOnly: PropTypes.bool.isRequired,
-  subjectWell: PropTypes.shape({
-    id: PropTypes.number,
-    formation: PropTypes.string
-  }),
-  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  offsetWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,
-  radius: PropTypes.number.isRequired,
-  handleChanageOffsetWell: PropTypes.func.isRequired,
-  activeWellId: PropTypes.number.isRequired,
-  isClickable: PropTypes.bool
-};
-OffsetWellMap.defaultProps = {
-  subjectWell: null,
-  isClickable: true
-};
-
-export { OffsetWellMap as default };
-//# sourceMappingURL=OffsetWellMap.js.map
+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"prop-types";import s from"classnames";import{Tooltip as d}from"@material-ui/core";import{Add as m,Remove as f}from"@material-ui/icons";import p from"mapbox.js";import{mapbox as v}from"../../utils/index.js";import b from"./OffsetWellMap.module.css.js";import{usePreviousWells as h}from"./effects/usePreviousWells.js";import{WellTooltip as y}from"./WellTooltip.js";import{getAllFormations as C}from"./utils.js";import{jsx as k,jsxs as B,Fragment as g}from"react/jsx-runtime";var O=v.isValidCoordinates,T=[29.749907,-95.358421],W=["_renderer","_bounds","min"],D=function(a){var v=a.isViewOnly,D=a.subjectWell,x=a.wells,N=a.offsetWellIds,j=a.radius,F=a.handleChanageOffsetWell,L=a.activeWellId,z=a.isClickable,E=t((function(){return D&&l(D,"topHole.coordinates")}),[D]),w=t((function(){return C(x)}),[x]),I=n(),Z=n(),_=n(),q=n(),M=n(null),P=o(!1),R=e(P,2),V=R[0],G=R[1],S=n(),A=n(),H=(null==D?void 0:D.id)===L,U=h(x),J=o(null),K=e(J,2),Q=K[0],X=K[1],Y=o(3),$=e(Y,2),rr=$[0],er=$[1];c((function(){I.current=p.mapbox.map(I.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(T,3).on("zoomend",(function(){return er(I.current.getZoom())})),I.current.doubleClickZoom.disable(),p.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(I.current)}),[]),c((function(){if(I.current){if(Z.current&&(I.current.removeLayer(Z.current),Z.current=null),_.current&&I.current.removeLayer(_.current),!E)return Z.current=null,void(_.current=null);j&&(Z.current=p.circle(E,1609.34*j,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),Z.current.addTo(I.current))}}),[j,E]);var tr=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),G(!0)),M.current=p.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),M.current.addEventListener("mouseout",(function(){q.current.removeFrom(I.current),q.current=p.featureGroup(S.current),q.current.addTo(I.current),I.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),G(!1))})),M.current.addEventListener("click",(function(){v||F(n,!o)}));var i=S.current.concat(M.current);q.current.removeFrom(I.current),q.current=p.featureGroup(i),q.current.addTo(I.current)},nr=function(r,e,t,n,o){var c=document.createElement("div"),a=i(y(),{isViewOnly:v,well:r,color:l(w,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:z});u.render(k(g,{children:a}),c),p.popup().setLatLng(n).setContent(c).openOn(I.current)};c((function(){if(I.current&&x&&N){I.current.closePopup(),q.current&&q.current.removeFrom(I.current);var r=[],e=[],t=[];x.forEach((function(r){r.id!==(null==D?void 0:D.id)&&(N.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[D]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&O(n)){var o=(null==D?void 0:D.id)===e.id,c=N.includes(e.id)&&!o,i=o?"#03BCD4":l(w,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=p.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,calssname:"circle_500",fillOpacity:.08});r.push(a)}var s=p.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];Q&&l(r.target,W)&&(t=[l(r.target,W).x-Q.x,l(r.target,W).y-Q.y]),nr(e,c,o,n,t),tr(s,n,i,e,c,o)})),o&&(A.current=s),r.push(s),e.id===L&&!H){var d=p.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(q.current=p.featureGroup(r),q.current.addTo(I.current)),S.current=r,setTimeout((function(){Z.current&&Z.current.bringToBack(),j<3e3&&I.current&&Z.current&&x!==U&&I.current.fitBounds(Z.current.getBounds(),{padding:[5,5]})}),500)}}),[D,x,N,Q]),c((function(){if(V&&l(I.current,W)){var r=[l(I.current,W).x-Q.x,l(I.current,W).y-Q.y];nr(D,!1,!0,E,r)}}),[V,Q,D,E]),c((function(){if(I.current&&E){_.current&&_.current.removeFrom(I.current);var r=p.icon({iconUrl:V||H?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:V||H?[70,20]:[62,12],iconAnchor:V||H?[35,29]:[31,25],className:"dot"});_.current=p.marker(E,{icon:r}),_.current.addTo(I.current),A.current&&(_.current.addEventListener("mouseover",(function(){G(!0),tr(A.current,E,"#03BCD4",D,!0,!0)})),_.current.addEventListener("mouseout",(function(){q.current.removeFrom(I.current),q.current=p.featureGroup(S.current),q.current.addTo(I.current),I.current.closePopup(),A.current.setStyle({fillColor:"#03BCD4"}),G(!1)})))}}),[V,E,j,D,H,Q]),c((function(){j>3e3?I.current.setZoom(1):setTimeout((function(){Z.current&&Z.current.bringToBack(),D?I.current&&Z.current&&j&&I.current.fitBounds(Z.current.getBounds(),{padding:[5,5]}):I.current&&q.current&&I.current.fitBounds(q.current.getBounds()),E&&I.current.panTo(E,{duration:.7,easeLinearity:.25}),l(I.current,W)&&X(l(I.current,W))}),500)}),[j,D,E]);var or=function(){I.current.setZoom(rr+1)};return k("div",{className:b.mapView,children:k("div",{className:b.mapMain,ref:I,onDoubleClick:or,children:B("div",{className:b.zoomGroup,children:[k(d,{title:rr<18?"Zoom in":"",placement:"left",children:k("div",{className:s(b.zoomButton,r({},b.zoomDisabled,18===rr)),onClick:or,children:k(m,{className:b.zoomInOutIcon})})}),k(d,{title:rr>1?"Zoom out":"",placement:"left",children:k("div",{className:s(b.zoomButton,r({},b.zoomDisabled,1===rr)),onClick:function(){rr>1&&I.current.setZoom(rr-1)},children:k(f,{className:b.zoomInOutIcon})})})]})})})};D.propTypes={isViewOnly:a.bool.isRequired,subjectWell:a.shape({id:a.number,formation:a.string}),wells:a.arrayOf(a.shape({})).isRequired,offsetWellIds:a.arrayOf(a.number).isRequired,radius:a.number.isRequired,handleChanageOffsetWell:a.func.isRequired,activeWellId:a.number.isRequired,isClickable:a.bool},D.defaultProps={subjectWell:null,isClickable:!0};export{D as default};

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

@@ -1,8 +1 @@
-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
+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};

package/components/OffsetWellMap/WellTooltip.js

@@ -1,62 +1 @@
-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
+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};

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

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".WellTooltip-module_wellTooltip__-U3-H {\n  position: absolute;\n  width: fit-content;\n  min-width: 180px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  color: var(--palette-primary-text-1);\n  font-family: 'Roboto';\n  font-style: normal;\n  background-color: var(--palette-background-b-8);\n  border-radius: 4px;\n  padding: 8px;\n}\n\n.WellTooltip-module_commonItem__NxlCt {\n  max-width: 300px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.WellTooltip-module_wellName__vrUth {\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n  padding-bottom: 4px;\n}\n\n.WellTooltip-module_tooltipItem__FFmW9 {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.WellTooltip-module_unit__qbuWG {\n  color: var(--palette-primary-text-6);\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.WellTooltip-module_formationItem__JK-Vs {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.WellTooltip-module_formation__9geyr {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-left: 8px;\n  margin-right: 4px;\n}\n\n.WellTooltip-module_info__hvxAd {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: 8px;\n  gap: 4px;\n}\n\n.WellTooltip-module_infoIcon__tsnME {\n  font-size: 16px !important;\n  color: #64b5f6 !important;\n  position: relative !important;\n}\n\n.WellTooltip-module_blockIcon__t7NSY {\n  font-size: 16px !important;\n  color: #dadada !important;\n  position: relative !important;\n}\n\n.WellTooltip-module_infoLabel__4FPIc {\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n  color: var(--palette-primary-text-6);\n}\n";
-var styles = {"wellTooltip":"WellTooltip-module_wellTooltip__-U3-H","commonItem":"WellTooltip-module_commonItem__NxlCt","wellName":"WellTooltip-module_wellName__vrUth","tooltipItem":"WellTooltip-module_tooltipItem__FFmW9","unit":"WellTooltip-module_unit__qbuWG","formationItem":"WellTooltip-module_formationItem__JK-Vs","formation":"WellTooltip-module_formation__9geyr","info":"WellTooltip-module_info__hvxAd","infoIcon":"WellTooltip-module_infoIcon__tsnME","blockIcon":"WellTooltip-module_blockIcon__t7NSY","infoLabel":"WellTooltip-module_infoLabel__4FPIc"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=WellTooltip.module.css.js.map
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var l={wellTooltip:"WellTooltip-module_wellTooltip__-U3-H",commonItem:"WellTooltip-module_commonItem__NxlCt",wellName:"WellTooltip-module_wellName__vrUth",tooltipItem:"WellTooltip-module_tooltipItem__FFmW9",unit:"WellTooltip-module_unit__qbuWG",formationItem:"WellTooltip-module_formationItem__JK-Vs",formation:"WellTooltip-module_formation__9geyr",info:"WellTooltip-module_info__hvxAd",infoIcon:"WellTooltip-module_infoIcon__tsnME",blockIcon:"WellTooltip-module_blockIcon__t7NSY",infoLabel:"WellTooltip-module_infoLabel__4FPIc"};o(".WellTooltip-module_wellTooltip__-U3-H{background-color:var(--palette-background-b-8);border-radius:4px;color:var(--palette-primary-text-1);display:flex;flex-direction:column;font-family:Roboto;font-style:normal;gap:4px;min-width:180px;padding:8px;position:absolute;width:fit-content}.WellTooltip-module_commonItem__NxlCt{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.WellTooltip-module_wellName__vrUth{font-size:12px;font-weight:400;line-height:16px;padding-bottom:4px}.WellTooltip-module_tooltipItem__FFmW9{font-size:14px;font-weight:400;line-height:20px}.WellTooltip-module_unit__qbuWG{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;line-height:14px}.WellTooltip-module_formationItem__JK-Vs{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:400;line-height:20px}.WellTooltip-module_formation__9geyr{border-radius:50%;height:8px;margin-left:8px;margin-right:4px;width:8px}.WellTooltip-module_info__hvxAd{align-items:center;display:flex;flex-direction:row;gap:4px;padding-top:8px}.WellTooltip-module_infoIcon__tsnME{color:#64b5f6!important;font-size:16px!important;position:relative!important}.WellTooltip-module_blockIcon__t7NSY{color:#dadada!important;font-size:16px!important;position:relative!important}.WellTooltip-module_infoLabel__4FPIc{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;line-height:16px}");export{l as default};

package/components/OffsetWellMap/effects/usePreviousWells.js

@@ -1,12 +1 @@
-import { useRef, useEffect } from 'react';
-
-function usePreviousWells(value) {
-  var ref = useRef();
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-
-export { usePreviousWells };
-//# sourceMappingURL=usePreviousWells.js.map
+import{useRef as r,useEffect as t}from"react";function n(n){var c=r();return t((function(){c.current=n})),c.current}export{n as usePreviousWells};

package/components/OffsetWellMap/utils.js

@@ -1,30 +1 @@
-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
+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};