npm - @corva/ui - Versions diffs - 3.67.0-9 → 3.68.0-0 - Mend

@corva/ui 3.67.0-9 → 3.68.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('./../../../../ext-esm/style-inject/dist/style-inject.es.js')(".Map_map__Ya53V{width:100%}.Map_mapMain__K9p4a{background-color:#414141;border-radius:4px;flex:100;height:176px;width:100%}.Map_mapFooter__ueyMi{display:flex;flex:1;flex-wrap:wrap;padding-bottom:5px;padding-top:5px}.Map_mapFooterItem__y9wgh{align-items:center;display:flex;margin-right:10px;white-space:nowrap}.Map_mapFooterItemSquare__hqWmQ{border-radius:50%;height:8px;margin-right:5px;width:8px}.Map_mapFooterItemLabel__MLQYo{color:#ccc;font-size:11px}.Map_map__Ya53V .leaflet-popup-content-wrapper{background-color:#414141;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.2),0 3px 14px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.14)}.Map_map__Ya53V .leaflet-popup-content{border-radius:4px;padding:4px}.Map_map__Ya53V .leaflet-popup-close-button,.Map_map__Ya53V .leaflet-popup-tip{display:none}.Map_map__Ya53V .leaflet-control-zoom{background:none;border:none;box-shadow:none}.Map_map__Ya53V .leaflet-control-zoom a{background-image:none;background:#272727;color:#bdbdbd}.Map_map__Ya53V .leaflet-control-zoom a,.Map_map__Ya53V .leaflet-control-zoom a:hover{align-items:center;border-radius:4px;content:unset;display:flex;font-size:22px;height:32px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:32px}.Map_map__Ya53V .leaflet-control-zoom a:hover{background:#303030;background-image:none;color:#fff}.Map_map__Ya53V .leaflet-touch .leaflet-bar,.Map_map__Ya53V .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}"),module.exports={map:"Map_map__Ya53V",mapMain:"Map_mapMain__K9p4a",mapFooter:"Map_mapFooter__ueyMi",mapFooterItem:"Map_mapFooterItem__y9wgh",mapFooterItemSquare:"Map_mapFooterItemSquare__hqWmQ",mapFooterItemLabel:"Map_mapFooterItemLabel__MLQYo"};
+"use strict";require('./../../../../ext-esm/style-inject/dist/style-inject.es.js')(".Map_map__Ya53V{width:100%}.Map_mapMain__K9p4a{background-color:#414141;border-radius:4px;flex:100;height:176px;width:100%}.Map_mapFooter__ueyMi{display:flex;flex:1;flex-wrap:wrap;padding-bottom:5px;padding-top:5px}.Map_mapFooterItem__y9wgh{align-items:center;display:flex;margin-right:10px;white-space:nowrap}.Map_mapFooterItemSquare__hqWmQ{border-radius:50%;height:8px;margin-right:5px;width:8px}.Map_mapFooterItemLabel__MLQYo{color:#ccc;font-size:11px}.Map_map__Ya53V .mapboxgl-popup-content{background-color:#414141;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.2),0 3px 14px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.14);padding:4px}.Map_map__Ya53V .mapboxgl-popup-tip{display:none}.Map_map__Ya53V .mapboxgl-ctrl-group{background:none;border:none;box-shadow:none}.Map_map__Ya53V .mapboxgl-ctrl-group button{background:#272727;border:none;border-radius:4px;height:32px;margin-top:4px;width:32px}.Map_map__Ya53V .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{filter:invert(.8)}.Map_map__Ya53V .mapboxgl-ctrl-group button:hover{background:#303030}.Map_map__Ya53V .mapboxgl-ctrl-group button:hover .mapboxgl-ctrl-icon{filter:invert(1)}"),module.exports={map:"Map_map__Ya53V",mapMain:"Map_mapMain__K9p4a",mapFooter:"Map_mapFooter__ueyMi",mapFooterItem:"Map_mapFooterItem__y9wgh",mapFooterItemSquare:"Map_mapFooterItemSquare__hqWmQ",mapFooterItemLabel:"Map_mapFooterItemLabel__MLQYo"};
 //# sourceMappingURL=Map.css.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("react-dom"),t=require("prop-types"),u=require("mapbox.js"),l=require("lodash"),n=require("../../effects/index.js"),a=require("./Map.css.js"),o=require("../../../../utils/index.js"),c=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r),f=i(t),d=i(u),m=o.mapbox.isValidCoordinates,p=[29.749907,-95.358421];function v(r){var t=r.subjectWell,u=r.wells,o=r.offsetWells,i=r.radius,f=r.subjectWellMarkerSize,v=r.wellMarkerSize,b=r.coordsDataPath,h=e.useRef(null),j=e.useRef(null),x=e.useRef(null),g=e.useRef(null),y=n.usePrevious(u),k=e.useMemo((function(){return t&&l.get(t,b)}),[t,b]);e.useEffect((function(){h.current=d.default.mapbox.map(h.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(p,1),d.default.control.zoom({position:"bottomright"}).addTo(h.current),d.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(h.current);var e=h.current;return function(){e.off("layerremove"),e.remove(),h.current=null,j.current=null,x.current=null}}),[]),e.useEffect((function(){h.current&&(j.current&&h.current.removeLayer(j.current),k?(j.current=d.default.circle(k,1609.34*i,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(h.current)):j.current=null)}),[i,k]);return e.useEffect((function(){if(h.current){h.current.closePopup(),x.current&&x.current.removeFrom(h.current);var r=o.map((function(e){return e.id})),n=[];u.forEach((function(u){var a=l.get(u,b);if(a&&m(a)){var o=t&&t.id===u.id,i=r.includes(u.id),p=o?f:v,j=o||i?1:.3,y=d.default.circleMarker(a,{radius:p,stroke:!1,fill:!0,fillOpacity:j,fillColor:"#FFC107",className:"circle_500"});y.addEventListener("mouseover",(function(){var r=document.createElement("div"),t=e.createElement((function(e){var r=e.well;return c.jsx("div",{style:{color:"#fff",background:"##414141"},children:c.jsx("span",{style:{fontSize:"11px",lineHeight:"16px"},children:l.get(r,"name")})})}),{well:u});s.default.render(t,r),d.default.popup().setLatLng(a).setContent(r).openOn(h.current),function(e,r,t){g.current=d.default.circleMarker(r,{radius:3*t,stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#FFC107",className:"circle_highlight"}),g.current.addEventListener("mouseout",(function(){x.current.removeFrom(h.current),x.current=d.default.featureGroup(e),x.current.addTo(h.current),h.current.closePopup()}));var u=e.concat(g.current);x.current=d.default.featureGroup(u),x.current.addTo(h.current)}(n,a,p)})),n.push(y)}})),n.length&&(x.current=d.default.featureGroup(n),x.current.addTo(h.current)),setTimeout((function(){j.current&&j.current.bringToBack(),h.current&&x.current&&u!==y&&h.current.fitBounds(x.current.getBounds())}),500)}}),[t,u,o]),c.jsx("div",{className:a.map,children:c.jsx("div",{className:a.mapMain,ref:h})})}v.propTypes={subjectWell:f.default.shape({id:f.default.number,formation:f.default.string}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})),radius:f.default.number.isRequired,subjectWellMarkerSize:f.default.number,wellMarkerSize:f.default.number,coordsDataPath:f.default.string},v.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var b=e.memo(v);module.exports=b;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),t=require("react-dom"),u=require("prop-types"),a=require("lodash"),l=require("./Map.css.js"),n=require("../../../../utils/index.js");require("../../../../config/mapboxGl/index.js"),require("mapbox-gl/dist/mapbox-gl.css");var o=require("react/jsx-runtime"),i=require("mapbox-gl");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),d=s(t),f=s(u),p=s(i),m=n.mapbox.isValidCoordinates,g=[29.749907,-95.358421],v="wells-highlight",y={type:"FeatureCollection",features:[]},h=function(e){var r=c.default(e,2),t=r[0];return[r[1],t]};function b(e){var t=e.subjectWell,u=e.wells,n=e.offsetWells,i=e.radius,s=e.subjectWellMarkerSize,f=e.wellMarkerSize,b=e.coordsDataPath,w=r.useRef(null),x=r.useRef(null),j=r.useRef(null),S=r.useRef(null),M=r.useRef(),q=r.useState(!1),C=c.default(q,2),D=C[0],F=C[1],P=r.useMemo((function(){return t&&a.get(t,b)}),[t,b]);r.useEffect((function(){x.current=new p.default.Map({container:w.current,style:"mapbox://styles/mapbox/dark-v9",center:h(g),zoom:1,attributionControl:!1,scrollZoom:!1}),x.current.addControl(new p.default.NavigationControl({showCompass:!1}),"bottom-right"),x.current.on("load",(function(){x.current.addSource("radius-circle",{type:"geojson",data:y}),x.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),x.current.addSource("wells",{type:"geojson",data:y}),x.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),x.current.addSource(v,{type:"geojson",data:y}),x.current.addLayer({id:v,type:"circle",source:v,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),F(!0)}));var e=x.current;return function(){e.remove(),x.current=null,j.current=null}}),[]),r.useEffect((function(){if(x.current&&D)if(P){var e=function(e,r){for(var t=c.default(e,2),u=t[0],a=t[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,n=[],o=r/(111320*Math.cos(u*Math.PI/180)),i=r/110574,s=0;s<=l;s+=1){var d=s/l*(2*Math.PI);n.push([a+o*Math.cos(d),u+i*Math.sin(d)])}return n}(P,1609.34*i);x.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}})}else x.current.getSource("radius-circle").setData(y)}),[i,P,D]);return r.useEffect((function(){var e;if(x.current&&D){var l=M.current;M.current=u,null===(e=S.current)||void 0===e||e.remove(),x.current.getSource(v).setData(y);var i=n.map((function(e){return e.id})),c=[],g={},w=new p.default.LngLatBounds;u.forEach((function(e){var r=a.get(e,b);if(r&&m(r)){var u=t&&t.id===e.id,l=i.includes(e.id),n=u?s:f,o=u||l?1:.3;g[e.id]=e,w.extend(h(r)),c.push({type:"Feature",geometry:{type:"Point",coordinates:h(r)},properties:{wellId:e.id,radius:n,opacity:o}})}})),x.current.getSource("wells").setData({type:"FeatureCollection",features:c}),j.current=c.length?w:null;var q=x.current,C=null,F=function(e){q.getCanvas().style.cursor="pointer";var t=g[e.features[0].properties.wellId];if(t&&t.id!==C){C=t.id;var u=a.get(t,b),l=document.createElement("div"),n=r.createElement((function(e){var r=e.well;return o.jsx("div",{style:{color:"#fff",background:"##414141"},children:o.jsx("span",{style:{fontSize:"11px",lineHeight:"16px"},children:a.get(r,"name")})})}),{well:t});d.default.render(n,l),S.current||(S.current=new p.default.Popup({closeButton:!1,maxWidth:"none"})),S.current.setLngLat(h(u)).setDOMContent(l).addTo(q),function(e,r){x.current.getSource(v).setData({type:"Feature",geometry:{type:"Point",coordinates:h(e)},properties:{radius:3*r}})}(u,e.features[0].properties.radius)}},P=function(){var e;C=null,q.getCanvas().style.cursor="",q.getSource(v).setData(y),null===(e=S.current)||void 0===e||e.remove()},W=function(e){null!=e&&e.point&&q.queryRenderedFeatures(e.point,{layers:[v]}).length||P()};return q.on("mousemove","wells",F),q.on("mouseleave","wells",W),q.on("mouseleave",v,P),setTimeout((function(){x.current&&j.current&&u!==l&&x.current.fitBounds(j.current)}),500),function(){q.off("mousemove","wells",F),q.off("mouseleave","wells",W),q.off("mouseleave",v,P)}}}),[t,u,n,D]),o.jsx("div",{className:l.map,children:o.jsx("div",{className:l.mapMain,ref:w})})}b.propTypes={subjectWell:f.default.shape({id:f.default.number,formation:f.default.string}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})),radius:f.default.number.isRequired,subjectWellMarkerSize:f.default.number,wellMarkerSize:f.default.number,coordsDataPath:f.default.string},b.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var w=r.memo(b);module.exports=w;
 //# sourceMappingURL=Map.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/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 } from 'lodash';\n\nimport { usePrevious } from '../../effects';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst toolTip =\n () =>\n // eslint-disable-next-line react/prop-types\n ({ well }) => {\n return (\n <div style={{ color: '#fff', background: '##414141' }}>\n <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n </div>\n );\n };\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n subjectWell,\n wells,\n offsetWells,\n radius,\n subjectWellMarkerSize,\n wellMarkerSize,\n coordsDataPath,\n}) {\n const mapContainerRef = useRef(null);\n const radiusCircleRef = useRef(null);\n const markersGroupRef = useRef(null);\n const highlightMarkerRef = 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 mapContainerRef.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(mapContainerRef.current);\n L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);\n\n // NOTE: React nulls the DOM ref before deferred effect cleanup runs, so keep the map in a local\n const map = mapContainerRef.current;\n return () => {\n // NOTE: mapbox.js defers _updateMapFeedbackLink on layerremove; after remove() it crashes on the deleted control container\n map.off('layerremove');\n map.remove();\n mapContainerRef.current = null;\n radiusCircleRef.current = null;\n markersGroupRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n if (!mapContainerRef.current) {\n return;\n }\n\n // NOTE: Clean up\n if (radiusCircleRef.current) {\n mapContainerRef.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(mapContainerRef.current);\n }, [radius, subjectWellCoords]);\n\n const handleMouseOver = (markers, coords, r) => {\n highlightMarkerRef.current = L.circleMarker(coords, {\n radius: r * 3,\n stroke: false,\n fill: true,\n fillOpacity: 0.2,\n fillColor: OFFSET_WELL_COLOR,\n className: 'circle_highlight',\n });\n\n highlightMarkerRef.current.addEventListener('mouseout', () => {\n markersGroupRef.current.removeFrom(mapContainerRef.current);\n markersGroupRef.current = L.featureGroup(markers);\n markersGroupRef.current.addTo(mapContainerRef.current);\n\n mapContainerRef.current.closePopup();\n });\n\n const newMarkers = markers.concat(highlightMarkerRef.current);\n markersGroupRef.current = L.featureGroup(newMarkers);\n markersGroupRef.current.addTo(mapContainerRef.current);\n };\n\n // NOTE: Well markers\n useEffect(() => {\n if (!mapContainerRef.current) {\n return;\n }\n\n mapContainerRef.current.closePopup();\n\n // NOTE: Clean up\n if (markersGroupRef.current) {\n markersGroupRef.current.removeFrom(mapContainerRef.current);\n }\n\n const offsetWellIds = offsetWells.map(well => well.id);\n\n const markers = [];\n wells.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 ? subjectWellMarkerSize : wellMarkerSize;\n const color = OFFSET_WELL_COLOR;\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 // Tooltip\n const tooltipContainer = document.createElement('div');\n const tootipContent = createElement(toolTip(), { well });\n ReactDOM.render(tootipContent, tooltipContainer);\n L.popup().setLatLng(coords).setContent(tooltipContainer).openOn(mapContainerRef.current);\n\n // Highlight\n handleMouseOver(markers, coords, r);\n });\n\n markers.push(newMarker);\n }\n });\n\n if (markers.length) {\n markersGroupRef.current = L.featureGroup(markers);\n markersGroupRef.current.addTo(mapContainerRef.current);\n }\n\n setTimeout(() => {\n if (radiusCircleRef.current) {\n radiusCircleRef.current.bringToBack();\n }\n\n if (mapContainerRef.current && markersGroupRef.current && wells !== prevWells) {\n mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());\n }\n }, 500);\n }, [subjectWell, wells, offsetWells]);\n\n return (\n <div className={styles.map}>\n <div className={styles.mapMain} ref={mapContainerRef} />\n </div>\n );\n}\n\nWellsMap.propTypes = {\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 subjectWellMarkerSize: PropTypes.number,\n wellMarkerSize: PropTypes.number,\n coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n subjectWell: null,\n subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n coordsDataPath: 'settings.top_hole.coordinates',\n offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","WellsMap","_ref2","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","radiusCircleRef","markersGroupRef","highlightMarkerRef","prevWells","usePrevious","subjectWellCoords","useMemo","get","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","off","remove","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","closePopup","removeFrom","offsetWellIds","well","id","markers","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","newMarker","circleMarker","addEventListener","tooltipContainer","document","createElement","tootipContent","_ref","_jsx","style","color","background","children","jsx","fontSize","lineHeight","ReactDOM","render","popup","setLatLng","setContent","openOn","featureGroup","newMarkers","concat","handleMouseOver","push","length","setTimeout","bringToBack","fitBounds","getBounds","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Map.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport mapboxgl from '~/config/mapboxGl';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n const ring = [];\n const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const distanceY = radiusMeters / 110574;\n for (let i = 0; i <= points; i += 1) {\n const theta = (i / points) * (2 * Math.PI);\n ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n }\n return ring;\n};\n\nconst toolTip =\n () =>\n // eslint-disable-next-line react/prop-types\n ({ well }) => {\n return (\n <div style={{ color: '#fff', background: '##414141' }}>\n <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n </div>\n );\n };\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n subjectWell,\n wells,\n offsetWells,\n radius,\n subjectWellMarkerSize,\n wellMarkerSize,\n coordsDataPath,\n}) {\n const mapContainerRef = useRef(null);\n const mapRef = useRef(null);\n const markersBoundsRef = useRef(null);\n const popupRef = useRef(null);\n const prevWellsRef = useRef();\n const [isMapReady, setIsMapReady] = useState(false);\n\n const subjectWellCoords = useMemo(() => {\n return subjectWell && get(subjectWell, coordsDataPath);\n }, [subjectWell, coordsDataPath]);\n\n // NOTE: Initialize map\n useEffect(() => {\n mapRef.current = new mapboxgl.Map({\n container: mapContainerRef.current,\n style: 'mapbox://styles/mapbox/dark-v9',\n center: toLngLat(DEFAULT_COORDS),\n zoom: 1,\n attributionControl: false,\n scrollZoom: false,\n });\n\n mapRef.current.addControl(\n new mapboxgl.NavigationControl({ showCompass: false }),\n 'bottom-right'\n );\n\n // NOTE: Sources/layers can only be added once the style has loaded.\n // The radius circle layer is added first so well markers render above it (was bringToBack),\n // and the hover highlight layer last so it renders on top of the markers\n mapRef.current.on('load', () => {\n mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n type: 'geojson',\n data: EMPTY_FEATURE_COLLECTION,\n });\n mapRef.current.addLayer({\n id: RADIUS_CIRCLE_ID,\n type: 'fill',\n source: RADIUS_CIRCLE_ID,\n paint: {\n 'fill-color': RADIUS_CIRCLE_COLOR,\n 'fill-opacity': 0.2,\n },\n });\n\n mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n mapRef.current.addLayer({\n id: WELLS_ID,\n type: 'circle',\n source: WELLS_ID,\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': OFFSET_WELL_COLOR,\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n\n mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n mapRef.current.addLayer({\n id: HIGHLIGHT_ID,\n type: 'circle',\n source: HIGHLIGHT_ID,\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': OFFSET_WELL_COLOR,\n 'circle-opacity': 0.2,\n },\n });\n\n setIsMapReady(true);\n });\n\n const map = mapRef.current;\n return () => {\n map.remove();\n mapRef.current = null;\n markersBoundsRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady) {\n return;\n }\n\n if (!subjectWellCoords) {\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n return;\n }\n\n const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n type: 'Feature',\n geometry: { type: 'Polygon', coordinates: [ring] },\n });\n }, [radius, subjectWellCoords, isMapReady]);\n\n const handleMouseOver = (coords, r) => {\n // Highlight the hovered well with a bigger translucent circle\n mapRef.current.getSource(HIGHLIGHT_ID).setData({\n type: 'Feature',\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: { radius: r * 3 },\n });\n };\n\n // NOTE: Well markers\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady) {\n return undefined;\n }\n\n const prevWells = prevWellsRef.current;\n prevWellsRef.current = wells;\n\n popupRef.current?.remove();\n mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n\n const offsetWellIds = offsetWells.map(well => well.id);\n\n const features = [];\n const wellsById = {};\n const bounds = new mapboxgl.LngLatBounds();\n wells.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 ? subjectWellMarkerSize : wellMarkerSize;\n const opacity = isWellSubject \|\| isWellOffset ? 1 : 0.3;\n\n wellsById[well.id] = well;\n bounds.extend(toLngLat(coords));\n features.push({\n type: 'Feature',\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: { wellId: well.id, radius: r, opacity },\n });\n }\n });\n\n mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n markersBoundsRef.current = features.length ? bounds : null;\n\n const map = mapRef.current;\n let hoveredWellId = null;\n\n const handleMouseMove = e => {\n map.getCanvas().style.cursor = 'pointer';\n\n const well = wellsById[e.features[0].properties.wellId];\n if (!well \|\| well.id === hoveredWellId) {\n return;\n }\n hoveredWellId = well.id;\n\n const coords = get(well, coordsDataPath);\n\n // Tooltip\n const tooltipContainer = document.createElement('div');\n const tootipContent = createElement(toolTip(), { well });\n ReactDOM.render(tootipContent, tooltipContainer);\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n }\n popupRef.current.setLngLat(toLngLat(coords)).setDOMContent(tooltipContainer).addTo(map);\n\n // Highlight\n handleMouseOver(coords, e.features[0].properties.radius);\n };\n\n // NOTE: was the mouseout handler of the Leaflet highlight marker\n const handleHighlightMouseLeave = () => {\n hoveredWellId = null;\n map.getCanvas().style.cursor = '';\n map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n popupRef.current?.remove();\n };\n\n // NOTE: If the pointer exits before the highlight renders under it, the highlight\n // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n const handleWellsMouseLeave = e => {\n if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n return;\n }\n handleHighlightMouseLeave();\n };\n\n map.on('mousemove', WELLS_ID, handleMouseMove);\n map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n setTimeout(() => {\n if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(markersBoundsRef.current);\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_ID, handleMouseMove);\n map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n };\n }, [subjectWell, wells, offsetWells, isMapReady]);\n\n return (\n <div className={styles.map}>\n <div className={styles.mapMain} ref={mapContainerRef} />\n </div>\n );\n}\n\nWellsMap.propTypes = {\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 subjectWellMarkerSize: PropTypes.number,\n wellMarkerSize: PropTypes.number,\n coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n subjectWell: null,\n subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n coordsDataPath: 'settings.top_hole.coordinates',\n offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","tooltipContainer","document","createElement","tootipContent","_ref5","_jsx","color","background","children","jsx","fontSize","lineHeight","ReactDOM","render","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"qdAWQA,EAAuBC,EAAMA,OAA7BD,mBAQFE,EAAiB,CAAC,WAAY,WAI9BC,EAAe,kBACfC,EAA2B,CAAEC,KAAM,oBAAqBC,SAAU,IAElEC,EAAW,SAAHC,GAAA,IAAAC,EAAAC,EAAAA,QAAAF,EAAA,GAAKG,EAAGF,EAAA,GAAK,MAAM,CAANA,EAAA,GAAYE,EAAI,EA0B3C,SAASC,EAQNC,GAAA,IAPDC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,sBACAC,IAAAA,eACAC,IAAAA,eAEMC,EAAkBC,SAAO,MACzBC,EAASD,SAAO,MAChBE,EAAmBF,SAAO,MAC1BG,EAAWH,SAAO,MAClBI,EAAeJ,EAAAA,SACeK,EAAAA,EAAQA,UAAC,GAAMC,EAAAlB,EAAAA,QAAAmB,EAAA,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAE1BI,EAAoBC,EAAAA,SAAQ,WAChC,OAAOnB,GAAeoB,EAAAA,IAAIpB,EAAaM,EACzC,GAAG,CAACN,EAAaM,IAGjBe,EAAAA,WAAU,WACRZ,EAAOa,QAAU,IAAIC,EAAQ,QAACC,IAAI,CAChCC,UAAWlB,EAAgBe,QAC3BI,MAAO,iCACPC,OAAQlC,EAASL,GACjBwC,KAAM,EACNC,oBAAoB,EACpBC,YAAY,IAGdrB,EAAOa,QAAQS,WACb,IAAIR,EAAAA,QAASS,kBAAkB,CAAEC,aAAa,IAC9C,gBAMFxB,EAAOa,QAAQY,GAAG,QAAQ,WACxBzB,EAAOa,QAAQa,UAvEI,gBAuEwB,CACzC5C,KAAM,UACN6C,KAAM9C,IAERmB,EAAOa,QAAQe,SAAS,CACtBC,GA5EiB,gBA6EjB/C,KAAM,OACNgD,OA9EiB,gBA+EjBC,MAAO,CACL,aAxFkB,UAyFlB,eAAgB,MAIpB/B,EAAOa,QAAQa,UApFJ,QAoFwB,CAAE5C,KAAM,UAAW6C,KAAM9C,IAC5DmB,EAAOa,QAAQe,SAAS,CACtBC,GAtFS,QAuFT/C,KAAM,SACNgD,OAxFS,QAyFTC,MAAO,CACL,gBAAiB,CAAC,MAAO,UACzB,eAhGgB,UAiGhB,iBAAkB,CAAC,MAAO,cAI9B/B,EAAOa,QAAQa,UAAU9C,EAAc,CAAEE,KAAM,UAAW6C,KAAM9C,IAChEmB,EAAOa,QAAQe,SAAS,CACtBC,GAAIjD,EACJE,KAAM,SACNgD,OAAQlD,EACRmD,MAAO,CACL,gBAAiB,CAAC,MAAO,UACzB,eA5GgB,UA6GhB,iBAAkB,MAItBvB,GAAc,EAChB,IAEA,IAAMwB,EAAMhC,EAAOa,QACnB,OAAO,WACLmB,EAAIC,SACJjC,EAAOa,QAAU,KACjBZ,EAAiBY,QAAU,KAE9B,GAAE,IAGHD,EAAAA,WAAU,WACR,GAAKZ,EAAOa,SAAYN,EAIxB,GAAKE,EAAL,CAKA,IAAMyB,EA3HgB,SAAHC,EAAgBC,GAIrC,IAJmE,IAAAC,EAAAlD,EAAAA,QAAAgD,EAAA,GAAzC/C,EAAGiD,EAAA,GAAEC,EAAGD,EAAA,GAAiBE,yDAAS,GACtDL,EAAO,GACPM,EAAYJ,GAAgB,OAASK,KAAKC,IAAKtD,EAAMqD,KAAKE,GAAM,MAChEC,EAAYR,EAAe,OACxBS,EAAI,EAAGA,GAAKN,EAAQM,GAAK,EAAG,CACnC,IAAMC,EAASD,EAAIN,GAAW,EAAIE,KAAKE,IACvCT,EAAKa,KAAK,CAACT,EAAME,EAAYC,KAAKC,IAAII,GAAQ1D,EAAMwD,EAAYH,KAAKO,IAAIF,IAC3E,CACA,OAAOZ,CACT,CAkHiBe,CAAkBxC,EA1IZ,QA0I+Bf,GAClDM,EAAOa,QAAQqC,UApIM,iBAoIsBC,QAAQ,CACjDrE,KAAM,UACNsE,SAAU,CAAEtE,KAAM,UAAWuE,YAAa,CAACnB,KAL7C,MAFElC,EAAOa,QAAQqC,UA/HI,iBA+HwBC,QAAQtE,EAStD,GAAE,CAACa,EAAQe,EAAmBF,IA+G/B,OAnGAK,EAAAA,WAAU,WAAM,IAAA0C,EACd,GAAKtD,EAAOa,SAAYN,EAAxB,CAIA,IAAMgD,EAAYpD,EAAaU,QAC/BV,EAAaU,QAAUrB,EAEvB,QAAA8D,EAAApD,EAASW,eAAT,IAAAyC,GAAAA,EAAkBrB,SAClBjC,EAAOa,QAAQqC,UAAUtE,GAAcuE,QAAQtE,GAE/C,IAAM2E,EAAgB/D,EAAYuC,KAAI,SAAAyB,GAAI,OAAIA,EAAK5B,MAE7C9C,EAAW,GACX2E,EAAY,CAAA,EACZC,EAAS,IAAI7C,UAAS8C,aAC5BpE,EAAMqE,SAAQ,SAAAJ,GACZ,IAAMK,EAASnD,EAAAA,IAAI8C,EAAM5D,GAEzB,GAAIiE,GAAUrF,EAAmBqF,GAAS,CACxC,IAAMC,EAAgBxE,GAAeA,EAAYsC,KAAO4B,EAAK5B,GACvDmC,EAAeR,EAAcS,SAASR,EAAK5B,IAC3CqC,EAAIH,EAAgBpE,EAAwBC,EAC5CuE,EAAUJ,GAAiBC,EAAe,EAAI,GAEpDN,EAAUD,EAAK5B,IAAM4B,EACrBE,EAAOS,OAAOpF,EAAS8E,IACvB/E,EAASgE,KAAK,CACZjE,KAAM,UACNsE,SAAU,CAAEtE,KAAM,QAASuE,YAAarE,EAAS8E,IACjDO,WAAY,CAAEC,OAAQb,EAAK5B,GAAInC,OAAQwE,EAAGC,QAAAA,IAE9C,CACF,IAEAnE,EAAOa,QAAQqC,UAtLF,SAsLsBC,QAAQ,CAAErE,KAAM,oBAAqBC,SAAAA,IACxEkB,EAAiBY,QAAU9B,EAASwF,OAASZ,EAAS,KAEtD,IAAM3B,EAAMhC,EAAOa,QACf2D,EAAgB,KAEdC,EAAkB,SAAAC,GACtB1C,EAAI2C,YAAY1D,MAAM2D,OAAS,UAE/B,IAAMnB,EAAOC,EAAUgB,EAAE3F,SAAS,GAAGsF,WAAWC,QAChD,GAAKb,GAAQA,EAAK5B,KAAO2C,EAAzB,CAGAA,EAAgBf,EAAK5B,GAErB,IAAMiC,EAASnD,EAAAA,IAAI8C,EAAM5D,GAGnBgF,EAAmBC,SAASC,cAAc,OAC1CC,EAAgBD,iBAvLf,SAGGE,GAAA,IAAXxB,IAAAA,KACD,OACEyB,EAAAA,IAAA,MAAA,CAAKjE,MAAO,CAAEkE,MAAO,OAAQC,WAAY,YAAaC,SACpDH,EAAAI,IAAA,OAAA,CAAMrE,MAAO,CAAEsE,SAAU,OAAQC,WAAY,QAASH,SAAE1E,EAAAA,IAAI8C,EAAM,WAGvE,GA8KkD,CAAEA,KAAAA,IACjDgC,EAAAA,QAASC,OAAOV,EAAeH,GAC1B3E,EAASW,UACZX,EAASW,QAAU,IAAIC,EAAQ,QAAC6E,MAAM,CAAEC,aAAa,EAAOC,SAAU,UAExE3F,EAASW,QAAQiF,UAAU9G,EAAS8E,IAASiC,cAAclB,GAAkBmB,MAAMhE,GArE/D,SAAC8B,EAAQI,GAE/BlE,EAAOa,QAAQqC,UAAUtE,GAAcuE,QAAQ,CAC7CrE,KAAM,UACNsE,SAAU,CAAEtE,KAAM,QAASuE,YAAarE,EAAS8E,IACjDO,WAAY,CAAE3E,OAAY,EAAJwE,KAmEtB+B,CAAgBnC,EAAQY,EAAE3F,SAAS,GAAGsF,WAAW3E,OAfjD,GAmBIwG,EAA4B,WAAM,IAAAC,EACtC3B,EAAgB,KAChBxC,EAAI2C,YAAY1D,MAAM2D,OAAS,GAC/B5C,EAAIkB,UAAUtE,GAAcuE,QAAQtE,GACpC,QAAAsH,EAAAjG,EAASW,eAAT,IAAAsF,GAAAA,EAAkBlE,UAKdmE,EAAwB,SAAA1B,GACxBA,SAAAA,EAAG2B,OAASrE,EAAIsE,sBAAsB5B,EAAE2B,MAAO,CAAEE,OAAQ,CAAC3H,KAAiB2F,QAG/E2B,KAaF,OAVAlE,EAAIP,GAAG,YArOM,QAqOiBgD,GAC9BzC,EAAIP,GAAG,aAtOM,QAsOkB2E,GAC/BpE,EAAIP,GAAG,aAAc7C,EAAcsH,GAEnCM,YAAW,WACLxG,EAAOa,SAAWZ,EAAiBY,SAAWrB,IAAU+D,GAC1DvD,EAAOa,QAAQ4F,UAAUxG,EAAiBY,QAE7C,GAAE,KAEI,WACLmB,EAAI0E,IAAI,YAhPG,QAgPoBjC,GAC/BzC,EAAI0E,IAAI,aAjPG,QAiPqBN,GAChCpE,EAAI0E,IAAI,aAAc9H,EAAcsH,GA5FtC,CA8FD,GAAE,CAAC3G,EAAaC,EAAOC,EAAac,IAGnC2E,EAAAA,IAAA,MAAA,CAAKyB,UAAWC,EAAO5E,IAAIqD,SACzBH,EAAAI,IAAA,MAAA,CAAKqB,UAAWC,EAAOC,QAASC,IAAKhH,KAG3C,CAEAT,EAAS0H,UAAY,CACnBxH,YAAayH,EAAS,QAACC,MAAM,CAC3BpF,GAAImF,EAAS,QAACE,OACdC,UAAWH,EAAS,QAACI,SAEvB5H,MAAOwH,EAAS,QAACK,QAAQL,EAAAA,QAAUC,MAAM,CAAA,IAAKK,WAC9C7H,YAAauH,EAAS,QAACK,QAAQL,EAAS,QAACC,MAAM,CAAE,IACjDvH,OAAQsH,EAAAA,QAAUE,OAAOI,WACzB3H,sBAAuBqH,EAAS,QAACE,OACjCtH,eAAgBoH,EAAS,QAACE,OAC1BrH,eAAgBmH,EAAS,QAACI,QAG5B/H,EAASkI,aAAe,CACtBhI,YAAa,KACbI,sBAnRuC,EAoRvCC,eAnR+B,EAoR/BC,eAAgB,gCAChBJ,YAAa,MAGf,IAAe+H,EAAAA,EAAAA,KAAKnI"}

