@corva/ui 3.72.0-0 → 3.72.0-3

package/components/OffsetWellPickerV2/components/Map/Map.d.ts

@@ -8,7 +8,7 @@ declare function WellsMap({ subjectWell, wells, offsetWells, radius, subjectWell
     subjectWellMarkerSize: any;
     wellMarkerSize: any;
     wells: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WellsMap>;
 export default _default;
 //# sourceMappingURL=Map.d.ts.map

package/components/OffsetWellPickerV2/components/Map/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"names":[],"mappings":"AAYA,OAAO,8BAA8B,CAAC;AA4CtC,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,cAAc,GACf;;;;;;;;;CAAA,eA8QA"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"names":[],"mappings":"AAYA,OAAO,8BAA8B,CAAC;AA4CtC,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,cAAc,GACf;;;;;;;;;CAAA,+BAqRA"}

package/components/OffsetWellPickerV2/components/Map/Map.js

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

package/components/OffsetWellPickerV2/components/Map/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../src/components/OffsetWellPickerV2/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, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { theme } from '~/config';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\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 = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\nconst COLORS = [\n  '#FF00FF',\n  '#F5BD80',\n  '#FF0000',\n  '#0080FF',\n  '#FF8000',\n  '#58ACFA',\n  '#FA58F4',\n  '#40FF00',\n  '#4B8A08',\n  '#40FF00',\n  '#D8F781',\n];\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\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\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  popUpFormatter,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef(null);\n  const radiusCircleBoundsRef = 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 restWells = useMemo(() => {\n    return wells.filter(well => !subjectWell || subjectWell.id !== well.id);\n  }, [subjectWell, wells]);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Get well marker colors according to its target formation\n  const [formations, colorDict] = useMemo(() => {\n    // NOTE: Determine well marker colors\n    const restFormations = [];\n    let hasNullFormation = false;\n\n    restWells.forEach(well => {\n      if (well.formation === 'Null') {\n        hasNullFormation = true;\n      } else if (\n        (!subjectWell || subjectWell.formation !== well.formation) &&\n        !restFormations.includes(well.formation)\n      ) {\n        restFormations.push(well.formation);\n      }\n    });\n\n    const sortedFormations = subjectWell\n      ? [subjectWell.formation].concat(sortBy(restFormations))\n      : sortBy(restFormations);\n\n    if (hasNullFormation && !sortedFormations.includes('Null')) {\n      sortedFormations.push('Null');\n    }\n\n    const colors = sortedFormations.reduce(\n      (result, item, idx) => ({\n        ...result,\n        [item]: COLORS[idx % COLORS.length],\n      }),\n      {}\n    );\n\n    return [sortedFormations, colors];\n  }, [subjectWell, restWells]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\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    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': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    const map = mapRef.current;\n    return () => {\n      map.remove();\n      mapRef.current = null;\n      radiusCircleBoundsRef.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      radiusCircleBoundsRef.current = null;\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    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\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\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 color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\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, color, 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      if (popUpFormatter) {\n        // Container to put React generated content in.\n        const popUpContainer = document.createElement('div');\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: colorDict[well.formation],\n        });\n        // NOTE: Custom popup may have buttons\n        ReactDOM.render(\n          <MuiThemeProvider theme={theme.darkTheme}>{popUpContent}</MuiThemeProvider>,\n          popUpContainer\n        );\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(popUpContainer)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, colorDict, isMapReady]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n\n      <div className={styles.mapFooter}>\n        {offsetWells && (\n          <div className={styles.mapFooterItem}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: OFFSET_WELL_COLOR }}\n            />\n            <div className={styles.mapFooterItemLabel}>Selected Offset Wells</div>\n          </div>\n        )}\n\n        {formations.map(item => (\n          <div className={styles.mapFooterItem} key={item}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: colorDict[item] }}\n            />\n            <div className={styles.mapFooterItemLabel}>{item}</div>\n          </div>\n        ))}\n      </div>\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  popUpFormatter: PropTypes.func,\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  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","COLORS","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","popUpFormatter","coordsDataPath","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","_useMemo2","_useMemo","formations","colorDict","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","source","paint","map","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","sin","makeCirclePolygon","geometry","coordinates","bounds","coord","extend","LngLatBounds","_popupRef$current","prevWells","offsetWellIds","wellsById","coords","isWellSubject","isWellOffset","r","color","opacity","properties","wellId","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","MuiThemeProvider","theme","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","setTimeout","fitBounds","padding","off","_jsxs","className","styles","mapMain","ref","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport { theme } from '~/config';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\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 = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\nconst COLORS = [\n  '#FF00FF',\n  '#F5BD80',\n  '#FF0000',\n  '#0080FF',\n  '#FF8000',\n  '#58ACFA',\n  '#FA58F4',\n  '#40FF00',\n  '#4B8A08',\n  '#40FF00',\n  '#D8F781',\n];\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\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\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  popUpFormatter,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef(null);\n  const radiusCircleBoundsRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const restWells = useMemo(() => {\n    return wells.filter(well => !subjectWell || subjectWell.id !== well.id);\n  }, [subjectWell, wells]);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Get well marker colors according to its target formation\n  const [formations, colorDict] = useMemo(() => {\n    // NOTE: Determine well marker colors\n    const restFormations = [];\n    let hasNullFormation = false;\n\n    restWells.forEach(well => {\n      if (well.formation === 'Null') {\n        hasNullFormation = true;\n      } else if (\n        (!subjectWell || subjectWell.formation !== well.formation) &&\n        !restFormations.includes(well.formation)\n      ) {\n        restFormations.push(well.formation);\n      }\n    });\n\n    const sortedFormations = subjectWell\n      ? [subjectWell.formation].concat(sortBy(restFormations))\n      : sortBy(restFormations);\n\n    if (hasNullFormation && !sortedFormations.includes('Null')) {\n      sortedFormations.push('Null');\n    }\n\n    const colors = sortedFormations.reduce(\n      (result, item, idx) => ({\n        ...result,\n        [item]: COLORS[idx % COLORS.length],\n      }),\n      {}\n    );\n\n    return [sortedFormations, colors];\n  }, [subjectWell, restWells]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\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    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': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    const map = mapRef.current;\n    return () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      map.remove();\n      mapRef.current = null;\n      radiusCircleBoundsRef.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      radiusCircleBoundsRef.current = null;\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    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\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\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 color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\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, color, 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      if (popUpFormatter) {\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: colorDict[well.formation],\n        });\n        // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n        if (!tooltipContainerRef.current) {\n          tooltipContainerRef.current = document.createElement('div');\n          tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n        }\n        tooltipRootRef.current.render(\n          <MuiThemeProvider theme={theme.darkTheme}>{popUpContent}</MuiThemeProvider>\n        );\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(tooltipContainerRef.current)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, colorDict, isMapReady]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n\n      <div className={styles.mapFooter}>\n        {offsetWells && (\n          <div className={styles.mapFooterItem}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: OFFSET_WELL_COLOR }}\n            />\n            <div className={styles.mapFooterItemLabel}>Selected Offset Wells</div>\n          </div>\n        )}\n\n        {formations.map(item => (\n          <div className={styles.mapFooterItem} key={item}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: colorDict[item] }}\n            />\n            <div className={styles.mapFooterItemLabel}>{item}</div>\n          </div>\n        ))}\n      </div>\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  popUpFormatter: PropTypes.func,\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  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","COLORS","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","popUpFormatter","coordsDataPath","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","_useMemo2","_useMemo","formations","colorDict","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","source","paint","map","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","sin","makeCirclePolygon","geometry","coordinates","bounds","coord","extend","LngLatBounds","_popupRef$current","prevWells","offsetWellIds","wellsById","coords","isWellSubject","isWellOffset","r","color","opacity","properties","wellId","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","MuiThemeProvider","theme","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","setTimeout","fitBounds","padding","off","_jsxs","className","styles","mapMain","ref","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Map/index.d.ts

@@ -8,7 +8,7 @@ declare function MapContainer({ subjectWell, wells, offsetWells, radius, mapHidd
     radius: any;
     subjectWell: any;
     wells: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MapContainer>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV2/components/Map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"names":[],"mappings":"AASA,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,eA8CA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"names":[],"mappings":"AASA,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,+BA8CA"}

package/components/OffsetWellPickerV2/components/Map/popupGenerator.d.ts

@@ -1,6 +1,6 @@
 declare const popupGenerator: (subjectWell: any, offsetWellIds: any, handleSetOrRemoveSubjectWell: any, handleAddOrDeleteOffsetWell: any) => ({ well, color }: {
     color: any;
     well: any;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export default popupGenerator;
 //# sourceMappingURL=popupGenerator.d.ts.map

package/components/OffsetWellPickerV2/components/Map/popupGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popupGenerator.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/popupGenerator.js"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc;;;iBA2EjB,CAAC;eAEW,cAAc"}
+{"version":3,"file":"popupGenerator.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/popupGenerator.js"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc;;;iCA2EjB,CAAC;eAEW,cAAc"}

package/components/OffsetWellPickerV2/components/Table/SubjectIndicator.d.ts

@@ -1,3 +1,3 @@
-declare function SubjectIndicator(): JSX.Element;
+declare function SubjectIndicator(): import("react").JSX.Element;
 export default SubjectIndicator;
 //# sourceMappingURL=SubjectIndicator.d.ts.map

package/components/OffsetWellPickerV2/components/Table/SubjectIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/SubjectIndicator.js"],"names":[],"mappings":"AAEA,iBAAS,gBAAgB,gBAExB;eAEc,gBAAgB"}
+{"version":3,"file":"SubjectIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/SubjectIndicator.js"],"names":[],"mappings":"AAEA,iBAAS,gBAAgB,gCAExB;eAEc,gBAAgB"}

package/components/OffsetWellPickerV2/components/Table/WellSearch.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 declare function WellSearch({ wells, onChange }: {
     onChange: any;
     wells: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace WellSearch {
     var propTypes: {
         wells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;

package/components/OffsetWellPickerV2/components/Table/WellSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WellSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/WellSearch.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;;;CAAA,eAoCtC;kBApCQ,UAAU;;;;;;eA2CJ,UAAU"}
+{"version":3,"file":"WellSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/WellSearch.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;;;CAAA,+BAoCtC;kBApCQ,UAAU;;;;;;eA2CJ,UAAU"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function ClearFiltersButton({ onClick }: {
     onClick: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ClearFiltersButton {
     var propTypes: {
         onClick: PropTypes.Validator<(...args: any[]) => any>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClearFiltersButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,iBAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE;;CAAA,eAQtC;kBARQ,kBAAkB;;;;;eAcZ,kBAAkB"}
+{"version":3,"file":"ClearFiltersButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,iBAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE;;CAAA,+BAQtC;kBARQ,kBAAkB;;;;;eAcZ,kBAAkB"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.d.ts

@@ -6,7 +6,7 @@ declare function MultiSelect({ options, currentValues, title, size, renderValue,
     renderValue: any;
     size: any;
     title: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace MultiSelect {
     var propTypes: {
         options: PropTypes.Validator<(string | null | undefined)[]>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA0BnC,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE;;;;;;;CAAA,eAuElF;kBAvEQ,WAAW;;;;;;;;;;eAkFL,WAAW"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA0BnC,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE;;;;;;;CAAA,+BAuElF;kBAvEQ,WAAW;;;;;;;;;;eAkFL,WAAW"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.d.ts

@@ -4,7 +4,7 @@ declare function RadiusInput({ radius, editable, onChange, isTablet }: {
     isTablet: any;
     onChange: any;
     radius: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace RadiusInput {
     var propTypes: {
         radius: PropTypes.Validator<number>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadiusInput.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAcnC,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;;CAAA,eAsC5D;kBAtCQ,WAAW;;;;;;;;eA+CL,WAAW"}
+{"version":3,"file":"RadiusInput.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAcnC,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;;CAAA,+BAsC5D;kBAtCQ,WAAW;;;;;;;;eA+CL,WAAW"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/SidetrackSwitch.d.ts

@@ -3,7 +3,7 @@ declare function SidetrackSwitch({ checked, onChange, isMobile }: {
     checked: any;
     isMobile: any;
     onChange: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace SidetrackSwitch {
     var propTypes: {
         checked: PropTypes.Validator<boolean>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/SidetrackSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidetrackSwitch.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/SidetrackSwitch.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgBnC,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;CAAA,eAuBvD;kBAvBQ,eAAe;;;;;;;eA+BT,eAAe"}
+{"version":3,"file":"SidetrackSwitch.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/SidetrackSwitch.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgBnC,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;CAAA,+BAuBvD;kBAvBQ,eAAe;;;;;;;eA+BT,eAAe"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.d.ts

@@ -12,7 +12,7 @@ declare function Filter({ radius, excludeSideTrack, filters, filtersOptions, isR
     onClearFilters: any;
     onToggleFilters: any;
     radius: any;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;
 declare const _default: import("react").MemoExoticComponent<typeof Filter>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js"],"names":[],"mappings":"AAiEA,iBAAS,MAAM,CAAC,EACd,MAAM,EACN,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,eAAe,GAChB;;;;;;;;;;;;;;CAAA,sBAyFA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js"],"names":[],"mappings":"AAiEA,iBAAS,MAAM,CAAC,EACd,MAAM,EACN,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,eAAe,GAChB;;;;;;;;;;;;;;CAAA,sCAyFA"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/FormationsLegend.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 declare function FormationsLegend({ formations, formationColors }: {
     formationColors: any;
     formations: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace FormationsLegend {
     var propTypes: {
         formations: PropTypes.Validator<(string | null | undefined)[]>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/FormationsLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormationsLegend.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/FormationsLegend.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA2BnC,iBAAS,gBAAgB,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE;;;CAAA,eAaxD;kBAbQ,gBAAgB;;;;;;eAoBV,gBAAgB"}
+{"version":3,"file":"FormationsLegend.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/FormationsLegend.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA2BnC,iBAAS,gBAAgB,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE;;;CAAA,+BAaxD;kBAbQ,gBAAgB;;;;;;eAoBV,gBAAgB"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.d.ts

@@ -10,7 +10,7 @@ declare function WellsMap({ open, subjectWell, wells, offsetWells, radius, forma
     radius: any;
     subjectWell: any;
     wells: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WellsMap>;
 export default _default;
 //# sourceMappingURL=Map.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"names":[],"mappings":"AAUA,OAAO,8BAA8B,CAAC;AA8BtC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;;CAAA,eAwOA"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"names":[],"mappings":"AAUA,OAAO,8BAA8B,CAAC;AA8BtC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;;CAAA,+BAgPA"}

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

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as o,useMemo as n,useEffect as u,createElement as i}from"react";import l from"react-dom";import c from"prop-types";import{get as a,sortBy as s}from"lodash";import d from"./Map.css.js";import{mapbox as f}from"../../../../../../utils/index.js";import"../../../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as m,Fragment as v}from"react/jsx-runtime";import y from"mapbox-gl";var g=f.isValidCoordinates,h=[29.749907,-95.358421],w={type:"FeatureCollection",features:[]},b=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function D(r){var c=r.open,f=r.subjectWell,D=r.wells,x=r.offsetWells,B=r.radius,C=r.formationColors,F=r.popUpFormatter,W=r.coordsDataPath,j=r.onAddOffsetWell,M=r.onDeleteOffsetWell,P=t(null),L=t(),O=t(null),q=t(null),R=t(null),I=t(),S=o(!1),T=e(S,2),k=T[0],A=T[1],N=n((function(){return f&&a(f,W)}),[f,W]);return u((function(){p&&c&&!L.current&&(L.current=new y.Map({container:P.current,style:"mapbox://styles/mapbox/dark-v9",center:b(h),zoom:1,attributionControl:!1,scrollZoom:!1}),L.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),L.current.on("load",(function(){L.current.addSource("radius-circle",{type:"geojson",data:w}),L.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),L.current.addSource("wells",{type:"geojson",data:w}),L.current.addLayer({id:"wells",type:"circle",source:"wells",layout:{"circle-sort-key":["get","sortKey"]},paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),A(!0)})))}),[c]),u((function(){return function(){L.current&&(L.current.remove(),L.current=null,O.current=null,q.current=null)}}),[]),u((function(){if(L.current&&k&&c){if(!N)return L.current.getSource("radius-circle").setData(w),void(O.current=null);var r=function(r,t){for(var o=e(r,2),n=o[0],u=o[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],c=t/(111320*Math.cos(n*Math.PI/180)),a=t/110574,s=0;s<=i;s+=1){var d=s/i*(2*Math.PI);l.push([u+c*Math.cos(d),n+a*Math.sin(d)])}return l}(N,1609.34*B);L.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),O.current=r.reduce((function(e,r){return e.extend(r)}),new y.LngLatBounds)}}),[B,N,c,k]),u((function(){if(L.current&&k&&c){var e=I.current;I.current=D;var r=x.map((function(e){return e.id})),t=s(D,(function(e){return r.includes(e.id)})),o=[],n={},u=new y.LngLatBounds;t.forEach((function(e){var t=a(e,W);if(t&&g(t)){var i=f&&f.id===e.id,l=r.includes(e.id),c=i?10:5,s=i||l?"#00FFFF":a(C,e.formation,"#BDBDBD"),d=i||l?1:.3;n[e.id]=e,u.extend(b(t)),o.push({type:"Feature",geometry:{type:"Point",coordinates:b(t)},properties:{wellId:e.id,radius:c,color:s,opacity:d,sortKey:l?1:0}})}})),L.current.getSource("wells").setData({type:"FeatureCollection",features:o}),q.current=o.length?u:null;var d=L.current,p=null,h=function(e){d.getCanvas().style.cursor="pointer";var r=n[e.features[0].properties.wellId];if(r&&r.id!==p&&(p=r.id,F)){var t=document.createElement("div"),o=i(F,{well:r,color:a(C,r.formation,"#BDBDBD")});l.render(m(v,{children:o}),t),R.current||(R.current=new y.Popup({closeButton:!1,maxWidth:"none"})),R.current.setLngLat(b(a(r,W))).setDOMContent(t).addTo(d)}},w=function(){var e;p=null,d.getCanvas().style.cursor="",null===(e=R.current)||void 0===e||e.remove()},B=function(e){var t=e.features[0].properties.wellId,o=f&&f.id===t;r.includes(t)&&!o?M(t):j(t)};return d.on("mousemove","wells",h),d.on("mouseleave","wells",w),d.on("click","wells",B),setTimeout((function(){L.current&&O.current&&D!==e&&L.current.fitBounds(O.current,{padding:5})}),500),function(){d.off("mousemove","wells",h),d.off("mouseleave","wells",w),d.off("click","wells",B)}}}),[f,D,x,c,k]),u((function(){c&&setTimeout((function(){f?L.current&&O.current&&L.current.fitBounds(O.current,{padding:5}):L.current&&q.current&&L.current.fitBounds(q.current)}),500)}),[B,f,c,k]),m("div",{className:d.map,children:m("div",{className:d.mapMain,ref:P})})}D.propTypes={open:c.bool.isRequired,subjectWell:c.shape({id:c.number,formation:c.string}),wells:c.arrayOf(c.shape({})).isRequired,offsetWells:c.arrayOf(c.shape({})),radius:c.number.isRequired,formationColors:c.shape({}).isRequired,popUpFormatter:c.func,coordsDataPath:c.string,onAddOffsetWell:c.func.isRequired,onDeleteOffsetWell:c.func.isRequired},D.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var x=r(D);export{x as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as n,useMemo as o,useEffect as u,createElement as l}from"react";import i from"prop-types";import{get as c,sortBy as a}from"lodash";import s from"./Map.css.js";import{mapbox as d}from"../../../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../../../utils/createAdaptiveRoot.js";import"../../../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as m,Fragment as v}from"react/jsx-runtime";import y from"mapbox-gl";var g=d.isValidCoordinates,h=[29.749907,-95.358421],w={type:"FeatureCollection",features:[]},b=function(r){var t=e(r,2),n=t[0];return[t[1],n]};function D(r){var i=r.open,d=r.subjectWell,D=r.wells,x=r.offsetWells,B=r.radius,C=r.formationColors,j=r.popUpFormatter,F=r.coordsDataPath,W=r.onAddOffsetWell,M=r.onDeleteOffsetWell,P=t(null),L=t(),O=t(null),R=t(null),q=t(null),I=t(null),S=t(null),T=t(),k=n(!1),A=e(k,2),N=A[0],U=A[1],E=o((function(){return d&&c(d,F)}),[d,F]);return u((function(){p&&i&&!L.current&&(L.current=new y.Map({container:P.current,style:"mapbox://styles/mapbox/dark-v9",center:b(h),zoom:1,attributionControl:!1,scrollZoom:!1}),L.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),L.current.on("load",(function(){L.current.addSource("radius-circle",{type:"geojson",data:w}),L.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),L.current.addSource("wells",{type:"geojson",data:w}),L.current.addLayer({id:"wells",type:"circle",source:"wells",layout:{"circle-sort-key":["get","sortKey"]},paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),U(!0)})))}),[i]),u((function(){return function(){var e;null===(e=I.current)||void 0===e||e.unmount(),I.current=null,S.current=null,L.current&&(L.current.remove(),L.current=null,O.current=null,R.current=null)}}),[]),u((function(){if(L.current&&N&&i){if(!E)return L.current.getSource("radius-circle").setData(w),void(O.current=null);var r=function(r,t){for(var n=e(r,2),o=n[0],u=n[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,i=[],c=t/(111320*Math.cos(o*Math.PI/180)),a=t/110574,s=0;s<=l;s+=1){var d=s/l*(2*Math.PI);i.push([u+c*Math.cos(d),o+a*Math.sin(d)])}return i}(E,1609.34*B);L.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),O.current=r.reduce((function(e,r){return e.extend(r)}),new y.LngLatBounds)}}),[B,E,i,N]),u((function(){if(L.current&&N&&i){var e=T.current;T.current=D;var r=x.map((function(e){return e.id})),t=a(D,(function(e){return r.includes(e.id)})),n=[],o={},u=new y.LngLatBounds;t.forEach((function(e){var t=c(e,F);if(t&&g(t)){var l=d&&d.id===e.id,i=r.includes(e.id),a=l?10:5,s=l||i?"#00FFFF":c(C,e.formation,"#BDBDBD"),f=l||i?1:.3;o[e.id]=e,u.extend(b(t)),n.push({type:"Feature",geometry:{type:"Point",coordinates:b(t)},properties:{wellId:e.id,radius:a,color:s,opacity:f,sortKey:i?1:0}})}})),L.current.getSource("wells").setData({type:"FeatureCollection",features:n}),R.current=n.length?u:null;var s=L.current,p=null,h=function(e){s.getCanvas().style.cursor="pointer";var r=o[e.features[0].properties.wellId];if(r&&r.id!==p&&(p=r.id,j)){var t=l(j,{well:r,color:c(C,r.formation,"#BDBDBD")});S.current||(S.current=document.createElement("div"),I.current=f(S.current)),I.current.render(m(v,{children:t})),q.current||(q.current=new y.Popup({closeButton:!1,maxWidth:"none"})),q.current.setLngLat(b(c(r,F))).setDOMContent(S.current).addTo(s)}},w=function(){var e;p=null,s.getCanvas().style.cursor="",null===(e=q.current)||void 0===e||e.remove()},B=function(e){var t=e.features[0].properties.wellId,n=d&&d.id===t;r.includes(t)&&!n?M(t):W(t)};return s.on("mousemove","wells",h),s.on("mouseleave","wells",w),s.on("click","wells",B),setTimeout((function(){L.current&&O.current&&D!==e&&L.current.fitBounds(O.current,{padding:5})}),500),function(){s.off("mousemove","wells",h),s.off("mouseleave","wells",w),s.off("click","wells",B)}}}),[d,D,x,i,N]),u((function(){i&&setTimeout((function(){d?L.current&&O.current&&L.current.fitBounds(O.current,{padding:5}):L.current&&R.current&&L.current.fitBounds(R.current)}),500)}),[B,d,i,N]),m("div",{className:s.map,children:m("div",{className:s.mapMain,ref:P})})}D.propTypes={open:i.bool.isRequired,subjectWell:i.shape({id:i.number,formation:i.string}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})),radius:i.number.isRequired,formationColors:i.shape({}).isRequired,popUpFormatter:i.func,coordsDataPath:i.string,onAddOffsetWell:i.func.isRequired,onDeleteOffsetWell:i.func.isRequired},D.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var x=r(D);export{x as default};
 //# sourceMappingURL=Map.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/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, sortBy } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\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\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  formationColors,\n  popUpFormatter,\n  coordsDataPath,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef();\n  const radiusCircleBoundsRef = 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    if (!IS_MAPBOX_ENABLED || !open || mapRef.current) return;\n\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    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        layout: {\n          'circle-sort-key': ['get', 'sortKey'],\n        },\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      if (mapRef.current) {\n        mapRef.current.remove();\n        mapRef.current = null;\n        radiusCircleBoundsRef.current = null;\n        markersBoundsRef.current = null;\n      }\n    },\n    []\n  );\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      radiusCircleBoundsRef.current = null;\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    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, open, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n    const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    sortedWells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n        const color =\n          isWellSubject || isWellOffset\n            ? OFFSET_WELL_COLOR\n            : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          // NOTE: sortKey keeps offset wells rendered on top (was sortedWells insertion order)\n          properties: { wellId: well.id, radius: r, color, opacity, sortKey: isWellOffset ? 1 : 0 },\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      if (popUpFormatter) {\n        // Container to put React generated content in.\n        const popUpContainer = document.createElement('div');\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: get(formationColors, well.formation, '#BDBDBD'),\n        });\n        // NOTE: Custom popup may have buttons\n        ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(popUpContainer)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      popupRef.current?.remove();\n    };\n\n    const handleClick = e => {\n      const { wellId } = e.features[0].properties;\n      const isWellSubject = subjectWell && subjectWell.id === wellId;\n      const isWellOffset = offsetWellIds.includes(wellId);\n\n      if (isWellOffset && !isWellSubject) {\n        onDeleteOffsetWell(wellId);\n      } else {\n        onAddOffsetWell(wellId);\n      }\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n    map.on('click', WELLS_ID, handleClick);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n      map.off('click', WELLS_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWells, open, isMapReady]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, open, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","open","subjectWell","wells","offsetWells","radius","formationColors","popUpFormatter","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","layout","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","geometry","coordinates","reduce","bounds","coord","extend","LngLatBounds","prevWells","offsetWellIds","map","well","sortedWells","sortBy","includes","wellsById","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","properties","wellId","sortKey","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","_Fragment","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","_popupRef$current","handleClick","setTimeout","fitBounds","padding","off","className","styles","mapMain","ref","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\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\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  formationColors,\n  popUpFormatter,\n  coordsDataPath,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef();\n  const radiusCircleBoundsRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = 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    if (!IS_MAPBOX_ENABLED || !open || mapRef.current) return;\n\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    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        layout: {\n          'circle-sort-key': ['get', 'sortKey'],\n        },\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      if (mapRef.current) {\n        mapRef.current.remove();\n        mapRef.current = null;\n        radiusCircleBoundsRef.current = null;\n        markersBoundsRef.current = null;\n      }\n    },\n    []\n  );\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      radiusCircleBoundsRef.current = null;\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    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, open, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n    const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    sortedWells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n        const color =\n          isWellSubject || isWellOffset\n            ? OFFSET_WELL_COLOR\n            : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          // NOTE: sortKey keeps offset wells rendered on top (was sortedWells insertion order)\n          properties: { wellId: well.id, radius: r, color, opacity, sortKey: isWellOffset ? 1 : 0 },\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      if (popUpFormatter) {\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: get(formationColors, well.formation, '#BDBDBD'),\n        });\n        // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n        if (!tooltipContainerRef.current) {\n          tooltipContainerRef.current = document.createElement('div');\n          tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n        }\n        tooltipRootRef.current.render(<>{popUpContent}</>);\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(tooltipContainerRef.current)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      popupRef.current?.remove();\n    };\n\n    const handleClick = e => {\n      const { wellId } = e.features[0].properties;\n      const isWellSubject = subjectWell && subjectWell.id === wellId;\n      const isWellOffset = offsetWellIds.includes(wellId);\n\n      if (isWellOffset && !isWellSubject) {\n        onDeleteOffsetWell(wellId);\n      } else {\n        onAddOffsetWell(wellId);\n      }\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n    map.on('click', WELLS_ID, handleClick);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n      map.off('click', WELLS_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWells, open, isMapReady]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, open, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","open","subjectWell","wells","offsetWells","radius","formationColors","popUpFormatter","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","layout","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","geometry","coordinates","reduce","bounds","coord","extend","LngLatBounds","prevWells","offsetWellIds","map","well","sortedWells","sortBy","includes","wellsById","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","properties","wellId","sortKey","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","_popupRef$current","handleClick","setTimeout","fitBounds","padding","off","className","styles","mapMain","ref","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","defaultProps","memo"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.d.ts

@@ -8,7 +8,7 @@ declare function MapContainer({ open, subjectWell, wells, offsetWells, radius, m
     radius: any;
     subjectWell: any;
     wells: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MapContainer>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"names":[],"mappings":"AAgBA,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,eAsBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"names":[],"mappings":"AAgBA,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,+BAsBA"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.d.ts

@@ -1,6 +1,6 @@
 declare const popupGenerator: () => ({ well, color }: {
     color: any;
     well: any;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export default popupGenerator;
 //# sourceMappingURL=popupGenerator.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popupGenerator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.js"],"names":[],"mappings":"AAgDA,QAAA,MAAM,cAAc;;;iBA6BjB,CAAC;eAEW,cAAc"}
+{"version":3,"file":"popupGenerator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.js"],"names":[],"mappings":"AAgDA,QAAA,MAAM,cAAc;;;iCA6BjB,CAAC;eAEW,cAAc"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AssetSearch.d.ts

@@ -3,7 +3,7 @@ declare function AssetSearch({ company, onClickAsset, isTablet, isMobile }: {
     isMobile: any;
     isTablet: any;
     onClickAsset: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof AssetSearch>;
 export default _default;
 //# sourceMappingURL=AssetSearch.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AssetSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSearch.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AssetSearch.js"],"names":[],"mappings":"AA+DA,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;;CAAA,eAiFjE"}
+{"version":3,"file":"AssetSearch.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AssetSearch.js"],"names":[],"mappings":"AA+DA,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;;CAAA,+BAiFjE"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetResultSection.d.ts

@@ -7,7 +7,7 @@ declare function AssetResultSection({ page, loading, groupedAssets, onClickAsset
     onClickAsset: any;
     onScrollReached: any;
     page: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace AssetResultSection {
     var propTypes: {
         page: PropTypes.Validator<number>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetTypesSection.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function AssetTypesSection({ onClickAssetType }: {
     onClickAssetType: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace AssetTypesSection {
     var propTypes: {
         onClickAssetType: PropTypes.Validator<(...args: any[]) => any>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AutoCompleteAssetSearch.d.ts

@@ -4,7 +4,7 @@ declare function AutoCompleteAssetSearch({ onClickAsset, company, isTablet, isMo
     isMobile: any;
     isTablet: any;
     onClickAsset: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace AutoCompleteAssetSearch {
     var propTypes: {
         company: PropTypes.Validator<number>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.d.ts

@@ -1,3 +1,3 @@
-declare function SubjectIndicator(): JSX.Element;
+declare function SubjectIndicator(): import("react").JSX.Element;
 export default SubjectIndicator;
 //# sourceMappingURL=SubjectIndicator.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectIndicator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.js"],"names":[],"mappings":"AAYA,iBAAS,gBAAgB,gBAGxB;eAEc,gBAAgB"}
+{"version":3,"file":"SubjectIndicator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.js"],"names":[],"mappings":"AAYA,iBAAS,gBAAgB,gCAGxB;eAEc,gBAAgB"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.d.ts

@@ -1,4 +1,4 @@
-declare function WithSizeMe(props: any): JSX.Element;
+declare function WithSizeMe(props: any): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WithSizeMe>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.js"],"names":[],"mappings":"AAkdA,iBAAS,UAAU,CAAC,KAAK,KAAA,eAIxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.js"],"names":[],"mappings":"AAkdA,iBAAS,UAAU,CAAC,KAAK,KAAA,+BAIxB"}