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

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

@@ -1 +1,263 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useRef as o,useMemo as n,useEffect as i,createElement as a}from"react";import c from"react-dom";import l from"prop-types";import u from"mapbox.js";import{get as s,sortBy as m}from"lodash";import{MuiThemeProvider as p}from"@material-ui/core/styles";import{mapbox as f}from"../../../../utils/index.js";import{darkTheme as d}from"../../../../config/theme/index.js";import"highcharts";import"highcharts/highcharts-more";import"highcharts-multicolor-series";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"@babel/runtime/helpers/typeof";import"../../../../config/mapbox/index.js";import{usePrevious as h}from"../../effects/index.js";import b from"./Map.css.js";import{jsx as g,jsxs as F}from"react/jsx-runtime";function v(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 y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?v(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var j=f.isValidCoordinates,O=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],k=[29.749907,-95.358421];function x(t){var l=t.subjectWell,f=t.wells,v=t.offsetWells,x=t.radius,N=t.subjectWellMarkerSize,P=t.wellMarkerSize,w=t.popUpFormatter,B=t.coordsDataPath,S=o(null),W=o(null),C=o(null),D=h(f),T=n((function(){return f.filter((function(r){return!l||l.id!==r.id}))}),[l,f]),M=n((function(){return l&&s(l,B)}),[l,B]),z=n((function(){var e=[],t=!1;T.forEach((function(r){"Null"===r.formation?t=!0:l&&l.formation===r.formation||e.includes(r.formation)||e.push(r.formation)}));var o=l?[l.formation].concat(m(e)):m(e);t&&!o.includes("Null")&&o.push("Null");var n=o.reduce((function(e,t,o){return y(y({},e),{},r({},t,O[o%O.length]))}),{});return[o,n]}),[l,T]),L=e(z,2),E=L[0],I=L[1];return i((function(){S.current=u.mapbox.map(S.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(k,1),u.control.zoom({position:"bottomright"}).addTo(S.current),u.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(S.current)}),[]),i((function(){S.current&&(W.current&&S.current.removeLayer(W.current),M?(W.current=u.circle(M,1609.34*x,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),W.current.addTo(S.current)):W.current=null)}),[x,M]),i((function(){if(S.current){S.current.closePopup(),C.current&&C.current.removeFrom(S.current);var r=v.map((function(r){return r.id})),e=[];f.forEach((function(t){var o=s(t,B);if(o&&j(o)){var n=l&&l.id===t.id,i=r.includes(t.id),m=n?N:P,f=n||i?"#00FFFF":I[t.formation],h=n||i?1:.3,b=u.circleMarker(o,{radius:m,stroke:!1,fill:!0,fillOpacity:h,fillColor:f,className:"circle_500"});b.addEventListener("mouseover",(function(){if(w){var r=document.createElement("div"),e=a(w,{well:t,color:I[t.formation]});c.render(g(p,{theme:d,children:e}),r),u.popup().setLatLng(o).setContent(r).openOn(S.current)}})),e.push(b)}})),e.length&&(C.current=u.featureGroup(e),C.current.addTo(S.current)),setTimeout((function(){W.current&&W.current.bringToBack(),S.current&&W.current&&f!==D&&S.current.fitBounds(W.current.getBounds(),{padding:[5,5]})}),500)}}),[l,f,v,I]),i((function(){setTimeout((function(){W.current&&W.current.bringToBack(),l?S.current&&W.current&&S.current.fitBounds(W.current.getBounds(),{padding:[5,5]}):S.current&&C.current&&S.current.fitBounds(C.current.getBounds())}),500)}),[x,l]),F("div",{className:b.map,children:[g("div",{className:b.mapMain,ref:S}),F("div",{className:b.mapFooter,children:[v&&F("div",{className:b.mapFooterItem,children:[g("div",{className:b.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),g("div",{className:b.mapFooterItemLabel,children:"Selected Offset Wells"})]}),E.map((function(r){return F("div",{className:b.mapFooterItem,children:[g("div",{className:b.mapFooterItemSquare,style:{backgroundColor:I[r]}}),g("div",{className:b.mapFooterItemLabel,children:r})]},r)}))]})]})}x.propTypes={subjectWell:l.shape({id:l.number,formation:l.string}),wells:l.arrayOf(l.shape({})).isRequired,offsetWells:l.arrayOf(l.shape({})),radius:l.number.isRequired,subjectWellMarkerSize:l.number,wellMarkerSize:l.number,popUpFormatter:l.func,coordsDataPath:l.string},x.defaultProps={subjectWell:null,subjectWellMarkerSize:10,wellMarkerSize:5,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var N=t(x);export{N as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useRef, useMemo, useEffect, createElement } from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+import L from 'mapbox.js';
+import { get, sortBy } from 'lodash';
+import { MuiThemeProvider } from '@material-ui/core/styles';
+import { mapbox } from '../../../../utils/index.js';
+import { darkTheme } from '../../../../config/theme/index.js';
+import 'highcharts';
+import 'highcharts/highcharts-more';
+import 'highcharts-multicolor-series';
+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 '@babel/runtime/helpers/typeof';
+import '../../../../config/mapbox/index.js';
+import { usePrevious } from '../../effects/index.js';
+import styles from './Map.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var isValidCoordinates = mapbox.isValidCoordinates;
+var RADIUS_CIRCLE_COLOR = '#03BCD4';
+var METERS_IN_MILE = 1609.34;
+var DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;
+var DEFAULT_WELL_MARKER_SIZE = 5;
+var OFFSET_WELL_COLOR = '#00FFFF';
+var COLORS = ['#FF00FF', '#F5BD80', '#FF0000', '#0080FF', '#FF8000', '#58ACFA', '#FA58F4', '#40FF00', '#4B8A08', '#40FF00', '#D8F781'];
+var DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates
+
+// eslint-disable-next-line no-unused-vars
+function WellsMap(_ref) {
+  var subjectWell = _ref.subjectWell,
+    wells = _ref.wells,
+    offsetWells = _ref.offsetWells,
+    radius = _ref.radius,
+    subjectWellMarkerSize = _ref.subjectWellMarkerSize,
+    wellMarkerSize = _ref.wellMarkerSize,
+    popUpFormatter = _ref.popUpFormatter,
+    coordsDataPath = _ref.coordsDataPath;
+  var mapContainerRef = useRef(null);
+  var radiusCircleRef = useRef(null);
+  var markersGroupRef = useRef(null);
+  var prevWells = usePrevious(wells);
+  var restWells = useMemo(function () {
+    return wells.filter(function (well) {
+      return !subjectWell || subjectWell.id !== well.id;
+    });
+  }, [subjectWell, wells]);
+  var subjectWellCoords = useMemo(function () {
+    return subjectWell && get(subjectWell, coordsDataPath);
+  }, [subjectWell, coordsDataPath]);
+
+  // NOTE: Get well marker colors according to its target formation
+  var _useMemo = useMemo(function () {
+      // NOTE: Determine well marker colors
+      var restFormations = [];
+      var hasNullFormation = false;
+      restWells.forEach(function (well) {
+        if (well.formation === 'Null') {
+          hasNullFormation = true;
+        } else if ((!subjectWell || subjectWell.formation !== well.formation) && !restFormations.includes(well.formation)) {
+          restFormations.push(well.formation);
+        }
+      });
+      var sortedFormations = subjectWell ? [subjectWell.formation].concat(sortBy(restFormations)) : sortBy(restFormations);
+      if (hasNullFormation && !sortedFormations.includes('Null')) {
+        sortedFormations.push('Null');
+      }
+      var colors = sortedFormations.reduce(function (result, item, idx) {
+        return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, item, COLORS[idx % COLORS.length]));
+      }, {});
+      return [sortedFormations, colors];
+    }, [subjectWell, restWells]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    formations = _useMemo2[0],
+    colorDict = _useMemo2[1];
+
+  // NOTE: Initialize map
+  useEffect(function () {
+    mapContainerRef.current = L.mapbox.map(mapContainerRef.current, null, {
+      attributionControl: false,
+      scrollWheelZoom: false,
+      zoomControl: false
+    }).setView(DEFAULT_COORDS, 1);
+    L.control.zoom({
+      position: 'bottomright'
+    }).addTo(mapContainerRef.current);
+    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);
+  }, []);
+
+  // NOTE: Radius circle
+  useEffect(function () {
+    if (!mapContainerRef.current) {
+      return;
+    }
+
+    // NOTE: Clean up
+    if (radiusCircleRef.current) {
+      mapContainerRef.current.removeLayer(radiusCircleRef.current);
+    }
+    if (!subjectWellCoords) {
+      radiusCircleRef.current = null;
+      return;
+    }
+    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.2,
+      fillColor: RADIUS_CIRCLE_COLOR,
+      className: 'circle_500'
+    });
+    radiusCircleRef.current.addTo(mapContainerRef.current);
+  }, [radius, subjectWellCoords]);
+
+  // NOTE: Well markers
+  useEffect(function () {
+    if (!mapContainerRef.current) {
+      return;
+    }
+    mapContainerRef.current.closePopup();
+
+    // NOTE: Clean up
+    if (markersGroupRef.current) {
+      markersGroupRef.current.removeFrom(mapContainerRef.current);
+    }
+    var offsetWellIds = offsetWells.map(function (well) {
+      return well.id;
+    });
+    var markers = [];
+    wells.forEach(function (well) {
+      var coords = get(well, coordsDataPath);
+      if (coords && isValidCoordinates(coords)) {
+        var isWellSubject = subjectWell && subjectWell.id === well.id;
+        var isWellOffset = offsetWellIds.includes(well.id);
+        var r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;
+        var color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];
+        var opacity = isWellSubject || isWellOffset ? 1 : 0.3;
+        var newMarker = L.circleMarker(coords, {
+          radius: r,
+          stroke: false,
+          fill: true,
+          fillOpacity: opacity,
+          fillColor: color,
+          className: 'circle_500'
+        });
+        newMarker.addEventListener('mouseover', function () {
+          if (popUpFormatter) {
+            // Container to put React generated content in.
+            var popUpContainer = document.createElement('div');
+            var popUpContent = createElement(popUpFormatter, {
+              well: well,
+              color: colorDict[well.formation]
+            });
+            // NOTE: Custom popup may have buttons
+            ReactDOM.render( /*#__PURE__*/jsx(MuiThemeProvider, {
+              theme: darkTheme,
+              children: popUpContent
+            }), popUpContainer);
+            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapContainerRef.current);
+          }
+        });
+        markers.push(newMarker);
+      }
+    });
+    if (markers.length) {
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapContainerRef.current);
+    }
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (mapContainerRef.current && radiusCircleRef.current && wells !== prevWells) {
+        mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+          padding: [5, 5]
+        });
+      }
+    }, 500);
+  }, [subjectWell, wells, offsetWells, colorDict]);
+  useEffect(function () {
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (subjectWell) {
+        if (mapContainerRef.current && radiusCircleRef.current) {
+          mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+            padding: [5, 5]
+          });
+        }
+      } else if (mapContainerRef.current && markersGroupRef.current) {
+        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());
+      }
+    }, 500);
+  }, [radius, subjectWell]);
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.map,
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.mapMain,
+      ref: mapContainerRef
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.mapFooter,
+      children: [offsetWells && /*#__PURE__*/jsxs("div", {
+        className: styles.mapFooterItem,
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.mapFooterItemSquare,
+          style: {
+            backgroundColor: OFFSET_WELL_COLOR
+          }
+        }), /*#__PURE__*/jsx("div", {
+          className: styles.mapFooterItemLabel,
+          children: "Selected Offset Wells"
+        })]
+      }), formations.map(function (item) {
+        return /*#__PURE__*/jsxs("div", {
+          className: styles.mapFooterItem,
+          children: [/*#__PURE__*/jsx("div", {
+            className: styles.mapFooterItemSquare,
+            style: {
+              backgroundColor: colorDict[item]
+            }
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.mapFooterItemLabel,
+            children: item
+          })]
+        }, item);
+      })]
+    })]
+  });
+}
+WellsMap.propTypes = {
+  subjectWell: PropTypes.shape({
+    id: PropTypes.number,
+    formation: PropTypes.string
+  }),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),
+  radius: PropTypes.number.isRequired,
+  subjectWellMarkerSize: PropTypes.number,
+  wellMarkerSize: PropTypes.number,
+  popUpFormatter: PropTypes.func,
+  coordsDataPath: PropTypes.string
+};
+WellsMap.defaultProps = {
+  subjectWell: null,
+  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,
+  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,
+  popUpFormatter: null,
+  coordsDataPath: 'settings.top_hole.coordinates',
+  offsetWells: null
+};
+var Map = memo(WellsMap);
+
+export { Map as default };
+//# sourceMappingURL=Map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport L from 'mapbox.js';\nimport { get, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport { mapbox } from '~/utils';\nimport { theme } from '~/config';\n\nimport { usePrevious } from '../../effects';\nimport styles from './Map.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\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 radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\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    mapContainerRef.current = L.mapbox\n      .map(mapContainerRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, 1);\n\n    L.control\n      .zoom({\n        position: 'bottomright',\n      })\n      .addTo(mapContainerRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapContainerRef.current.removeLayer(radiusCircleRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      return;\n    }\n\n    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: RADIUS_CIRCLE_COLOR,\n      className: 'circle_500',\n    });\n\n    radiusCircleRef.current.addTo(mapContainerRef.current);\n  }, [radius, subjectWellCoords]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    mapContainerRef.current.closePopup();\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const markers = [];\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        const newMarker = L.circleMarker(coords, {\n          radius: r,\n          stroke: false,\n          fill: true,\n          fillOpacity: opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', () => {\n          if (popUpFormatter) {\n            // Container to put React generated content in.\n            const popUpContainer = document.createElement('div');\n            const popUpContent = createElement(popUpFormatter, {\n              well,\n              color: 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            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapContainerRef.current);\n          }\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapContainerRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells, colorDict]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapContainerRef.current && radiusCircleRef.current) {\n          mapContainerRef.current.fitBounds(radiusCircleRef.current.getBounds(), {\n            padding: [5, 5],\n          });\n        }\n      } else if (mapContainerRef.current && markersGroupRef.current) {\n          mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());\n        }\n    }, 500);\n  }, [radius, subjectWell]);\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","RADIUS_CIRCLE_COLOR","METERS_IN_MILE","DEFAULT_SUBJECT_WELL_MARKER_SIZE","DEFAULT_WELL_MARKER_SIZE","OFFSET_WELL_COLOR","COLORS","DEFAULT_COORDS","WellsMap","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","popUpFormatter","coordsDataPath","mapContainerRef","useRef","radiusCircleRef","markersGroupRef","prevWells","usePrevious","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","formations","colorDict","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","closePopup","removeFrom","offsetWellIds","markers","coords","isWellSubject","isWellOffset","r","color","opacity","newMarker","circleMarker","addEventListener","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","theme","popup","setLatLng","setContent","openOn","featureGroup","setTimeout","bringToBack","fitBounds","getBounds","padding","_jsxs","styles","mapMain","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAQA,kBAAkB,GAAKC,MAAM,CAA7BD,kBAAkB,CAAA;AAE1B,IAAME,mBAAmB,GAAG,SAAS,CAAA;AACrC,IAAMC,cAAc,GAAG,OAAO,CAAA;AAC9B,IAAMC,gCAAgC,GAAG,EAAE,CAAA;AAC3C,IAAMC,wBAAwB,GAAG,CAAC,CAAA;AAClC,IAAMC,iBAAiB,GAAG,SAAS,CAAA;AACnC,IAAMC,MAAM,GAAG,CACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACV,CAAA;AAED,IAAMC,cAAc,GAAG,CAAC,SAAS,EAAE,CAAC,SAAS,CAAC,CAAC;;AAE/C;AACA,SAASC,QAAQ,CASd,IAAA,EAAA;EAAA,IARDC,WAAW,QAAXA,WAAW;AACXC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,qBAAqB,QAArBA,qBAAqB;AACrBC,IAAAA,cAAc,QAAdA,cAAc;AACdC,IAAAA,cAAc,QAAdA,cAAc;AACdC,IAAAA,cAAc,QAAdA,cAAc,CAAA;AAEd,EAAA,IAAMC,eAAe,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AACpC,EAAA,IAAMC,eAAe,GAAGD,MAAM,CAAC,IAAI,CAAC,CAAA;AACpC,EAAA,IAAME,eAAe,GAAGF,MAAM,CAAC,IAAI,CAAC,CAAA;AAEpC,EAAA,IAAMG,SAAS,GAAGC,WAAW,CAACZ,KAAK,CAAC,CAAA;AAEpC,EAAA,IAAMa,SAAS,GAAGC,OAAO,CAAC,YAAM;AAC9B,IAAA,OAAOd,KAAK,CAACe,MAAM,CAAC,UAAAC,IAAI,EAAA;MAAA,OAAI,CAACjB,WAAW,IAAIA,WAAW,CAACkB,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAA;KAAC,CAAA,CAAA;AACzE,GAAC,EAAE,CAAClB,WAAW,EAAEC,KAAK,CAAC,CAAC,CAAA;AAExB,EAAA,IAAMkB,iBAAiB,GAAGJ,OAAO,CAAC,YAAM;AACtC,IAAA,OAAOf,WAAW,IAAIoB,GAAG,CAACpB,WAAW,EAAEO,cAAc,CAAC,CAAA;AACxD,GAAC,EAAE,CAACP,WAAW,EAAEO,cAAc,CAAC,CAAC,CAAA;;AAEjC;EACA,IAAgCQ,QAAAA,GAAAA,OAAO,CAAC,YAAM;AAC5C;MACA,IAAMM,cAAc,GAAG,EAAE,CAAA;MACzB,IAAIC,gBAAgB,GAAG,KAAK,CAAA;AAE5BR,MAAAA,SAAS,CAACS,OAAO,CAAC,UAAAN,IAAI,EAAI;AACxB,QAAA,IAAIA,IAAI,CAACO,SAAS,KAAK,MAAM,EAAE;AAC7BF,UAAAA,gBAAgB,GAAG,IAAI,CAAA;SACxB,MAAM,IACL,CAAC,CAACtB,WAAW,IAAIA,WAAW,CAACwB,SAAS,KAAKP,IAAI,CAACO,SAAS,KACzD,CAACH,cAAc,CAACI,QAAQ,CAACR,IAAI,CAACO,SAAS,CAAC,EACxC;AACAH,UAAAA,cAAc,CAACK,IAAI,CAACT,IAAI,CAACO,SAAS,CAAC,CAAA;AACrC,SAAA;AACF,OAAC,CAAC,CAAA;MAEF,IAAMG,gBAAgB,GAAG3B,WAAW,GAChC,CAACA,WAAW,CAACwB,SAAS,CAAC,CAACI,MAAM,CAACC,MAAM,CAACR,cAAc,CAAC,CAAC,GACtDQ,MAAM,CAACR,cAAc,CAAC,CAAA;MAE1B,IAAIC,gBAAgB,IAAI,CAACK,gBAAgB,CAACF,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC1DE,QAAAA,gBAAgB,CAACD,IAAI,CAAC,MAAM,CAAC,CAAA;AAC/B,OAAA;MAEA,IAAMI,MAAM,GAAGH,gBAAgB,CAACI,MAAM,CACpC,UAACC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAA;QAAA,OACbF,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,MAAM,CACRC,EAAAA,EAAAA,EAAAA,eAAAA,CAAAA,EAAAA,EAAAA,IAAI,EAAGpC,MAAM,CAACqC,GAAG,GAAGrC,MAAM,CAACsC,MAAM,CAAC,CAAA,CAAA,CAAA;OACnC,EACF,EAAE,CACH,CAAA;AAED,MAAA,OAAO,CAACR,gBAAgB,EAAEG,MAAM,CAAC,CAAA;AACnC,KAAC,EAAE,CAAC9B,WAAW,EAAEc,SAAS,CAAC,CAAC;AAAA,IAAA,SAAA,GAAA,cAAA,CAAA,QAAA,EAAA,CAAA,CAAA;IAjCrBsB,UAAU,GAAA,SAAA,CAAA,CAAA,CAAA;IAAEC,SAAS,GAAA,SAAA,CAAA,CAAA,CAAA,CAAA;;AAmC5B;AACAC,EAAAA,SAAS,CAAC,YAAM;AACd9B,IAAAA,eAAe,CAAC+B,OAAO,GAAGC,CAAC,CAACjD,MAAM,CAC/BkD,GAAG,CAACjC,eAAe,CAAC+B,OAAO,EAAE,IAAI,EAAE;AAClCG,MAAAA,kBAAkB,EAAE,KAAK;AACzBC,MAAAA,eAAe,EAAE,KAAK;AACtBC,MAAAA,WAAW,EAAE,KAAA;AACf,KAAC,CAAC,CACDC,OAAO,CAAC/C,cAAc,EAAE,CAAC,CAAC,CAAA;AAE7B0C,IAAAA,CAAC,CAACM,OAAO,CACNC,IAAI,CAAC;AACJC,MAAAA,QAAQ,EAAE,aAAA;AACZ,KAAC,CAAC,CACDC,KAAK,CAACzC,eAAe,CAAC+B,OAAO,CAAC,CAAA;AACjCC,IAAAA,CAAC,CAACjD,MAAM,CAAC2D,UAAU,CAAC,gCAAgC,CAAC,CAACD,KAAK,CAACzC,eAAe,CAAC+B,OAAO,CAAC,CAAA;GACrF,EAAE,EAAE,CAAC,CAAA;;AAEN;AACAD,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAAC9B,eAAe,CAAC+B,OAAO,EAAE;AAC5B,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAI7B,eAAe,CAAC6B,OAAO,EAAE;MAC3B/B,eAAe,CAAC+B,OAAO,CAACY,WAAW,CAACzC,eAAe,CAAC6B,OAAO,CAAC,CAAA;AAC9D,KAAA;IAEA,IAAI,CAACpB,iBAAiB,EAAE;MACtBT,eAAe,CAAC6B,OAAO,GAAG,IAAI,CAAA;AAC9B,MAAA,OAAA;AACF,KAAA;AAEA7B,IAAAA,eAAe,CAAC6B,OAAO,GAAGC,CAAC,CAACY,MAAM,CAACjC,iBAAiB,EAAEhB,MAAM,GAAGV,cAAc,EAAE;AAC7E4D,MAAAA,MAAM,EAAE,KAAK;AACbC,MAAAA,IAAI,EAAE,IAAI;AACVC,MAAAA,WAAW,EAAE,GAAG;AAChBC,MAAAA,SAAS,EAAEhE,mBAAmB;AAC9BiE,MAAAA,SAAS,EAAE,YAAA;AACb,KAAC,CAAC,CAAA;IAEF/C,eAAe,CAAC6B,OAAO,CAACU,KAAK,CAACzC,eAAe,CAAC+B,OAAO,CAAC,CAAA;AACxD,GAAC,EAAE,CAACpC,MAAM,EAAEgB,iBAAiB,CAAC,CAAC,CAAA;;AAE/B;AACAmB,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAAC9B,eAAe,CAAC+B,OAAO,EAAE;AAC5B,MAAA,OAAA;AACF,KAAA;AAEA/B,IAAAA,eAAe,CAAC+B,OAAO,CAACmB,UAAU,EAAE,CAAA;;AAEpC;IACA,IAAI/C,eAAe,CAAC4B,OAAO,EAAE;MAC3B5B,eAAe,CAAC4B,OAAO,CAACoB,UAAU,CAACnD,eAAe,CAAC+B,OAAO,CAAC,CAAA;AAC7D,KAAA;AAEA,IAAA,IAAMqB,aAAa,GAAG1D,WAAW,CAACuC,GAAG,CAAC,UAAAxB,IAAI,EAAA;MAAA,OAAIA,IAAI,CAACC,EAAE,CAAA;KAAC,CAAA,CAAA;IAEtD,IAAM2C,OAAO,GAAG,EAAE,CAAA;AAClB5D,IAAAA,KAAK,CAACsB,OAAO,CAAC,UAAAN,IAAI,EAAI;AACpB,MAAA,IAAM6C,MAAM,GAAG1C,GAAG,CAACH,IAAI,EAAEV,cAAc,CAAC,CAAA;AAExC,MAAA,IAAIuD,MAAM,IAAIxE,kBAAkB,CAACwE,MAAM,CAAC,EAAE;QACxC,IAAMC,aAAa,GAAG/D,WAAW,IAAIA,WAAW,CAACkB,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAA;QAC/D,IAAM8C,YAAY,GAAGJ,aAAa,CAACnC,QAAQ,CAACR,IAAI,CAACC,EAAE,CAAC,CAAA;AACpD,QAAA,IAAM+C,CAAC,GAAGF,aAAa,GAAG3D,qBAAqB,GAAGC,cAAc,CAAA;AAChE,QAAA,IAAM6D,KAAK,GAAGH,aAAa,IAAIC,YAAY,GAAGpE,iBAAiB,GAAGyC,SAAS,CAACpB,IAAI,CAACO,SAAS,CAAC,CAAA;QAC3F,IAAM2C,OAAO,GAAGJ,aAAa,IAAIC,YAAY,GAAG,CAAC,GAAG,GAAG,CAAA;AAEvD,QAAA,IAAMI,SAAS,GAAG5B,CAAC,CAAC6B,YAAY,CAACP,MAAM,EAAE;AACvC3D,UAAAA,MAAM,EAAE8D,CAAC;AACTZ,UAAAA,MAAM,EAAE,KAAK;AACbC,UAAAA,IAAI,EAAE,IAAI;AACVC,UAAAA,WAAW,EAAEY,OAAO;AACpBX,UAAAA,SAAS,EAAEU,KAAK;AAChBT,UAAAA,SAAS,EAAE,YAAA;AACb,SAAC,CAAC,CAAA;AAEFW,QAAAA,SAAS,CAACE,gBAAgB,CAAC,WAAW,EAAE,YAAM;AAC5C,UAAA,IAAIhE,cAAc,EAAE;AAClB;AACA,YAAA,IAAMiE,cAAc,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;AACpD,YAAA,IAAMC,YAAY,GAAGD,aAAa,CAACnE,cAAc,EAAE;AACjDW,cAAAA,IAAI,EAAJA,IAAI;AACJiD,cAAAA,KAAK,EAAE7B,SAAS,CAACpB,IAAI,CAACO,SAAS,CAAA;AACjC,aAAC,CAAC,CAAA;AACF;AACAmD,YAAAA,QAAQ,CAACC,MAAM,eACbC,GAAA,CAAC,gBAAgB,EAAA;cAAC,KAAK,EAAEC,SAAgB;cAAA,QAAEJ,EAAAA,YAAAA;aAAgC,CAAA,EAC3EH,cAAc,CACf,CAAA;AAED/B,YAAAA,CAAC,CAACuC,KAAK,EAAE,CAACC,SAAS,CAAClB,MAAM,CAAC,CAACmB,UAAU,CAACV,cAAc,CAAC,CAACW,MAAM,CAAC1E,eAAe,CAAC+B,OAAO,CAAC,CAAA;AACxF,WAAA;AACF,SAAC,CAAC,CAAA;AAEFsB,QAAAA,OAAO,CAACnC,IAAI,CAAC0C,SAAS,CAAC,CAAA;AACzB,OAAA;AACF,KAAC,CAAC,CAAA;IAEF,IAAIP,OAAO,CAAC1B,MAAM,EAAE;MAClBxB,eAAe,CAAC4B,OAAO,GAAGC,CAAC,CAAC2C,YAAY,CAACtB,OAAO,CAAC,CAAA;MACjDlD,eAAe,CAAC4B,OAAO,CAACU,KAAK,CAACzC,eAAe,CAAC+B,OAAO,CAAC,CAAA;AACxD,KAAA;AAEA6C,IAAAA,UAAU,CAAC,YAAM;MACf,IAAI1E,eAAe,CAAC6B,OAAO,EAAE;AAC3B7B,QAAAA,eAAe,CAAC6B,OAAO,CAAC8C,WAAW,EAAE,CAAA;AACvC,OAAA;MAEA,IAAI7E,eAAe,CAAC+B,OAAO,IAAI7B,eAAe,CAAC6B,OAAO,IAAItC,KAAK,KAAKW,SAAS,EAAE;QAC7EJ,eAAe,CAAC+B,OAAO,CAAC+C,SAAS,CAAC5E,eAAe,CAAC6B,OAAO,CAACgD,SAAS,EAAE,EAAE;AAAEC,UAAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;AAAE,SAAC,CAAC,CAAA;AAC7F,OAAA;KACD,EAAE,GAAG,CAAC,CAAA;GACR,EAAE,CAACxF,WAAW,EAAEC,KAAK,EAAEC,WAAW,EAAEmC,SAAS,CAAC,CAAC,CAAA;AAEhDC,EAAAA,SAAS,CAAC,YAAM;AACd8C,IAAAA,UAAU,CAAC,YAAM;MACf,IAAI1E,eAAe,CAAC6B,OAAO,EAAE;AAC3B7B,QAAAA,eAAe,CAAC6B,OAAO,CAAC8C,WAAW,EAAE,CAAA;AACvC,OAAA;AACA,MAAA,IAAIrF,WAAW,EAAE;AACf,QAAA,IAAIQ,eAAe,CAAC+B,OAAO,IAAI7B,eAAe,CAAC6B,OAAO,EAAE;UACtD/B,eAAe,CAAC+B,OAAO,CAAC+C,SAAS,CAAC5E,eAAe,CAAC6B,OAAO,CAACgD,SAAS,EAAE,EAAE;AACrEC,YAAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;AAChB,WAAC,CAAC,CAAA;AACJ,SAAA;OACD,MAAM,IAAIhF,eAAe,CAAC+B,OAAO,IAAI5B,eAAe,CAAC4B,OAAO,EAAE;QAC3D/B,eAAe,CAAC+B,OAAO,CAAC+C,SAAS,CAAC3E,eAAe,CAAC4B,OAAO,CAACgD,SAAS,EAAE,CAAC,CAAA;AACxE,OAAA;KACH,EAAE,GAAG,CAAC,CAAA;AACT,GAAC,EAAE,CAACpF,MAAM,EAAEH,WAAW,CAAC,CAAC,CAAA;EAEzB,oBACEyF,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,MAAM,CAACjD,GAAI;IAAA,QACzB,EAAA,cAAAoC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEa,MAAM,CAACC,OAAQ;AAAC,MAAA,GAAG,EAAEnF,eAAAA;AAAgB,KAAA,CAAG,eAExDiF,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEC,MAAM,CAACE,SAAU;AAAA,MAAA,QAAA,EAAA,CAC9B1F,WAAW,iBACVuF,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEC,MAAM,CAACG,aAAc;QAAA,QACnC,EAAA,cAAAhB,GAAA,CAAA,KAAA,EAAA;UACE,SAAS,EAAEa,MAAM,CAACI,mBAAoB;AACtC,UAAA,KAAK,EAAE;AAAEC,YAAAA,eAAe,EAAEnG,iBAAAA;AAAkB,WAAA;AAAE,SAAA,CAC9C,eACFiF,GAAA,CAAA,KAAA,EAAA;UAAK,SAAS,EAAEa,MAAM,CAACM,kBAAmB;AAAA,UAAA,QAAA,EAAA,uBAAA;SAA4B,CAAA,CAAA;AAAA,OAAA,CAEzE,EAEA5D,UAAU,CAACK,GAAG,CAAC,UAAAR,IAAI,EAAA;QAAA,oBAClBwD,IAAA,CAAA,KAAA,EAAA;UAAK,SAAS,EAAEC,MAAM,CAACG,aAAc;UAAA,QACnC,EAAA,cAAAhB,GAAA,CAAA,KAAA,EAAA;YACE,SAAS,EAAEa,MAAM,CAACI,mBAAoB;AACtC,YAAA,KAAK,EAAE;cAAEC,eAAe,EAAE1D,SAAS,CAACJ,IAAI,CAAA;AAAE,aAAA;AAAE,WAAA,CAC5C,eACF4C,GAAA,CAAA,KAAA,EAAA;YAAK,SAAS,EAAEa,MAAM,CAACM,kBAAmB;YAAA,QAAE/D,EAAAA,IAAAA;WAAW,CAAA,CAAA;AAAA,SAAA,EALdA,IAAI,CAMzC,CAAA;AAAA,OACP,CAAC,CAAA;KACE,CAAA,CAAA;GACF,CAAA,CAAA;AAEV,CAAA;AAEAlC,QAAQ,CAACkG,SAAS,GAAG;AACnBjG,EAAAA,WAAW,EAAEkG,SAAS,CAACC,KAAK,CAAC;IAC3BjF,EAAE,EAAEgF,SAAS,CAACE,MAAM;IACpB5E,SAAS,EAAE0E,SAAS,CAACG,MAAAA;AACvB,GAAC,CAAC;AACFpG,EAAAA,KAAK,EAAEiG,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAAC,CAACI,UAAU;AACxDrG,EAAAA,WAAW,EAAEgG,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAAC;AACnDhG,EAAAA,MAAM,EAAE+F,SAAS,CAACE,MAAM,CAACG,UAAU;EACnCnG,qBAAqB,EAAE8F,SAAS,CAACE,MAAM;EACvC/F,cAAc,EAAE6F,SAAS,CAACE,MAAM;EAChC9F,cAAc,EAAE4F,SAAS,CAACM,IAAI;EAC9BjG,cAAc,EAAE2F,SAAS,CAACG,MAAAA;AAC5B,CAAC,CAAA;AAEDtG,QAAQ,CAAC0G,YAAY,GAAG;AACtBzG,EAAAA,WAAW,EAAE,IAAI;AACjBI,EAAAA,qBAAqB,EAAEV,gCAAgC;AACvDW,EAAAA,cAAc,EAAEV,wBAAwB;AACxCW,EAAAA,cAAc,EAAE,IAAI;AACpBC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CL,EAAAA,WAAW,EAAE,IAAA;AACf,CAAC,CAAA;AAED,UAAewG,IAAI,CAAC3G,QAAQ,CAAC;;;;"}