package/cjs-bundle/components/BICOffsetPickerDialog/effects/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),u=require("react"),n=require("lodash"),a=require("../utils/apiCalls.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e),c=s(t),i=s(r);exports.useFetchBicWellsData=function(e,t){var r=u.useState([]),s=c.default(r,2),f=s[0],o=s[1];return u.useEffect((function(){var r,u=(r=l.default(i.default.mark((function t(){var r,u,s,l,f;return i.default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,!e){t.next=7;break}return t.next=4,Promise.all([a.fetchBicWellSections(e)]);case 4:t.t0=t.sent,t.next=8;break;case 7:t.t0=[];case 8:u=t.t0,s=c.default(u,1),r=s[0],l=!n.isEmpty(r)&&JSON.parse(r[0].data.filters)||void 0,f=!n.isEmpty(r)&&r[0].data.result&&JSON.parse(r[0].data.result)||void 0,o({filters:l,result:f}),t.next=19;break;case 16:t.prev=16,t.t1=t.catch(0),o(null);case 19:case"end":return t.stop()}}),t,null,[[0,16]])}))),function(){return r.apply(this,arguments)});t&&u()}),[e,t]),f},exports.usePrevious=function(e){var t=u.useRef();return u.useEffect((function(){t.current=e})),t.current},exports.useWells=function(e,t){var r=u.useRef(!0),n=u.useState(null),s=c.default(n,2),f=s[0],o=s[1];return u.useEffect((function(){function u(){return(u=l.default(i.default.mark((function t(){var r;return i.default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,a.fetchWells(e);case 2:r=t.sent,o(r);case 4:case"end":return t.stop()}}),t)})))).apply(this,arguments)}t&&r.current&&(o(null),function(){u.apply(this,arguments)}(),r.current=!1)}),[e,t]),f};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),a=require("react"),u=require("lodash"),n=require("../utils/apiCalls.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e),c=s(t),i=s(r);exports.useFetchBicWellsData=function(e,t){var r=a.useState([]),s=c.default(r,2),f=s[0],o=s[1];return a.useEffect((function(){var r,a=(r=l.default(i.default.mark((function t(){var r,a,s,l,f;return i.default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,!e){t.next=7;break}return t.next=4,Promise.all([n.fetchBicWellSections(e)]);case 4:t.t0=t.sent,t.next=8;break;case 7:t.t0=[];case 8:a=t.t0,s=c.default(a,1),r=s[0],l=!u.isEmpty(r)&&JSON.parse(r[0].data.filters)||void 0,f=!u.isEmpty(r)&&r[0].data.result&&JSON.parse(r[0].data.result)||void 0,o({filters:l,result:f}),t.next=19;break;case 16:t.prev=16,t.t1=t.catch(0),o(null);case 19:case"end":return t.stop()}}),t,null,[[0,16]])}))),function(){return r.apply(this,arguments)});t&&a()}),[e,t]),f},exports.useWells=function(e,t){var r=a.useRef(!0),u=a.useState(null),s=c.default(u,2),f=s[0],o=s[1];return a.useEffect((function(){function a(){return(a=l.default(i.default.mark((function t(){var r;return i.default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n.fetchWells(e);case 2:r=t.sent,o(r);case 4:case"end":return t.stop()}}),t)})))).apply(this,arguments)}t&&r.current&&(o(null),function(){a.apply(this,arguments)}(),r.current=!1)}),[e,t]),f};
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/effects/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/BICOffsetPickerDialog/effects/index.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { isEmpty } from 'lodash';\n\nimport { fetchWells, fetchBicWellSections } from '../utils/apiCalls';\n\nexport function usePrevious(value) {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nexport function useWells(companyId, open) {\n const initialLoadingRef = useRef(true);\n const [wells, setWells] = useState(null);\n\n useEffect(() => {\n async function handleFetchWells() {\n const data = await fetchWells(companyId);\n setWells(data);\n }\n\n if (open && initialLoadingRef.current) {\n setWells(null);\n handleFetchWells();\n initialLoadingRef.current = false;\n }\n }, [companyId, open]);\n\n return wells;\n}\n\nexport const useFetchBicWellsData = (assetId, isOpen) => {\n const [bicData, setBicData] = useState([]);\n\n useEffect(() => {\n const handleOffsetWellBicData = async () => {\n let data;\n try {\n [data] = assetId ? await Promise.all([fetchBicWellSections(assetId)]) : [];\n const filters = (!isEmpty(data) && JSON.parse(data[0].data.filters)) \|\| undefined;\n const result =\n (!isEmpty(data) && data[0].data.result && JSON.parse(data[0].data.result)) \|\| undefined;\n setBicData({\n filters,\n result,\n });\n } catch (e) {\n setBicData(null);\n }\n };\n\n if (isOpen) {\n handleOffsetWellBicData();\n }\n }, [assetId, isOpen]);\n\n return bicData;\n};\n"],"names":["assetId","isOpen","useState","_useState4","_slicedToArray","_useState3","bicData","setBicData","useEffect","_ref","handleOffsetWellBicData","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","data","_ref2","_ref3","filters","result","wrap","_context2","prev","next","Promise","all","fetchBicWellSections","t0","sent","isEmpty","JSON","parse","undefined","t1","stop","apply","this","arguments","~~value~~","~~ref~~","~~useRef~~","~~current~~","~~companyId","open","initialLoadingRef","~~_useState2","_useState","wells","setWells","_handleFetchWells","_callee","_context","fetchWells","handleFetchWells"],"mappings":"8ZAiCoC,SAACA,EAASC,GAC5C,IAA8BC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAAnCC,EAAOH,EAAA,GAAEI,EAAUJ,EAAA,GAwB1B,OAtBAK,EAAAA,WAAU,WACR,IAAgCC,EAA1BC,GAA0BD,EAAAE,EAAA,QAAAC,EAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAP,UAAAQ,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GAAAF,EAAAC,KAAA,GAGnBtB,EAAO,CAAAqB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAE,KAAA,EAASC,QAAQC,IAAI,CAACC,EAAoBA,qBAAC1B,KAAU,KAAA,EAAAqB,EAAAM,GAAAN,EAAAO,KAAAP,EAAAE,KAAA,EAAA,MAAA,KAAA,EAAAF,EAAAM,GAAG,GAAE,KAAA,EAAAX,EAAAK,EAAAM,GAAAV,EAAAb,EAAA,QAAAY,EAAA,GAAzED,EAAIE,EAAA,GACCC,GAAYW,EAAAA,QAAQd,IAASe,KAAKC,MAAMhB,EAAK,GAAGA,KAAKG,eAAac,EAClEb,GACFU,EAAAA,QAAQd,IAASA,EAAK,GAAGA,KAAKI,QAAUW,KAAKC,MAAMhB,EAAK,GAAGA,KAAKI,cAAYa,EAChFzB,EAAW,CACTW,QAAAA,EACAC,OAAAA,IACCE,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAY,GAAAZ,EAAA,MAAA,GAEHd,EAAW,MAAM,KAAA,GAAA,IAAA,MAAA,OAAAc,EAAAa,OAAA,GAAApB,EAAA,KAAA,CAAA,CAAA,EAAA,KAEpB,KAAA,WAd4B,OAAAL,EAAA0B,MAAAC,KAAAC,UAAA,GAgBzBpC,GACFS,GAEJ,GAAG,CAACV,EAASC,IAENK,CACT,~~sBAtDO~~,~~SAAqBgC~~,~~GAC1B,IAAMC,EAAMC,EAAAA,SAIZ,OAHAhC,EAAAA,WAAU,WACR+B,EAAIE,QAAUH,CAChB,IACOC,EAAIE,OACb,mBAEO,SAAkBC,~~EAAWC,GAClC,IAAMC,~~EAAoBJ~~,UAAO,~~GACPtC~~,EAAAA,EAAQA,SAAC,~~MAAK2C~~,~~EAAAzC~~,EAAAA,~~QAAA0C~~,EAAA,GAAjCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAetB,~~OAbArC~~,EAAAA,WAAU,WACuB,~~SAAAyC~~,IAG9B,OAH8BA,EAA/~~BtC~~,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,~~SAAAqC~~,IAAA,~~IAAAnC~~,EAAA,OAAAH,UAAAQ,MAAA,~~SAAA+B~~,GAAA,OAAA,OAAAA,~~EAAA7B~~,~~KAAA6B~~,~~EAAA5B~~,MAAA,KAAA,EAAA,~~OAAA4B~~,~~EAAA5B~~,KAAA,~~EACqB6B~~,EAAAA,~~WAAWV~~,GAAU,KAAA,~~EAAlC3B~~,~~EAAIoC~~,~~EAAAvB~~,~~KACVoB~~,~~EAASjC~~,GAAM,KAAA,EAAA,IAAA,MAAA,~~OAAAoC~~,~~EAAAjB~~,OAAA,~~GAAAgB~~,EAChB,~~MAAAf~~,MAAAC,KAAAC,UAAA,~~CAEGM~~,GAAQC,~~EAAkBH~~,~~UAC5BO~~,EAAS,MAPG,WACiBC,~~EAAAd~~,MAAAC,KAAAC,UAAA,~~CAO7BgB~~,~~GACAT~~,~~EAAkBH~~,SAAU,EAEhC,GAAG,~~CAACC~~,EAAWC,~~IAERI~~,CACT"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/BICOffsetPickerDialog/effects/index.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { isEmpty } from 'lodash';\n\nimport { fetchWells, fetchBicWellSections } from '../utils/apiCalls';\n\nexport function usePrevious(value) {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nexport function useWells(companyId, open) {\n const initialLoadingRef = useRef(true);\n const [wells, setWells] = useState(null);\n\n useEffect(() => {\n async function handleFetchWells() {\n const data = await fetchWells(companyId);\n setWells(data);\n }\n\n if (open && initialLoadingRef.current) {\n setWells(null);\n handleFetchWells();\n initialLoadingRef.current = false;\n }\n }, [companyId, open]);\n\n return wells;\n}\n\nexport const useFetchBicWellsData = (assetId, isOpen) => {\n const [bicData, setBicData] = useState([]);\n\n useEffect(() => {\n const handleOffsetWellBicData = async () => {\n let data;\n try {\n [data] = assetId ? await Promise.all([fetchBicWellSections(assetId)]) : [];\n const filters = (!isEmpty(data) && JSON.parse(data[0].data.filters)) \|\| undefined;\n const result =\n (!isEmpty(data) && data[0].data.result && JSON.parse(data[0].data.result)) \|\| undefined;\n setBicData({\n filters,\n result,\n });\n } catch (e) {\n setBicData(null);\n }\n };\n\n if (isOpen) {\n handleOffsetWellBicData();\n }\n }, [assetId, isOpen]);\n\n return bicData;\n};\n"],"names":["assetId","isOpen","useState","_useState4","_slicedToArray","_useState3","bicData","setBicData","useEffect","_ref","handleOffsetWellBicData","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","data","_ref2","_ref3","filters","result","wrap","_context2","prev","next","Promise","all","fetchBicWellSections","t0","sent","isEmpty","JSON","parse","undefined","t1","stop","apply","this","arguments","companyId","open","initialLoadingRef","useRef","_useState2","_useState","wells","setWells","_handleFetchWells","_callee","_context","fetchWells","current","handleFetchWells"],"mappings":"8ZAiCoC,SAACA,EAASC,GAC5C,IAA8BC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAAnCC,EAAOH,EAAA,GAAEI,EAAUJ,EAAA,GAwB1B,OAtBAK,EAAAA,WAAU,WACR,IAAgCC,EAA1BC,GAA0BD,EAAAE,EAAA,QAAAC,EAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAP,UAAAQ,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GAAAF,EAAAC,KAAA,GAGnBtB,EAAO,CAAAqB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAE,KAAA,EAASC,QAAQC,IAAI,CAACC,EAAoBA,qBAAC1B,KAAU,KAAA,EAAAqB,EAAAM,GAAAN,EAAAO,KAAAP,EAAAE,KAAA,EAAA,MAAA,KAAA,EAAAF,EAAAM,GAAG,GAAE,KAAA,EAAAX,EAAAK,EAAAM,GAAAV,EAAAb,EAAA,QAAAY,EAAA,GAAzED,EAAIE,EAAA,GACCC,GAAYW,EAAAA,QAAQd,IAASe,KAAKC,MAAMhB,EAAK,GAAGA,KAAKG,eAAac,EAClEb,GACFU,EAAAA,QAAQd,IAASA,EAAK,GAAGA,KAAKI,QAAUW,KAAKC,MAAMhB,EAAK,GAAGA,KAAKI,cAAYa,EAChFzB,EAAW,CACTW,QAAAA,EACAC,OAAAA,IACCE,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAY,GAAAZ,EAAA,MAAA,GAEHd,EAAW,MAAM,KAAA,GAAA,IAAA,MAAA,OAAAc,EAAAa,OAAA,GAAApB,EAAA,KAAA,CAAA,CAAA,EAAA,KAEpB,KAAA,WAd4B,OAAAL,EAAA0B,MAAAC,KAAAC,UAAA,GAgBzBpC,GACFS,GAEJ,GAAG,CAACV,EAASC,IAENK,CACT,mBA9CO,SAAkBgC,EAAWC,GAClC,IAAMC,EAAoBC,UAAO,GACPvC,EAAAA,EAAQA,SAAC,MAAKwC,EAAAtC,EAAAA,QAAAuC,EAAA,GAAjCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAetB,OAbAlC,EAAAA,WAAU,WACuB,SAAAsC,IAG9B,OAH8BA,EAA/BnC,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAkC,IAAA,IAAAhC,EAAA,OAAAH,UAAAQ,MAAA,SAAA4B,GAAA,OAAA,OAAAA,EAAA1B,KAAA0B,EAAAzB,MAAA,KAAA,EAAA,OAAAyB,EAAAzB,KAAA,EACqB0B,EAAAA,WAAWX,GAAU,KAAA,EAAlCvB,EAAIiC,EAAApB,KACViB,EAAS9B,GAAM,KAAA,EAAA,IAAA,MAAA,OAAAiC,EAAAd,OAAA,GAAAa,EAChB,MAAAZ,MAAAC,KAAAC,UAAA,CAEGE,GAAQC,EAAkBU,UAC5BL,EAAS,MAPG,WACiBC,EAAAX,MAAAC,KAAAC,UAAA,CAO7Bc,GACAX,EAAkBU,SAAU,EAEhC,GAAG,CAACZ,EAAWC,IAERK,CACT"}

package/cjs-bundle/components/OffsetWellMap/OffsetWellMap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/slicedToArray"),u=require("react"),n=require("react-dom"),l=require("lodash"),c=require("classnames"),o=require("@material-ui/core"),i=require("@material-ui/icons"),a=require("mapbox.js"),s=require("./effects/usePreviousWells.js"),f=require("./WellTooltip.js"),d=require("./utils.js"),m=require("./OffsetWellMap.module.css.js"),v=require("../../utils/index.js"),p=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=g(e),b=g(r),y=g(t),C=g(n),B=g(c),x=g(a),j=v.mapbox.isValidCoordinates,k=[29.749907,-95.358421],E=["_renderer","_bounds","min"];module.exports=function(e){var r=e.isViewOnly,t=e.subjectWell,n=void 0===t?null:t,c=e.wells,a=e.offsetWellIds,v=e.radius,g=e.handleChanageOffsetWell,D=e.handleChangeOffsetWell,T=void 0===D?g:D,q=e.activeWellId,O=e.isClickable,F=void 0===O||O,N=e.classes,W=void 0===N?{}:N,z=u.useMemo((function(){return n&&l.get(n,"topHole.coordinates")}),[n]),L=u.useMemo((function(){return d.getAllFormations(c)}),[c]),R=u.useRef(),S=u.useRef(),w=u.useRef(),M=u.useRef(),Z=u.useRef(null),_=u.useState(!1),I=y.default(_,2),P=I[0],A=I[1],G=u.useRef(),V=u.useRef(),H=(null==n?void 0:n.id)===q,U=s.usePreviousWells(c),J=u.useState(null),K=y.default(J,2),Q=K[0],X=K[1],Y=u.useState(3),$=y.default(Y,2),ee=$[0],re=$[1],te=u.useRef(new Map),ue=u.useRef([]),ne=u.useRef(null);u.useEffect((function(){R.current=x.default.mapbox.map(R.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(k,3).on("zoomend",(function(){return re(R.current.getZoom())})),R.current.doubleClickZoom.disable(),x.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(R.current);var e=R.current;return function(){e.off("layerremove"),e.remove(),R.current=null,S.current=null,M.current=null}}),[]),u.useEffect((function(){if(R.current){if(S.current&&(R.current.removeLayer(S.current),S.current=null),w.current&&R.current.removeLayer(w.current),!z)return S.current=null,void(w.current=null);v&&(S.current=x.default.circle(z,1609.34*v,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),S.current.addTo(R.current))}}),[v,z]);var le=function(e,t,u,n,l,c){c&&(e.setStyle({fillColor:"#63EFFF"}),A(!0)),Z.current=x.default.circleMarker(t,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":u,className:"circle_highlight"}),Z.current.addEventListener("mouseout",(function(){M.current.removeFrom(R.current),M.current=x.default.featureGroup(G.current),M.current.addTo(R.current),R.current.closePopup(),c&&(e.setStyle({fillColor:"#03BCD4"}),A(!1))})),Z.current.addEventListener("click",(function(){r||T(n,!l)}));var o=G.current.concat(Z.current);M.current.removeFrom(R.current),M.current=x.default.featureGroup(o),M.current.addTo(R.current)},ce=function(e,t,n,c,o){var i=document.createElement("div"),a=u.createElement(f.WellTooltip(),{isViewOnly:r,well:e,color:l.get(L,e.formation,"#BDBDBD"),isOffsetWell:t,isSubjectWell:n,offset:o,isClickable:F});C.default.render(p.jsx(p.Fragment,{children:a}),i),x.default.popup().setLatLng(c).setContent(i).openOn(R.current)};u.useEffect((function(){if(R.current&&c&&a){R.current.closePopup();var e=new Set(a),r=new Set(ue.current);if(c===U&&ne.current===q&&c.every((function(e){return e.id}))&&e.size===r.size){var t=c.filter((function(t){return r.has(t.id)!==e.has(t.id)&&t.id!==(null==n?void 0:n.id)}));if(t.length>0&&t.length<10)return t.forEach((function(e){var r=te.current.get(e.id);if(r){var t=a.includes(e.id),u=l.get(L,e.formation,"#BDBDBD"),n=t?.7:.3;r.setStyle({fillOpacity:n,fillColor:u})}})),ue.current=b.default(a),void(ne.current=q)}M.current&&M.current.removeFrom(R.current),te.current.clear();var u=[],o=[],i=[];c.forEach((function(e){e.id!==(null==n?void 0:n.id)&&(a.includes(e.id)?o.push(e):i.push(e))})),[].concat(i,o,[n]).forEach((function(e){var r,t=null==e||null===(r=e.topHole)||void 0===r?void 0:r.coordinates;if(t&&j(t)){var c=(null==n?void 0:n.id)===e.id,o=a.includes(e.id)&&!c,i=c?"#03BCD4":l.get(L,e.formation,"#BDBDBD"),s=o?.7:.3;if(o){var f=x.default.circleMarker(t,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});u.push(f)}var d=x.default.circleMarker(t,{radius:5,stroke:!1,fill:!0,fillOpacity:c?1:s,fillColor:i,className:"circle_500"});if(d.addEventListener("mouseover",(function(r){var u=[0,0];Q&&l.get(r.target,E)&&(u=[l.get(r.target,E).x-Q.x,l.get(r.target,E).y-Q.y]),ce(e,o,c,t,u),le(d,t,i,e,o,c)})),c&&(V.current=d),e.id&&te.current.set(e.id,d),u.push(d),e.id===q&&!H){var m=x.default.circleMarker(t,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});u.push(m)}}})),u.length&&(M.current=x.default.featureGroup(u),M.current.addTo(R.current)),G.current=u,ue.current=b.default(a),ne.current=q,setTimeout((function(){S.current&&S.current.bringToBack(),v<3e3&&R.current&&S.current&&c!==U&&R.current.fitBounds(S.current.getBounds(),{padding:[5,5]})}),500)}}),[n,c,a,Q]),u.useEffect((function(){if(P&&l.get(R.current,E)&&Q){var e=[l.get(R.current,E).x-Q.x,l.get(R.current,E).y-Q.y];ce(n,!1,!0,z,e)}}),[P,Q,n,z]),u.useEffect((function(){if(R.current&&z){w.current&&w.current.removeFrom(R.current);var e=x.default.icon({iconUrl:P||H?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:P||H?[70,20]:[62,12],iconAnchor:P||H?[35,29]:[31,25],className:"dot"});w.current=x.default.marker(z,{icon:e}),w.current.addTo(R.current),V.current&&(w.current.addEventListener("mouseover",(function(){A(!0),le(V.current,z,"#03BCD4",n,!0,!0)})),w.current.addEventListener("mouseout",(function(){M.current.removeFrom(R.current),M.current=x.default.featureGroup(G.current),M.current.addTo(R.current),R.current.closePopup(),V.current.setStyle({fillColor:"#03BCD4"}),A(!1)})))}}),[P,z,v,n,H,Q]),u.useEffect((function(){v>3e3?R.current.setZoom(1):setTimeout((function(){S.current&&S.current.bringToBack(),n?R.current&&S.current&&v&&R.current.fitBounds(S.current.getBounds(),{padding:[5,5]}):R.current&&M.current&&R.current.fitBounds(M.current.getBounds()),z&&R.current&&R.current.panTo(z,{duration:.7,easeLinearity:.25}),l.get(R.current,E)&&X(l.get(R.current,E))}),500)}),[v,n,z]);var oe=function(){R.current.setZoom(ee+1)};return p.jsx("div",{className:B.default(m.mapView,W.root),children:p.jsx("div",{className:B.default(m.mapMain,W.map),ref:R,onDoubleClick:oe,children:p.jsxs("div",{className:m.zoomGroup,children:[p.jsx(o.Tooltip,{title:ee<18?"Zoom in":"",placement:"left",children:p.jsx("div",{className:B.default(m.zoomButton,h.default({},m.zoomDisabled,18===ee)),onClick:oe,children:p.jsx(i.Add,{className:m.zoomInOutIcon})})}),p.jsx(o.Tooltip,{title:ee>1?"Zoom out":"",placement:"left",children:p.jsx("div",{className:B.default(m.zoomButton,h.default({},m.zoomDisabled,1===ee)),onClick:function(){ee>1&&R.current.setZoom(ee-1)},children:p.jsx(i.Remove,{className:m.zoomInOutIcon})})})]})})})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),l=require("react-dom"),i=require("lodash"),o=require("classnames"),c=require("@material-ui/core"),u=require("@material-ui/icons");require("mapbox-gl/dist/mapbox-gl.css");var n=require("./effects/usePreviousWells.js"),s=require("./WellTooltip.js"),a=require("./utils.js"),d=require("./OffsetWellMap.module.css.js");require("../../config/mapboxGl/index.js");var f=require("../../utils/index.js"),v=require("react/jsx-runtime"),h=require("mapbox-gl");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=m(e),p=m(r),y=m(l),w=m(o),b=m(h),j=f.mapbox.isValidCoordinates,W=[29.749907,-95.358421],x={type:"FeatureCollection",features:[]},q=["==",["id"],-1],F=function(e){var r=p.default(e,2),t=r[0];return[r[1],t]},C=function(e,r){for(var t=p.default(e,2),l=t[0],i=t[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,c=r/(111320*Math.cos(l*Math.PI/180)),u=r/110574,n=[],s=0;s<=o;s+=1){var a=s/o*2*Math.PI;n.push([i+c*Math.cos(a),l+u*Math.sin(a)])}return{type:"Polygon",coordinates:[n]}};module.exports=function(e){var r=e.isViewOnly,l=e.subjectWell,o=void 0===l?null:l,f=e.wells,h=e.offsetWellIds,m=e.radius,M=e.handleChanageOffsetWell,B=e.handleChangeOffsetWell,E=void 0===B?M:B,L=e.activeWellId,S=e.isClickable,D=void 0===S||S,O=e.classes,k=void 0===O?{}:O,P=t.useMemo((function(){return o&&i.get(o,"topHole.coordinates")}),[o]),R=t.useMemo((function(){return a.getAllFormations(f)}),[f]),T=t.useRef(),z=t.useRef(),I=t.useRef(),Z=t.useRef(null),N=t.useRef(null),A=t.useRef(),V=t.useRef(new Map),G=t.useRef(null),H=t.useRef(null),J=t.useState(!1),K=p.default(J,2),Q=K[0],U=K[1],X=(null==o?void 0:o.id)===L,Y=n.usePreviousWells(f),$=t.useState(!1),_=p.default($,2),ee=_[0],re=_[1],te=t.useState(3),le=p.default(te,2),ie=le[0],oe=le[1];t.useEffect((function(){var e=new b.default.Map({container:T.current,style:"mapbox://styles/mapbox/dark-v9",center:F(W),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return z.current=e,e.on("zoomend",(function(){return oe(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:x}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:x}),e.addLayer({id:"wells-halo",type:"circle",source:"wells",filter:["==",["get","isOffsetWell"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.08}}),e.addLayer({id:"wells-circle",type:"circle",source:"wells",layout:{"circle-sort-key":["get","order"]},paint:{"circle-radius":5,"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),e.addLayer({id:"wells-active-highlight",type:"circle",source:"wells",filter:["==",["get","isActive"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.24}}),e.addLayer({id:"wells-hover-highlight",type:"circle",source:"wells",filter:q,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),re(!0)})),function(){e.remove(),z.current=null,I.current=null,A.current=null,Z.current=null,N.current=null}}),[]),t.useEffect((function(){var e,r,t,l,i,o,c;Z.current=P&&m?(e=P,r=1609.34*m,t=p.default(e,2),l=t[0],i=t[1],o=r/(111320*Math.cos(l*Math.PI/180)),[[i-o,l-(c=r/110574)],[i+o,l+c]]):null;var u=z.current;u&&ee&&u.getSource("radius-circle").setData(P&&m?{type:"Feature",properties:{},geometry:C(P,1609.34*m)}:x)}),[m,P,ee]);var ce=function(e,l,o,c){var u=document.createElement("div"),n=t.createElement(s.WellTooltip(),{isViewOnly:r,well:e,color:i.get(R,e.formation,"#BDBDBD"),isOffsetWell:l,isSubjectWell:o,isClickable:D});y.default.render(v.jsx(v.Fragment,{children:n}),u),I.current||(I.current=new b.default.Popup({closeButton:!1,offset:12})),I.current.setLngLat(F(c)).setDOMContent(u).addTo(z.current)};t.useEffect((function(){var e=z.current;e&&ee&&e.setPaintProperty("wells-circle","circle-color",Q?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[Q,ee]),t.useEffect((function(){var e;if(f&&h){null===(e=I.current)||void 0===e||e.remove();var t=[],l=[];f.forEach((function(e){e.id!==(null==o?void 0:o.id)&&(h.includes(e.id)?t.push(e):l.push(e))}));var c=[].concat(l,t,[o]),u=[],n=new b.default.LngLatBounds;V.current.clear(),G.current=null,c.forEach((function(e,r){var t,l=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(l&&j(l)){var c=(null==o?void 0:o.id)===e.id,s=h.includes(e.id)&&!c,a=c?"#03BCD4":i.get(R,e.formation,"#BDBDBD"),d=s?.7:.3;u.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:F(l)},properties:{color:a,opacity:c?1:d,isSubjectWell:c,isOffsetWell:s,isActive:e.id===L&&!X,order:r}}),V.current.set(r,{well:e,coords:l,isOffsetWell:s,isSubjectWell:c}),c&&(G.current=r),n.extend(F(l))}})),N.current=u.length?n:null;var s=z.current;if(s&&ee){s.getSource("wells").setData({type:"FeatureCollection",features:u}),s.setFilter("wells-hover-highlight",q),H.current=null;var a=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&H.current!==t.id){var l=V.current.get(t.id);l&&(H.current=t.id,s.getCanvas().style.cursor="pointer",s.setFilter("wells-hover-highlight",["==",["id"],t.id]),ce(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&U(!0))}},d=function(e){var r;if(null==e||!e.point||!s.queryRenderedFeatures(e.point,{layers:["wells-circle","wells-hover-highlight"]}).length){var t=null!==H.current&&H.current===G.current;H.current=null,s.getCanvas().style.cursor="",s.setFilter("wells-hover-highlight",q),null===(r=I.current)||void 0===r||r.remove(),t&&U(!1)}},v=function(e){var t,l;if(!r){var i=V.current.get(null===(t=e.features)||void 0===t||null===(l=t[0])||void 0===l?void 0:l.id);i&&E(i.well,!i.isOffsetWell)}};return s.on("mousemove","wells-circle",a),s.on("mouseleave","wells-circle",d),s.on("mouseleave","wells-hover-highlight",d),s.on("click","wells-circle",v),setTimeout((function(){m<3e3&&z.current&&Z.current&&f!==Y&&z.current.fitBounds(Z.current,{padding:5})}),500),function(){s.off("mousemove","wells-circle",a),s.off("mouseleave","wells-circle",d),s.off("mouseleave","wells-hover-highlight",d),s.off("click","wells-circle",v)}}}}),[o,f,h,L,ee]),t.useEffect((function(){var e=z.current;if(A.current&&(A.current.remove(),A.current=null),e&&P){var r=Q||X,t=document.createElement("img");t.src=r?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var l=r?[70,20]:[62,12],i=p.default(l,2),c=i[0],u=i[1],n=r?[35,29]:[31,25],s=p.default(n,2),a=s[0],d=s[1];t.width=c,t.height=u,t.addEventListener("mouseover",(function(){U(!0),null!==G.current&&e.getLayer("wells-hover-highlight")&&(H.current=G.current,e.setFilter("wells-hover-highlight",["==",["id"],G.current])),ce(o,!1,!0,P)})),t.addEventListener("mouseout",(function(){var r;H.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",q),null===(r=I.current)||void 0===r||r.remove(),U(!1)})),A.current=new b.default.Marker({element:t,anchor:"center",offset:[c/2-a,u/2-d]}).setLngLat(F(P)).addTo(e)}}),[Q,P,m,o,X]),t.useEffect((function(){m>3e3?z.current.setZoom(1):setTimeout((function(){o?z.current&&Z.current&&m&&z.current.fitBounds(Z.current,{padding:5}):z.current&&N.current&&z.current.fitBounds(N.current),P&&z.current&&z.current.easeTo({center:F(P),duration:700})}),500)}),[m,o,P]);var ue=function(){z.current.setZoom(ie+1)};return v.jsx("div",{className:w.default(d.mapView,k.root),children:v.jsx("div",{className:w.default(d.mapMain,k.map),ref:T,onDoubleClick:ue,children:v.jsxs("div",{className:d.zoomGroup,children:[v.jsx(c.Tooltip,{title:ie<18?"Zoom in":"",placement:"left",children:v.jsx("div",{className:w.default(d.zoomButton,g.default({},d.zoomDisabled,18===ie)),onClick:ue,children:v.jsx(u.Add,{className:d.zoomInOutIcon})})}),v.jsx(c.Tooltip,{title:ie>1?"Zoom out":"",placement:"left",children:v.jsx("div",{className:w.default(d.zoomButton,g.default({},d.zoomDisabled,1===ie)),onClick:function(){ie>1&&z.current.setZoom(ie-1)},children:v.jsx(u.Remove,{className:d.zoomInOutIcon})})})]})})})};
 //# sourceMappingURL=OffsetWellMap.js.map