package/components/OffsetWellPickerV2/components/Map/index.css.js

@@ -1 +1,8 @@
-import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={mapContainer:"index_mapContainer__FwBeR",mapContainerHidden:"index_mapContainerHidden__4ct4B"};n(".index_mapContainer__FwBeR{margin-top:24px}.index_mapContainerHidden__4ct4B{display:none;margin-top:20px}");export{e as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_mapContainer__FwBeR {\n  margin-top: 24px;\n}\n\n.index_mapContainerHidden__4ct4B {\n  margin-top: 20px;\n  display: none;\n}\n";
+var styles = {"mapContainer":"index_mapContainer__FwBeR","mapContainerHidden":"index_mapContainerHidden__4ct4B"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=index.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1 +1,69 @@
-import{memo as e,useMemo as r,useCallback as o}from"react";import t from"prop-types";import l from"classnames";import s from"./popupGenerator.js";import i from"./Map.js";import n from"./index.css.js";import{jsx as u}from"react/jsx-runtime";function a(e){var t=e.subjectWell,a=e.wells,f=e.offsetWells,p=e.radius,d=e.mapHidden,m=e.onSetSubjectWell,c=e.onRemoveSubjectWell,W=e.onAddOffsetWell,j=e.onDeleteOffsetWell,b=r((function(){return f.map((function(e){return e.id}))}),[f]),R=o((function(e,r){r?j(e):W(e)}),[W,j]),q=o((function(e,r){r?c(e):m(e)}),[m,c]),O=l(n.mapContainer,d&&n.mapContainerHidden);return u("div",{className:O,children:u(i,{subjectWell:t,wells:a,offsetWells:f,radius:p,popUpFormatter:s(t,b,q,R),coordsDataPath:"topHole.coordinates"})})}a.propTypes={subjectWell:t.shape({}),wells:t.arrayOf(t.shape({})).isRequired,offsetWells:t.arrayOf(t.shape({})).isRequired,radius:t.number,mapHidden:t.bool.isRequired,onSetSubjectWell:t.func.isRequired,onRemoveSubjectWell:t.func.isRequired,onAddOffsetWell:t.func.isRequired,onDeleteOffsetWell:t.func.isRequired},a.defaultProps={subjectWell:null,radius:null};var f=e(a);export{f as default};
+import { memo, useMemo, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import popupGenerator from './popupGenerator.js';
+import Map from './Map.js';
+import styles from './index.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+function MapContainer(_ref) {
+  var subjectWell = _ref.subjectWell,
+    wells = _ref.wells,
+    offsetWells = _ref.offsetWells,
+    radius = _ref.radius,
+    mapHidden = _ref.mapHidden,
+    onSetSubjectWell = _ref.onSetSubjectWell,
+    onRemoveSubjectWell = _ref.onRemoveSubjectWell,
+    onAddOffsetWell = _ref.onAddOffsetWell,
+    onDeleteOffsetWell = _ref.onDeleteOffsetWell;
+  var offsetWellIds = useMemo(function () {
+    return offsetWells.map(function (well) {
+      return well.id;
+    });
+  }, [offsetWells]);
+  var handleAddOrDeleteOffsetWell = useCallback(function (wellId, isOffset) {
+    if (!isOffset) {
+      onAddOffsetWell(wellId);
+    } else {
+      onDeleteOffsetWell(wellId);
+    }
+  }, [onAddOffsetWell, onDeleteOffsetWell]);
+  var handleSetOrRemoveSubjectWell = useCallback(function (wellId, isSubject) {
+    if (!isSubject) {
+      onSetSubjectWell(wellId);
+    } else {
+      onRemoveSubjectWell(wellId);
+    }
+  }, [onSetSubjectWell, onRemoveSubjectWell]);
+  var containerClass = classNames(styles.mapContainer, mapHidden && styles.mapContainerHidden);
+  return /*#__PURE__*/jsx("div", {
+    className: containerClass,
+    children: /*#__PURE__*/jsx(Map, {
+      subjectWell: subjectWell,
+      wells: wells,
+      offsetWells: offsetWells,
+      radius: radius,
+      popUpFormatter: popupGenerator(subjectWell, offsetWellIds, handleSetOrRemoveSubjectWell, handleAddOrDeleteOffsetWell),
+      coordsDataPath: "topHole.coordinates"
+    })
+  });
+}
+MapContainer.propTypes = {
+  subjectWell: PropTypes.shape({}),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  radius: PropTypes.number,
+  mapHidden: PropTypes.bool.isRequired,
+  onSetSubjectWell: PropTypes.func.isRequired,
+  onRemoveSubjectWell: PropTypes.func.isRequired,
+  onAddOffsetWell: PropTypes.func.isRequired,
+  onDeleteOffsetWell: PropTypes.func.isRequired
+};
+MapContainer.defaultProps = {
+  subjectWell: null,
+  radius: null
+};
+var WellsMap = memo(MapContainer);
+
+export { WellsMap as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"sourcesContent":["import { memo, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport popupGenerator from './popupGenerator';\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  mapHidden,\n  onSetSubjectWell,\n  onRemoveSubjectWell,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const offsetWellIds = useMemo(() => {\n    return offsetWells.map(well => well.id);\n  }, [offsetWells]);\n\n  const handleAddOrDeleteOffsetWell = useCallback(\n    (wellId, isOffset) => {\n      if (!isOffset) {\n        onAddOffsetWell(wellId);\n      } else {\n        onDeleteOffsetWell(wellId);\n      }\n    },\n    [onAddOffsetWell, onDeleteOffsetWell]\n  );\n\n  const handleSetOrRemoveSubjectWell = useCallback(\n    (wellId, isSubject) => {\n      if (!isSubject) {\n        onSetSubjectWell(wellId);\n      } else {\n        onRemoveSubjectWell(wellId);\n      }\n    },\n    [onSetSubjectWell, onRemoveSubjectWell]\n  );\n\n  const containerClass = classNames(\n    styles.mapContainer,\n    mapHidden && styles.mapContainerHidden,\n  );\n\n  return (\n    <div className={containerClass}>\n      <Map\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        popUpFormatter={popupGenerator(\n          subjectWell,\n          offsetWellIds,\n          handleSetOrRemoveSubjectWell,\n          handleAddOrDeleteOffsetWell\n        )}\n        coordsDataPath=\"topHole.coordinates\"\n      />\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  onSetSubjectWell: PropTypes.func.isRequired,\n  onRemoveSubjectWell: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nMapContainer.defaultProps = {\n  subjectWell: null,\n  radius: null,\n};\n\nexport default memo(MapContainer);\n"],"names":["MapContainer","subjectWell","wells","offsetWells","radius","mapHidden","onSetSubjectWell","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","offsetWellIds","useMemo","map","well","id","handleAddOrDeleteOffsetWell","useCallback","wellId","isOffset","handleSetOrRemoveSubjectWell","isSubject","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","popupGenerator","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","func","defaultProps","memo"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Map/popup.css.js

@@ -1 +1,8 @@
-import p from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var o={popup:"popup_popup__6YwVL",wellColor:"popup_wellColor__D1fDg",wellName:"popup_wellName__5QW-2",popupInfo:"popup_popupInfo__QzuTJ",popupActions:"popup_popupActions__c2C85",popupButton:"popup_popupButton__peDV-",popupButtonContained:"popup_popupButtonContained__ZJV4R",poupupButton:"popup_poupupButton__xIGyt",popupButtonLabel:"popup_popupButtonLabel__pps4r",popupButtonIcon:"popup_popupButtonIcon__cP7oA"};p(".popup_popup__6YwVL{color:#fff;font-family:Roboto}.popup_wellColor__D1fDg{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.popup_wellName__5QW-2{color:#fff;font-size:16px;line-height:140.6%}.popup_popupInfo__QzuTJ,.popup_wellName__5QW-2{font-family:Roboto;font-style:normal;font-weight:400}.popup_popupInfo__QzuTJ{color:#bdbdbd;font-size:12px;letter-spacing:.4px;line-height:17px;margin:4px}.popup_popupActions__c2C85{display:flex;justify-content:flex-end;margin-top:8px}.popup_popupButton__peDV-{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:36px;margin-right:5px;padding:12px 16px;user-select:none}.popup_popupButton__peDV-.popup_popupButtonContained__ZJV4R{background-color:#03bcd4}.popup_poupupButton__xIGyt:hover{background-color:hsla(0,0%,100%,.1)}.popup_popupButtonContained__ZJV4R:hover{background-color:#02acc1}.popup_popupButtonLabel__pps4r{color:#03bcd4;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;letter-spacing:1px;line-height:12px;text-transform:uppercase}.popup_popupButtonIcon__cP7oA{color:#03bcd4;height:16px;margin:4px 0;position:relative;width:25px}.popup_popupButtonContained__ZJV4R .popup_popupButtonLabel__pps4r{color:#fff}.popup_popupButtonIcon__cP7oA svg{font-size:18px;line-height:18px}");export{o as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".popup_popup__6YwVL {\n  color: #fff;\n  font-family: Roboto;\n}\n\n.popup_wellColor__D1fDg {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  display: inline-block;\n  margin-right: 8px;\n}\n\n.popup_wellName__5QW-2 {\n  font-family: Roboto;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 140.6%;\n  color: #ffffff;\n}\n\n.popup_popupInfo__QzuTJ {\n  font-family: Roboto;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 17px;\n  letter-spacing: 0.4px;\n  color: #bdbdbd;\n  margin: 4px;\n}\n\n.popup_popupActions__c2C85 {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 8px;\n}\n\n.popup_popupButton__peDV- {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 12px 16px;\n  border-radius: 4px;\n  user-select: none;\n  margin-right: 5px;\n  height: 36px;\n}\n\n.popup_popupButton__peDV-.popup_popupButtonContained__ZJV4R {\n  background-color: #03bcd4;\n}\n\n.popup_poupupButton__xIGyt:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.popup_popupButtonContained__ZJV4R:hover {\n  background-color: #02acc1;\n}\n\n.popup_popupButtonLabel__pps4r {\n  font-family: Roboto;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 12px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: #03bcd4;\n}\n\n.popup_popupButtonIcon__cP7oA {\n  position: relative;\n  width: 25px;\n  height: 16px;\n  color: #03bcd4;\n  margin: 4px 0;\n}\n\n.popup_popupButtonContained__ZJV4R .popup_popupButtonLabel__pps4r {\n  color: white;\n}\n\n.popup_popupButtonIcon__cP7oA svg {\n  font-size: 18px;\n  line-height: 18px;\n}\n";
+var styles = {"popup":"popup_popup__6YwVL","wellColor":"popup_wellColor__D1fDg","wellName":"popup_wellName__5QW-2","popupInfo":"popup_popupInfo__QzuTJ","popupActions":"popup_popupActions__c2C85","popupButton":"popup_popupButton__peDV-","popupButtonContained":"popup_popupButtonContained__ZJV4R","poupupButton":"popup_poupupButton__xIGyt","popupButtonLabel":"popup_popupButtonLabel__pps4r","popupButtonIcon":"popup_popupButtonIcon__cP7oA"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=popup.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1 +1,82 @@
-import e from"moment";import t from"@material-ui/icons/Delete";import o from"@material-ui/icons/CenterFocusStrong";import a from"./popup.css.js";import{jsxs as l,jsx as i}from"react/jsx-runtime";var n="popupGenerator",c=function(c,r,s,p){return function(u){var d=u.well,m=u.color,f=r.includes(d.id),N=c&&c.id===d.id;return l("div",{className:a.popup,children:[l("div",{children:[i("div",{className:a.wellColor,style:{backgroundColor:m}}),i("span",{className:a.wellName,children:d.name})]}),l("div",{className:a.popupInfo,children:["Well Depth:",Number.isFinite(d.rigReleaseDate)?"".concat(Math.floor(d.totalDepth)," ft"):"N/A"]}),l("div",{className:a.popupInfo,children:["Release Date:",Number.isFinite(d.rigReleaseDate)?e.unix(d.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),l("div",{className:a.popupActions,children:[l("div",N?{"data-testid":"".concat(n,"_removeSubjectWell"),className:a.popupButton,onClick:function(){return s(d.id,N)},children:[i("div",{className:a.popupButtonIcon,children:i(t,{})}),i("div",{className:a.popupButtonLabel,children:"Remove Subject Well"})]}:{"data-testid":"".concat(n,"_setSubjectWell"),className:a.popupButton,onClick:function(){return s(d.id,N)},children:[i("div",{className:a.popupButtonIcon,children:i(o,{})}),i("div",{className:a.popupButtonLabel,children:"Set Subject Well"})]}),!N&&i("div",{className:"".concat(a.popupButton," ").concat(a.popupButtonContained),onClick:function(){return p(d.id,f)},children:i("div",f?{"data-testid":"".concat(n,"_removeOffsetWell"),className:a.popupButtonLabel,children:"Remove Offset"}:{"data-testid":"".concat(n,"_selectOffsetWell"),className:a.popupButtonLabel,children:"Select As Offset"})})]})]})}};export{c as default};
+import moment from 'moment';
+import DeleteIcon from '@material-ui/icons/Delete';
+import CenterFocusStrongIcon from '@material-ui/icons/CenterFocusStrong';
+import styles from './popup.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/* eslint-disable react/prop-types */
+var PAGE_NAME = 'popupGenerator';
+var popupGenerator = function popupGenerator(subjectWell, offsetWellIds, handleSetOrRemoveSubjectWell, handleAddOrDeleteOffsetWell) {
+  return function (_ref) {
+    var well = _ref.well,
+      color = _ref.color;
+    var isOffset = offsetWellIds.includes(well.id);
+    var isSubject = subjectWell && subjectWell.id === well.id;
+    return /*#__PURE__*/jsxs("div", {
+      className: styles.popup,
+      children: [/*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.wellColor,
+          style: {
+            backgroundColor: color
+          }
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.wellName,
+          children: well.name
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.popupInfo,
+        children: ["Well Depth:", Number.isFinite(well.rigReleaseDate) ? "".concat(Math.floor(well.totalDepth), " ft") : 'N/A']
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.popupInfo,
+        children: ["Release Date:", Number.isFinite(well.rigReleaseDate) ? moment.unix(well.rigReleaseDate).format('MM/DD/YYYY') : 'N/A']
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.popupActions,
+        children: [isSubject ? /*#__PURE__*/jsxs("div", {
+          "data-testid": "".concat(PAGE_NAME, "_removeSubjectWell"),
+          className: styles.popupButton,
+          onClick: function onClick() {
+            return handleSetOrRemoveSubjectWell(well.id, isSubject);
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            className: styles.popupButtonIcon,
+            children: /*#__PURE__*/jsx(DeleteIcon, {})
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.popupButtonLabel,
+            children: "Remove Subject Well"
+          })]
+        }) : /*#__PURE__*/jsxs("div", {
+          "data-testid": "".concat(PAGE_NAME, "_setSubjectWell"),
+          className: styles.popupButton,
+          onClick: function onClick() {
+            return handleSetOrRemoveSubjectWell(well.id, isSubject);
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            className: styles.popupButtonIcon,
+            children: /*#__PURE__*/jsx(CenterFocusStrongIcon, {})
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.popupButtonLabel,
+            children: "Set Subject Well"
+          })]
+        }), !isSubject && /*#__PURE__*/jsx("div", {
+          className: "".concat(styles.popupButton, " ").concat(styles.popupButtonContained),
+          onClick: function onClick() {
+            return handleAddOrDeleteOffsetWell(well.id, isOffset);
+          },
+          children: isOffset ? /*#__PURE__*/jsx("div", {
+            "data-testid": "".concat(PAGE_NAME, "_removeOffsetWell"),
+            className: styles.popupButtonLabel,
+            children: "Remove Offset"
+          }) : /*#__PURE__*/jsx("div", {
+            "data-testid": "".concat(PAGE_NAME, "_selectOffsetWell"),
+            className: styles.popupButtonLabel,
+            children: "Select As Offset"
+          })
+        })]
+      })]
+    });
+  };
+};
+
+export { popupGenerator as default };
+//# sourceMappingURL=popupGenerator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popupGenerator.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/popupGenerator.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport moment from 'moment';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport CenterFocusStrongIcon from '@material-ui/icons/CenterFocusStrong';\n\nimport styles from './popup.css';\n\nconst PAGE_NAME = 'popupGenerator';\n\nconst popupGenerator = (\n  subjectWell,\n  offsetWellIds,\n  handleSetOrRemoveSubjectWell,\n  handleAddOrDeleteOffsetWell\n) => ({ well, color }) => {\n  const isOffset = offsetWellIds.includes(well.id);\n\n  const isSubject = subjectWell && subjectWell.id === well.id;\n\n  return (\n    <div className={styles.popup}>\n      <div>\n        <div className={styles.wellColor} style={{ backgroundColor: color }} />\n        <span className={styles.wellName}>{well.name}</span>\n      </div>\n\n      <div className={styles.popupInfo}>\n        Well Depth:\n        {Number.isFinite(well.rigReleaseDate) ? `${Math.floor(well.totalDepth)} ft` : 'N/A'}\n      </div>\n\n      <div className={styles.popupInfo}>\n        Release Date:\n        {Number.isFinite(well.rigReleaseDate)\n          ? moment.unix(well.rigReleaseDate).format('MM/DD/YYYY')\n          : 'N/A'}\n      </div>\n\n      <div className={styles.popupActions}>\n        {isSubject ? (\n          <div\n            data-testid={`${PAGE_NAME}_removeSubjectWell`}\n            className={styles.popupButton}\n            onClick={() => handleSetOrRemoveSubjectWell(well.id, isSubject)}\n          >\n            <div className={styles.popupButtonIcon}>\n              <DeleteIcon />\n            </div>\n            <div className={styles.popupButtonLabel}>Remove Subject Well</div>\n          </div>\n        ) : (\n          <div\n            data-testid={`${PAGE_NAME}_setSubjectWell`}\n            className={styles.popupButton}\n            onClick={() => handleSetOrRemoveSubjectWell(well.id, isSubject)}\n          >\n            <div className={styles.popupButtonIcon}>\n              <CenterFocusStrongIcon />\n            </div>\n            <div className={styles.popupButtonLabel}>Set Subject Well</div>\n          </div>\n        )}\n        {!isSubject && (\n          <div\n            className={`${styles.popupButton} ${styles.popupButtonContained}`}\n            onClick={() => handleAddOrDeleteOffsetWell(well.id, isOffset)}\n          >\n            {isOffset ? (\n              <div\n                data-testid={`${PAGE_NAME}_removeOffsetWell`}\n                className={styles.popupButtonLabel}\n              >\n                Remove Offset\n              </div>\n            ) : (\n              <div\n                data-testid={`${PAGE_NAME}_selectOffsetWell`}\n                className={styles.popupButtonLabel}\n              >\n                Select As Offset\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default popupGenerator;\n"],"names":["PAGE_NAME","popupGenerator","subjectWell","offsetWellIds","handleSetOrRemoveSubjectWell","handleAddOrDeleteOffsetWell","well","color","isOffset","includes","id","isSubject","_jsxs","styles","popup","_jsx","wellColor","backgroundColor","wellName","name","popupInfo","Number","isFinite","rigReleaseDate","Math","floor","totalDepth","moment","unix","format","popupActions","popupButton","popupButtonIcon","popupButtonLabel","popupButtonContained"],"mappings":"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"}