package/cjs-bundle/components/OffsetWellMap/OffsetWellMap.js.map CHANGED Viewed

	@@ -1 +1 @@
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 classes = {},\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 const markerMap = useRef(new Map());\n const prevOffsetWellIds = useRef([]);\n const prevActiveWellId = useRef(null);\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 // NOTE: React nulls the DOM ref before deferred effect cleanup runs, so keep the map in a local\n const map = mapRef.current;\n return () => {\n // NOTE: mapbox.js defers _updateMapFeedbackLink on layerremove; after remove() it crashes on the deleted control container\n map.off('layerremove');\n map.remove();\n mapRef.current = null;\n radiusCircleRef.current = null;\n markersGroupRef.current = null;\n };\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 const currentOffsetSet = new Set(offsetWellIds);\n const prevOffsetSet = new Set(prevOffsetWellIds.current);\n const onlyOffsetStatusChanged =\n wells === prevWells &&\n prevActiveWellId.current === activeWellId &&\n wells.every(well => well.id) &&\n currentOffsetSet.size === prevOffsetSet.size;\n\n if (onlyOffsetStatusChanged) {\n // only change markers that changed offset status\n const changedWells = wells.filter(well => {\n const wasOffset = prevOffsetSet.has(well.id);\n const isOffset = currentOffsetSet.has(well.id);\n return wasOffset !== isOffset && well.id !== subjectWell?.id;\n });\n\n if (changedWells.length > 0 && changedWells.length < 10) {\n changedWells.forEach(well => {\n const existingMarker = markerMap.current.get(well.id);\n if (existingMarker) {\n const isOffsetWell = offsetWellIds.includes(well.id);\n const color = get(formationColors, well.formation, '#BDBDBD');\n const opacity = isOffsetWell ? 0.7 : 0.3;\n\n existingMarker.setStyle({\n fillOpacity: opacity,\n fillColor: color,\n });\n }\n });\n\n prevOffsetWellIds.current = [...offsetWellIds];\n prevActiveWellId.current = activeWellId;\n return;\n }\n }\n\n // NOTE: Clean up\n if (markersGroupRef.current) {\n markersGroupRef.current.removeFrom(mapRef.current);\n }\n markerMap.current.clear();\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 if (well.id) {\n markerMap.current.set(well.id, 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 prevOffsetWellIds.current = [...offsetWellIds];\n prevActiveWellId.current = activeWellId;\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 && mapRef.current) {\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={classNames(styles.mapView, classes.root)}>\n <div\n className={classNames(styles.mapMain, classes.map)}\n ref={mapRef}\n onDoubleClick={handleZoomIn}\n >\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","bounds","_ref","isViewOnly","_ref$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref$handleChangeOffs","handleChangeOffsetWell","activeWellId","_ref$isClickable","isClickable","_ref$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","mapRef","useRef","radiusCircleRef","subjectIconRef","markersGroupRef","highlightMarkerRef","useState","_useState2","_slicedToArray","_useState","isSubjectWellHovered","setIsSubjectWellHovered","wellMarkers","subjectWellMarker","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","initBounds","setInitBounds","_useState6","_useState5","zoom","setZoom","markerMap","Map","prevOffsetWellIds","prevActiveWellId","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","on","getZoom","doubleClickZoom","disable","styleLayer","addTo","off","remove","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","jsx","_Fragment","children","popup","setLatLng","setContent","openOn","currentOffsetSet","Set","prevOffsetSet","every","size","changedWells","filter","has","length","forEach","existingMarker","includes","opacity","clear","markers","offsetWells","unSelectedWells","push","_well$topHole","topHole","coordinates","newHighlightMarker","newMarker","e","target","x","y","set","highlightMarker","setTimeout","bringToBack","fitBounds","getBounds","padding","icon","iconUrl","iconSize","iconAnchor","marker","panTo","duration","easeLinearity","handleZoomIn","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","ZoomOutIcon"],"mappings":"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"}
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 'mapbox-gl/dist/mapbox-gl.css';\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 mapboxgl from '~/config/mapboxGl';\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 RADIUS_SOURCE_ID = 'radius-circle';\nconst RADIUS_LAYER_ID = 'radius-circle-fill';\nconst WELLS_SOURCE_ID = 'wells';\nconst WELLS_HALO_LAYER_ID = 'wells-halo';\nconst WELLS_LAYER_ID = 'wells-circle';\nconst WELLS_ACTIVE_LAYER_ID = 'wells-active-highlight';\nconst WELLS_HOVER_LAYER_ID = 'wells-hover-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\nconst NO_HOVER_FILTER = ['==', ['id'], -1];\n\n// NOTE: Props keep the Leaflet [lat, lng] convention; mapbox-gl expects [lng, lat]\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl circle layers are pixel-radius, so approximate the meter radius with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const degreesLat = radiusMeters / 110574;\n const ring = [];\n for (let i = 0; i <= points; i += 1) {\n const theta = (i / points) * 2 * Math.PI;\n ring.push([lng + degreesLng * Math.cos(theta), lat + degreesLat * Math.sin(theta)]);\n }\n return { type: 'Polygon', coordinates: [ring] };\n};\n\nconst getCircleBounds = ([lat, lng], radiusMeters) => {\n const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const degreesLat = radiusMeters / 110574;\n return [\n [lng - degreesLng, lat - degreesLat],\n [lng + degreesLng, lat + degreesLat],\n ];\n};\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 classes = {},\n}) => {\n const subjectWellCoords = useMemo(() => {\n return subjectWell && get(subjectWell, 'topHole.coordinates');\n }, [subjectWell]);\n const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n const containerRef = useRef();\n const mapRef = useRef();\n const popupRef = useRef();\n const radiusBoundsRef = useRef(null);\n const wellsBoundsRef = useRef(null);\n const subjectIconRef = useRef();\n const wellByFeatureIdRef = useRef(new Map());\n const subjectFeatureIdRef = useRef(null);\n const hoveredFeatureIdRef = useRef(null);\n const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n const prevWells = usePreviousWells(wells);\n const [isMapReady, setIsMapReady] = useState(false);\n const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n // NOTE: Initialize map\n useEffect(() => {\n const map = new mapboxgl.Map({\n container: containerRef.current,\n style: 'mapbox://styles/mapbox/dark-v9',\n center: toLngLat(DEFAULT_COORDS),\n zoom: ZOOM_INIT_VALUE,\n // NOTE: keep the zoom buttons' disable logic (zoom === ZOOM_MAX_VALUE) reachable\n maxZoom: ZOOM_MAX_VALUE,\n attributionControl: false,\n scrollZoom: false,\n doubleClickZoom: false,\n });\n mapRef.current = map;\n\n // NOTE: GL zoom is fractional where Leaflet was integer\n map.on('zoomend', () => setZoom(Math.round(map.getZoom())));\n\n // NOTE: Sources/layers can only be added after the style loads\n map.on('load', () => {\n map.addSource(RADIUS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n map.addLayer({\n id: RADIUS_LAYER_ID,\n type: 'fill',\n source: RADIUS_SOURCE_ID,\n paint: {\n 'fill-color': RADIUS_CIRCLE_COLOR,\n 'fill-opacity': 0.2,\n },\n });\n\n map.addSource(WELLS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n map.addLayer({\n id: WELLS_HALO_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: ['==', ['get', 'isOffsetWell'], true],\n paint: {\n 'circle-radius': HIGHLIGHT_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': 0.08,\n },\n });\n map.addLayer({\n id: WELLS_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n layout: {\n 'circle-sort-key': ['get', 'order'],\n },\n paint: {\n 'circle-radius': WELL_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n map.addLayer({\n id: WELLS_ACTIVE_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: ['==', ['get', 'isActive'], true],\n paint: {\n 'circle-radius': HIGHLIGHT_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': 0.24,\n },\n });\n map.addLayer({\n id: WELLS_HOVER_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: NO_HOVER_FILTER,\n paint: {\n 'circle-radius': [\n 'case',\n ['get', 'isSubjectWell'],\n WELL_MARKER_SIZE,\n HIGHLIGHT_MARKER_SIZE,\n ],\n 'circle-color': [\n 'case',\n ['get', 'isSubjectWell'],\n HIGHLIGHT_WELL_COLOR,\n ['get', 'color'],\n ],\n 'circle-opacity': 0.24,\n },\n });\n\n setIsMapReady(true);\n });\n\n return () => {\n map.remove();\n mapRef.current = null;\n popupRef.current = null;\n subjectIconRef.current = null;\n radiusBoundsRef.current = null;\n wellsBoundsRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n radiusBoundsRef.current =\n subjectWellCoords && radius\n ? getCircleBounds(subjectWellCoords, radius METERS_IN_MILE)\n : null;\n\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return;\n }\n\n map.getSource(RADIUS_SOURCE_ID).setData(\n subjectWellCoords && radius\n ? {\n type: 'Feature',\n properties: {},\n geometry: makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE),\n }\n : EMPTY_FEATURE_COLLECTION\n );\n }, [radius, subjectWellCoords, isMapReady]);\n\n const showTooltip = (well, isOffsetWell, isSubjectWell, coords) => {\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 isClickable,\n });\n ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({\n closeButton: false,\n offset: HIGHLIGHT_MARKER_SIZE,\n });\n }\n popupRef.current\n .setLngLat(toLngLat(coords))\n .setDOMContent(popUpContainer)\n .addTo(mapRef.current);\n };\n\n // NOTE: Subject well hover swaps the subject marker color\n useEffect(() => {\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return;\n }\n\n map.setPaintProperty(\n WELLS_LAYER_ID,\n 'circle-color',\n isSubjectWellHovered\n ? ['case', ['get', 'isSubjectWell'], HIGHLIGHT_WELL_COLOR, ['get', 'color']]\n : ['get', 'color']\n );\n }, [isSubjectWellHovered, isMapReady]);\n\n // NOTE: Well markers\n useEffect(() => {\n if (!wells \|\| !offsetWellIds) {\n return undefined;\n }\n\n popupRef.current?.remove();\n\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\n const features = [];\n const wellsBounds = new mapboxgl.LngLatBounds();\n wellByFeatureIdRef.current.clear();\n subjectFeatureIdRef.current = null;\n sortedWells.forEach((well, index) => {\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 features.push({\n type: 'Feature',\n id: index,\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: {\n color,\n opacity: isSubjectWell ? 1 : opacity,\n isSubjectWell,\n isOffsetWell,\n isActive: well.id === activeWellId && !isActiveWellIsSubjectWell,\n order: index,\n },\n });\n wellByFeatureIdRef.current.set(index, { well, coords, isOffsetWell, isSubjectWell });\n if (isSubjectWell) {\n subjectFeatureIdRef.current = index;\n }\n wellsBounds.extend(toLngLat(coords));\n }\n });\n wellsBoundsRef.current = features.length ? wellsBounds : null;\n\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return undefined;\n }\n\n map.getSource(WELLS_SOURCE_ID).setData({ type: 'FeatureCollection', features });\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n hoveredFeatureIdRef.current = null;\n\n const handleMouseMove = e => {\n const feature = e.features?.[0];\n if (!feature \|\| hoveredFeatureIdRef.current === feature.id) {\n return;\n }\n const entry = wellByFeatureIdRef.current.get(feature.id);\n if (!entry) {\n return;\n }\n\n hoveredFeatureIdRef.current = feature.id;\n map.getCanvas().style.cursor = 'pointer';\n\n // Highlight\n map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], feature.id]);\n showTooltip(entry.well, entry.isOffsetWell, entry.isSubjectWell, entry.coords);\n if (entry.isSubjectWell) {\n setIsSubjectWellHovered(true);\n }\n };\n\n const handleMouseLeave = e => {\n // NOTE: Leaflet cleared hover on leaving the ENLARGED highlight marker, so keep the\n // hover while the cursor is still over the hover halo (or another well marker)\n if (\n e?.point &&\n map.queryRenderedFeatures(e.point, { layers: [WELLS_LAYER_ID, WELLS_HOVER_LAYER_ID] })\n .length\n ) {\n return;\n }\n const wasSubjectWell =\n hoveredFeatureIdRef.current !== null &&\n hoveredFeatureIdRef.current === subjectFeatureIdRef.current;\n hoveredFeatureIdRef.current = null;\n map.getCanvas().style.cursor = '';\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n popupRef.current?.remove();\n if (wasSubjectWell) {\n setIsSubjectWellHovered(false);\n }\n };\n\n const handleClick = e => {\n if (isViewOnly) return;\n const entry = wellByFeatureIdRef.current.get(e.features?.[0]?.id);\n if (!entry) {\n return;\n }\n handleChangeOffsetWell(entry.well, !entry.isOffsetWell);\n };\n\n map.on('mousemove', WELLS_LAYER_ID, handleMouseMove);\n map.on('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n map.on('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n map.on('click', WELLS_LAYER_ID, handleClick);\n\n setTimeout(() => {\n if (radius < MAX_RADIUS && mapRef.current && radiusBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_LAYER_ID, handleMouseMove);\n map.off('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n map.off('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n map.off('click', WELLS_LAYER_ID, handleClick);\n };\n }, [subjectWell, wells, offsetWellIds, activeWellId, isMapReady]);\n\n // NOTE: Subject Well Icon\n\n useEffect(() => {\n const map = mapRef.current;\n\n if (subjectIconRef.current) {\n subjectIconRef.current.remove();\n subjectIconRef.current = null;\n }\n\n if (!map \|\| !subjectWellCoords) return;\n\n const isHighlighted = isSubjectWellHovered \|\| isActiveWellIsSubjectWell;\n const icon = document.createElement('img');\n icon.src = isHighlighted ? SubjectHighlightWellIcon : SubjectWellIcon;\n const [iconWidth, iconHeight] = isHighlighted ? [70, 20] : [62, 12];\n const [anchorX, anchorY] = isHighlighted ? [35, 29] : [31, 25];\n icon.width = iconWidth;\n icon.height = iconHeight;\n\n icon.addEventListener('mouseover', () => {\n setIsSubjectWellHovered(true);\n\n // Highlight\n if (subjectFeatureIdRef.current !== null && map.getLayer(WELLS_HOVER_LAYER_ID)) {\n hoveredFeatureIdRef.current = subjectFeatureIdRef.current;\n map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], subjectFeatureIdRef.current]);\n }\n showTooltip(subjectWell, false, true, subjectWellCoords);\n });\n\n icon.addEventListener('mouseout', () => {\n hoveredFeatureIdRef.current = null;\n if (map.getLayer(WELLS_HOVER_LAYER_ID)) {\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n }\n popupRef.current?.remove();\n setIsSubjectWellHovered(false);\n });\n\n subjectIconRef.current = new mapboxgl.Marker({\n element: icon,\n anchor: 'center',\n // NOTE: Leaflet anchored the icon at [anchorX, anchorY] from its top-left corner\n offset: [iconWidth / 2 - anchorX, iconHeight / 2 - anchorY],\n })\n .setLngLat(toLngLat(subjectWellCoords))\n .addTo(map);\n }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell]);\n\n // NOTE: Map Update\n useEffect(() => {\n if (radius > MAX_RADIUS) {\n mapRef.current.setZoom(1);\n return;\n }\n setTimeout(() => {\n if (subjectWell) {\n if (mapRef.current && radiusBoundsRef.current && radius) {\n mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n }\n } else if (mapRef.current && wellsBoundsRef.current) {\n mapRef.current.fitBounds(wellsBoundsRef.current);\n }\n if (subjectWellCoords && mapRef.current) {\n mapRef.current.easeTo({ center: toLngLat(subjectWellCoords), duration: 700 });\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={classNames(styles.mapView, classes.root)}>\n <div\n className={classNames(styles.mapMain, classes.map)}\n ref={containerRef}\n onDoubleClick={handleZoomIn}\n >\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","EMPTY_FEATURE_COLLECTION","type","features","NO_HOVER_FILTER","toLngLat","_ref","_ref2","_slicedToArray","lat","makeCirclePolygon","_ref3","radiusMeters","_ref4","lng","points","degreesLng","Math","cos","PI","degreesLat","ring","i","theta","push","sin","coordinates","_ref7","isViewOnly","_ref7$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref7$handleChangeOff","handleChangeOffsetWell","activeWellId","_ref7$isClickable","isClickable","_ref7$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","containerRef","useRef","mapRef","popupRef","radiusBoundsRef","wellsBoundsRef","subjectIconRef","wellByFeatureIdRef","Map","subjectFeatureIdRef","hoveredFeatureIdRef","useState","_useState2","_useState","isSubjectWellHovered","setIsSubjectWellHovered","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","isMapReady","setIsMapReady","_useState6","_useState5","zoom","setZoom","useEffect","map","mapboxgl","container","current","style","center","maxZoom","attributionControl","scrollZoom","doubleClickZoom","on","round","getZoom","addSource","data","addLayer","source","paint","filter","layout","remove","_ref5","_ref6","getSource","setData","properties","geometry","showTooltip","well","isOffsetWell","isSubjectWell","coords","popUpContainer","document","createElement","popUpContent","WellTooltip","color","formation","ReactDOM","render","_jsx","jsx","_Fragment","children","Popup","closeButton","offset","setLngLat","setDOMContent","addTo","setPaintProperty","_popupRef$current","offsetWells","unSelectedWells","forEach","includes","sortedWells","wellsBounds","LngLatBounds","clear","index","_well$topHole","topHole","opacity","isActive","order","set","extend","length","setFilter","handleMouseMove","e","_e$features","feature","entry","getCanvas","cursor","handleMouseLeave","_popupRef$current2","point","queryRenderedFeatures","layers","wasSubjectWell","handleClick","_e$features2","_e$features2$","setTimeout","fitBounds","padding","off","isHighlighted","icon","src","_ref8","_ref9","iconWidth","iconHeight","_ref10","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","easeTo","duration","handleZoomIn","className","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","ZoomOutIcon"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellMap/OffsetWellMap.module.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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}"),module.exports={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"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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 .mapboxgl-popup-content{background-color:transparent;box-shadow:none;opacity:.9;padding:0}.OffsetWellMap-module_mapView__EwhHO .mapboxgl-popup-tip{display:none}"),module.exports={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"};
 //# sourceMappingURL=OffsetWellMap.module.css.js.map

package/cjs-bundle/components/OffsetWellMap/WellTooltip.module.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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}"),module.exports={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"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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;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}"),module.exports={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"};
 //# sourceMappingURL=WellTooltip.module.css.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Map/Map.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('./../../../../ext-esm/style-inject/dist/style-inject.es.js')(".Map_map__cq-fM{width:100%}.Map_mapMain__llG4C{background-color:#414141;border-radius:4px;flex:100;height:250px;width:100%}.Map_mapFooter__0m62e{display:flex;flex:1;flex-wrap:wrap;padding-bottom:5px;padding-top:5px}.Map_mapFooterItem__wJdaF{align-items:center;display:flex;margin-right:10px;white-space:nowrap}.Map_mapFooterItemSquare__UjAeE{border-radius:50%;height:8px;margin-right:5px;width:8px}.Map_mapFooterItemLabel__jKEkY{color:#ccc;font-size:11px}.Map_map__cq-fM .leaflet-popup-content-wrapper{background-color:#414141;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.2),0 3px 14px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.14)}.Map_map__cq-fM .leaflet-popup-content{padding:10px 16px;width:420px!important}.Map_map__cq-fM .leaflet-popup-close-button,.Map_map__cq-fM .leaflet-popup-tip{display:none}.Map_map__cq-fM .leaflet-control-zoom{background:none;border:none;box-shadow:none}.Map_map__cq-fM .leaflet-control-zoom a{background-image:none;background:#272727;color:#bdbdbd}.Map_map__cq-fM .leaflet-control-zoom a,.Map_map__cq-fM .leaflet-control-zoom a:hover{align-items:center;border-radius:4px;content:unset;display:flex;font-size:22px;height:32px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:32px}.Map_map__cq-fM .leaflet-control-zoom a:hover{background:#303030;background-image:none;color:#fff}.Map_map__cq-fM .leaflet-touch .leaflet-bar,.Map_map__cq-fM .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}"),module.exports={map:"Map_map__cq-fM",mapMain:"Map_mapMain__llG4C",mapFooter:"Map_mapFooter__0m62e",mapFooterItem:"Map_mapFooterItem__wJdaF",mapFooterItemSquare:"Map_mapFooterItemSquare__UjAeE",mapFooterItemLabel:"Map_mapFooterItemLabel__jKEkY"};
+"use strict";require('./../../../../ext-esm/style-inject/dist/style-inject.es.js')(".Map_map__cq-fM{width:100%}.Map_mapMain__llG4C{background-color:#414141;border-radius:4px;flex:100;height:250px;width:100%}.Map_mapFooter__0m62e{display:flex;flex:1;flex-wrap:wrap;padding-bottom:5px;padding-top:5px}.Map_mapFooterItem__wJdaF{align-items:center;display:flex;margin-right:10px;white-space:nowrap}.Map_mapFooterItemSquare__UjAeE{border-radius:50%;height:8px;margin-right:5px;width:8px}.Map_mapFooterItemLabel__jKEkY{color:#ccc;font-size:11px}.Map_map__cq-fM .mapboxgl-popup-content{background-color:#414141;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.2),0 3px 14px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.14);padding:10px 16px;width:420px!important}.Map_map__cq-fM .mapboxgl-popup-tip{display:none}.Map_map__cq-fM .mapboxgl-ctrl-group{background:none;border:none;box-shadow:none}.Map_map__cq-fM .mapboxgl-ctrl-group button{background:#272727;border:none;border-radius:4px;height:32px;margin-top:4px;width:32px}.Map_map__cq-fM .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{filter:invert(.8)}.Map_map__cq-fM .mapboxgl-ctrl-group button:hover{background:#303030}.Map_map__cq-fM .mapboxgl-ctrl-group button:hover .mapboxgl-ctrl-icon{filter:invert(1)}"),module.exports={map:"Map_map__cq-fM",mapMain:"Map_mapMain__llG4C",mapFooter:"Map_mapFooter__0m62e",mapFooterItem:"Map_mapFooterItem__wJdaF",mapFooterItemSquare:"Map_mapFooterItemSquare__UjAeE",mapFooterItemLabel:"Map_mapFooterItemLabel__jKEkY"};
 //# sourceMappingURL=Map.css.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Map/Map.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),u=require("react-dom"),i=require("prop-types"),o=require("mapbox.js"),n=require("lodash"),s=require("@material-ui/core/styles"),a=require("../../effects/index.js"),l=require("./Map.css.js"),c=require("../../../../utils/index.js"),d=require("../../../../config/theme/index.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/regenerator"),require("highcharts-v8"),require("highcharts-v8/highcharts-more"),require("highcharts-v8/modules/solid-gauge"),require("highcharts-v8/modules/heatmap"),require("highcharts-v8/modules/boost"),require("highcharts-v8/modules/exporting"),require("highcharts-v8/modules/xrange"),require("highcharts-v8/modules/dumbbell"),require("highcharts-v8/modules/pattern-fill"),require("highcharts-v8/modules/annotations"),require("highcharts-multicolor-series-v8"),require("highcharts"),require("highcharts/highcharts-more"),require("highcharts/modules/solid-gauge"),require("highcharts/modules/heatmap"),require("highcharts/modules/boost"),require("highcharts/modules/exporting"),require("highcharts/modules/xrange"),require("highcharts/modules/dumbbell"),require("highcharts/modules/pattern-fill"),require("highcharts/modules/annotations"),require("highcharts-multicolor-series"),require("dompurify"),require("../../../../config/mapbox/index.js"),require("../../../../clients/subscriptions/constants.js"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../config/extendNative.js");var f=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(e),p=m(r),g=m(u),b=m(i),v=m(o);function q(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);r&&(u=u.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,u)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){h.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var F=c.mapbox.isValidCoordinates,y=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],x=[29.749907,-95.358421];function O(e){var r=e.subjectWell,u=e.wells,i=e.offsetWells,o=e.radius,c=e.subjectWellMarkerSize,m=e.wellMarkerSize,b=e.popUpFormatter,q=e.coordsDataPath,O=t.useRef(null),k=t.useRef(null),P=t.useRef(null),N=a.usePrevious(u),w=t.useMemo((function(){return u.filter((function(e){return!r||r.id!==e.id}))}),[r,u]),B=t.useMemo((function(){return r&&n.get(r,q)}),[r,q]),M=t.useMemo((function(){var e=[],t=!1;w.forEach((function(u){"Null"===u.formation?t=!0:r&&r.formation===u.formation||e.includes(u.formation)||e.push(u.formation)}));var u=r?[r.formation].concat(n.sortBy(e)):n.sortBy(e);t&&!u.includes("Null")&&u.push("Null");var i=u.reduce((function(e,r,t){return j(j({},e),{},h.default({},r,y[t%y.length]))}),{});return[u,i]}),[r,w]),T=p.default(M,2),E=T[0],S=T[1];return t.useEffect((function(){O.current=v.default.mapbox.map(O.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(x,1),v.default.control.zoom({position:"bottomright"}).addTo(O.current),v.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(O.current);var e=O.current;return function(){e.off("layerremove"),e.remove(),O.current=null,k.current=null,P.current=null}}),[]),t.useEffect((function(){O.current&&(k.current&&O.current.removeLayer(k.current),B?(k.current=v.default.circle(B,1609.34*o,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),k.current.addTo(O.current)):k.current=null)}),[o,B]),t.useEffect((function(){if(O.current){O.current.closePopup(),P.current&&P.current.removeFrom(O.current);var e=i.map((function(e){return e.id})),o=[];u.forEach((function(u){var i=n.get(u,q);if(i&&F(i)){var a=r&&r.id===u.id,l=e.includes(u.id),h=a?c:m,p=a||l?"#00FFFF":S[u.formation],j=a||l?1:.3,y=v.default.circleMarker(i,{radius:h,stroke:!1,fill:!0,fillOpacity:j,fillColor:p,className:"circle_500"});y.addEventListener("mouseover",(function(){if(b){var e=document.createElement("div"),r=t.createElement(b,{well:u,color:S[u.formation]});g.default.render(f.jsx(s.MuiThemeProvider,{theme:d.darkTheme,children:r}),e),v.default.popup().setLatLng(i).setContent(e).openOn(O.current)}})),o.push(y)}})),o.length&&(P.current=v.default.featureGroup(o),P.current.addTo(O.current)),setTimeout((function(){k.current&&k.current.bringToBack(),O.current&&k.current&&u!==N&&O.current.fitBounds(k.current.getBounds(),{padding:[5,5]})}),500)}}),[r,u,i,S]),t.useEffect((function(){setTimeout((function(){k.current&&k.current.bringToBack(),r?O.current&&k.current&&O.current.fitBounds(k.current.getBounds(),{padding:[5,5]}):O.current&&P.current&&O.current.fitBounds(P.current.getBounds())}),500)}),[o,r]),f.jsxs("div",{className:l.map,children:[f.jsx("div",{className:l.mapMain,ref:O}),f.jsxs("div",{className:l.mapFooter,children:[i&&f.jsxs("div",{className:l.mapFooterItem,children:[f.jsx("div",{className:l.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),f.jsx("div",{className:l.mapFooterItemLabel,children:"Selected Offset Wells"})]}),E.map((function(e){return f.jsxs("div",{className:l.mapFooterItem,children:[f.jsx("div",{className:l.mapFooterItemSquare,style:{backgroundColor:S[e]}}),f.jsx("div",{className:l.mapFooterItemLabel,children:e})]},e)}))]})]})}O.propTypes={subjectWell:b.default.shape({id:b.default.number,formation:b.default.string}),wells:b.default.arrayOf(b.default.shape({})).isRequired,offsetWells:b.default.arrayOf(b.default.shape({})),radius:b.default.number.isRequired,subjectWellMarkerSize:b.default.number,wellMarkerSize:b.default.number,popUpFormatter:b.default.func,coordsDataPath:b.default.string},O.defaultProps={subjectWell:null,subjectWellMarkerSize:10,wellMarkerSize:5,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var k=t.memo(O);module.exports=k;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),u=require("react-dom"),i=require("prop-types"),a=require("lodash"),o=require("@material-ui/core/styles"),n=require("./Map.css.js"),s=require("../../../../utils/index.js"),l=require("../../../../config/theme/index.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/regenerator"),require("highcharts-v8"),require("highcharts-v8/highcharts-more"),require("highcharts-v8/modules/solid-gauge"),require("highcharts-v8/modules/heatmap"),require("highcharts-v8/modules/boost"),require("highcharts-v8/modules/exporting"),require("highcharts-v8/modules/xrange"),require("highcharts-v8/modules/dumbbell"),require("highcharts-v8/modules/pattern-fill"),require("highcharts-v8/modules/annotations"),require("highcharts-multicolor-series-v8"),require("highcharts"),require("highcharts/highcharts-more"),require("highcharts/modules/solid-gauge"),require("highcharts/modules/heatmap"),require("highcharts/modules/boost"),require("highcharts/modules/exporting"),require("highcharts/modules/xrange"),require("highcharts/modules/dumbbell"),require("highcharts/modules/pattern-fill"),require("highcharts/modules/annotations"),require("highcharts-multicolor-series"),require("dompurify"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/assertThisInitialized"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/toArray"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../../clients/subscriptions/constants.js"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../config/extendNative.js"),require("../../../../config/mapboxGl/index.js"),require("mapbox-gl/dist/mapbox-gl.css");var c=require("react/jsx-runtime"),d=require("mapbox-gl");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=f(e),m=f(r),p=f(u),g=f(i),b=f(d);function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);r&&(u=u.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,u)}return t}function q(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){h.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=s.mapbox.isValidCoordinates,F=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],j=[29.749907,-95.358421],x={type:"FeatureCollection",features:[]},w=function(e){var r=m.default(e,2),t=r[0];return[r[1],t]};function O(e){var r=e.subjectWell,u=e.wells,i=e.offsetWells,s=e.radius,d=e.subjectWellMarkerSize,f=e.wellMarkerSize,g=e.popUpFormatter,v=e.coordsDataPath,O=t.useRef(null),P=t.useRef(null),C=t.useRef(null),M=t.useRef(null),S=t.useRef(null),D=t.useRef(),N=t.useState(!1),k=m.default(N,2),B=k[0],I=k[1],W=t.useMemo((function(){return u.filter((function(e){return!r||r.id!==e.id}))}),[r,u]),E=t.useMemo((function(){return r&&a.get(r,v)}),[r,v]),L=t.useMemo((function(){var e=[],t=!1;W.forEach((function(u){"Null"===u.formation?t=!0:r&&r.formation===u.formation||e.includes(u.formation)||e.push(u.formation)}));var u=r?[r.formation].concat(a.sortBy(e)):a.sortBy(e);t&&!u.includes("Null")&&u.push("Null");var i=u.reduce((function(e,r,t){return q(q({},e),{},h.default({},r,F[t%F.length]))}),{});return[u,i]}),[r,W]),R=m.default(L,2),T=R[0],z=R[1];return t.useEffect((function(){P.current=new b.default.Map({container:O.current,style:"mapbox://styles/mapbox/dark-v9",center:w(j),zoom:1,attributionControl:!1,scrollZoom:!1}),P.current.addControl(new b.default.NavigationControl({showCompass:!1}),"bottom-right"),P.current.on("load",(function(){P.current.addSource("radius-circle",{type:"geojson",data:x}),P.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),P.current.addSource("wells",{type:"geojson",data:x}),P.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),I(!0)}));var e=P.current;return function(){e.remove(),P.current=null,C.current=null,M.current=null}}),[]),t.useEffect((function(){if(P.current&&B){if(!E)return P.current.getSource("radius-circle").setData(x),void(C.current=null);var e=function(e,r){for(var t=m.default(e,2),u=t[0],i=t[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,o=[],n=r/(111320*Math.cos(u*Math.PI/180)),s=r/110574,l=0;l<=a;l+=1){var c=l/a*(2*Math.PI);o.push([i+n*Math.cos(c),u+s*Math.sin(c)])}return o}(E,1609.34*s);P.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}}),C.current=e.reduce((function(e,r){return e.extend(r)}),new b.default.LngLatBounds)}}),[s,E,B]),t.useEffect((function(){var e;if(P.current&&B){var n=D.current;D.current=u,null===(e=S.current)||void 0===e||e.remove();var s=i.map((function(e){return e.id})),h=[],m={},q=new b.default.LngLatBounds;u.forEach((function(e){var t=a.get(e,v);if(t&&y(t)){var u=r&&r.id===e.id,i=s.includes(e.id),o=u?d:f,n=u||i?"#00FFFF":z[e.formation],l=u||i?1:.3;m[e.id]=e,q.extend(w(t)),h.push({type:"Feature",geometry:{type:"Point",coordinates:w(t)},properties:{wellId:e.id,radius:o,color:n,opacity:l}})}})),P.current.getSource("wells").setData({type:"FeatureCollection",features:h}),M.current=h.length?q:null;var F=P.current,j=null,x=function(e){F.getCanvas().style.cursor="pointer";var r=m[e.features[0].properties.wellId];if(r&&r.id!==j&&(j=r.id,g)){var u=document.createElement("div"),i=t.createElement(g,{well:r,color:z[r.formation]});p.default.render(c.jsx(o.MuiThemeProvider,{theme:l.darkTheme,children:i}),u),S.current||(S.current=new b.default.Popup({closeButton:!1,maxWidth:"none"})),S.current.setLngLat(w(a.get(r,v))).setDOMContent(u).addTo(F)}},O=function(){j=null,F.getCanvas().style.cursor=""};return F.on("mousemove","wells",x),F.on("mouseleave","wells",O),setTimeout((function(){P.current&&C.current&&u!==n&&P.current.fitBounds(C.current,{padding:5})}),500),function(){F.off("mousemove","wells",x),F.off("mouseleave","wells",O)}}}),[r,u,i,z,B]),t.useEffect((function(){setTimeout((function(){r?P.current&&C.current&&P.current.fitBounds(C.current,{padding:5}):P.current&&M.current&&P.current.fitBounds(M.current)}),500)}),[s,r,B]),c.jsxs("div",{className:n.map,children:[c.jsx("div",{className:n.mapMain,ref:O}),c.jsxs("div",{className:n.mapFooter,children:[i&&c.jsxs("div",{className:n.mapFooterItem,children:[c.jsx("div",{className:n.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),c.jsx("div",{className:n.mapFooterItemLabel,children:"Selected Offset Wells"})]}),T.map((function(e){return c.jsxs("div",{className:n.mapFooterItem,children:[c.jsx("div",{className:n.mapFooterItemSquare,style:{backgroundColor:z[e]}}),c.jsx("div",{className:n.mapFooterItemLabel,children:e})]},e)}))]})]})}O.propTypes={subjectWell:g.default.shape({id:g.default.number,formation:g.default.string}),wells:g.default.arrayOf(g.default.shape({})).isRequired,offsetWells:g.default.arrayOf(g.default.shape({})),radius:g.default.number.isRequired,subjectWellMarkerSize:g.default.number,wellMarkerSize:g.default.number,popUpFormatter:g.default.func,coordsDataPath:g.default.string},O.defaultProps={subjectWell:null,subjectWellMarkerSize:10,wellMarkerSize:5,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var P=t.memo(O);module.exports=P;
 //# sourceMappingURL=Map.js.map