@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

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

@@ -1 +1,272 @@
-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 { get, sortBy } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/typeof';
+import { mapbox } from '../../../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+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 L from 'mapbox.js';
+import '../../../../config/mapbox/index.js';
+import { memo, useRef, useMemo, useEffect, createElement } from 'react';
+import PropTypes from 'prop-types';
+import { MuiThemeProvider } from '@material-ui/core/styles';
+import ReactDOM from 'react-dom';
+import { usePrevious } from '../../effects/index.js';
+import styles from './Map.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 default Map;
+//# 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":"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"}

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__2kuC9 {\n  margin-top: 24px;\n}\n\n.index_mapContainerHidden__qi5kA {\n  margin-top: 20px;\n  display: none;\n}\n";
+var styles = {"mapContainer":"index_mapContainer__2kuC9","mapContainerHidden":"index_mapContainerHidden__qi5kA"};
+styleInject(css_248z);
+
+export default styles;
+//# 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,0DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1 +1,70 @@
-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 { jsx } from 'react/jsx-runtime';
+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';
+
+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 default WellsMap;
+//# 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__ueycT {\n  color: #fff;\n  font-family: Roboto;\n}\n\n.popup_wellColor__3hwTg {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  display: inline-block;\n  margin-right: 8px;\n}\n\n.popup_wellName___sjQY {\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__248s4 {\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__1VFu- {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 8px;\n}\n\n.popup_popupButton__2D7y_ {\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__2D7y_.popup_popupButtonContained__3tNCY {\n  background-color: #03bcd4;\n}\n\n.popup_poupupButton__vlOTw:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.popup_popupButtonContained__3tNCY:hover {\n  background-color: #02acc1;\n}\n\n.popup_popupButtonLabel__1guuh {\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__1MoY4 {\n  position: relative;\n  width: 25px;\n  height: 16px;\n  color: #03bcd4;\n  margin: 4px 0;\n}\n\n.popup_popupButtonContained__3tNCY .popup_popupButtonLabel__1guuh {\n  color: white;\n}\n\n.popup_popupButtonIcon__1MoY4 svg {\n  font-size: 18px;\n  line-height: 18px;\n}\n";
+var styles = {"popup":"popup_popup__ueycT","wellColor":"popup_wellColor__3hwTg","wellName":"popup_wellName___sjQY","popupInfo":"popup_popupInfo__248s4","popupActions":"popup_popupActions__1VFu-","popupButton":"popup_popupButton__2D7y_","popupButtonContained":"popup_popupButtonContained__3tNCY","poupupButton":"popup_poupupButton__vlOTw","popupButtonLabel":"popup_popupButtonLabel__1guuh","popupButtonIcon":"popup_popupButtonIcon__1MoY4"};
+styleInject(css_248z);
+
+export default styles;
+//# 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,0DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1 +1,76 @@
-import e from"moment";import o from"@material-ui/icons/Delete";import t from"@material-ui/icons/CenterFocusStrong";import i from"./popup.css.js";import{jsxs as n,jsx as l}from"react/jsx-runtime";var a=function(a,c,r,p){return function(s){var u=s.well,d=s.color,m=c.includes(u.id),f=a&&a.id===u.id;return n("div",{className:i.popup,children:[n("div",{children:[l("div",{className:i.wellColor,style:{backgroundColor:d}}),l("span",{className:i.wellName,children:u.name})]}),n("div",{className:i.popupInfo,children:["Well Depth:",Number.isFinite(u.rigReleaseDate)?"".concat(Math.floor(u.totalDepth)," ft"):"N/A"]}),n("div",{className:i.popupInfo,children:["Release Date:",Number.isFinite(u.rigReleaseDate)?e.unix(u.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),n("div",{className:i.popupActions,children:[n("div",f?{className:i.popupButton,onClick:function(){return r(u.id,f)},children:[l("div",{className:i.popupButtonIcon,children:l(o,{})}),l("div",{className:i.popupButtonLabel,children:"Remove Subject Well"})]}:{className:i.popupButton,onClick:function(){return r(u.id,f)},children:[l("div",{className:i.popupButtonIcon,children:l(t,{})}),l("div",{className:i.popupButtonLabel,children:"Set Subject Well"})]}),!f&&l("div",{className:"".concat(i.popupButton," ").concat(i.popupButtonContained),onClick:function(){return p(u.id,m)},children:l("div",m?{className:i.popupButtonLabel,children:"Remove Offset"}:{className:i.popupButtonLabel,children:"Select As Offset"})})]})]})}};export{a as default};
+import moment from 'moment';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import DeleteIcon from '@material-ui/icons/Delete';
+import CenterFocusStrongIcon from '@material-ui/icons/CenterFocusStrong';
+import styles from './popup.css.js';
+
+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", {
+          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", {
+          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", {
+            className: styles.popupButtonLabel,
+            children: "Remove Offset"
+          }) : /*#__PURE__*/jsx("div", {
+            className: styles.popupButtonLabel,
+            children: "Select As Offset"
+          })
+        })]
+      })]
+    });
+  };
+};
+
+export default popupGenerator;
+//# 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 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            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            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 className={styles.popupButtonLabel}>Remove Offset</div>\n            ) : (\n              <div className={styles.popupButtonLabel}>Select As Offset</div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default popupGenerator;\n"],"names":["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":";;;;;;IAOMA,cAAc,GAAG,SAAjBA,cAAiB,CACrBC,WADqB,EAErBC,aAFqB,EAGrBC,4BAHqB,EAIrBC,2BAJqB;AAAA,SAKlB,gBAAqB;AAAA,QAAlBC,IAAkB,QAAlBA,IAAkB;AAAA,QAAZC,KAAY,QAAZA,KAAY;AACxB,QAAMC,QAAQ,GAAGL,aAAa,CAACM,QAAd,CAAuBH,IAAI,CAACI,EAA5B,CAAjB;AAEA,QAAMC,SAAS,GAAGT,WAAW,IAAIA,WAAW,CAACQ,EAAZ,KAAmBJ,IAAI,CAACI,EAAzD;AAEA,wBACEE;AAAK,MAAA,SAAS,EAAEC,MAAM,CAACC,KAAvB;AAAA,8BACEF;AAAA,gCACEG;AAAK,UAAA,SAAS,EAAEF,MAAM,CAACG,SAAvB;AAAkC,UAAA,KAAK,EAAE;AAAEC,YAAAA,eAAe,EAAEV;AAAnB;AAAzC,UADF,eAEEQ;AAAM,UAAA,SAAS,EAAEF,MAAM,CAACK,QAAxB;AAAA,oBAAmCZ,IAAI,CAACa;AAAxC,UAFF;AAAA,QADF,eAMEP;AAAK,QAAA,SAAS,EAAEC,MAAM,CAACO,SAAvB;AAAA,kCAEGC,MAAM,CAACC,QAAP,CAAgBhB,IAAI,CAACiB,cAArB,cAA0CC,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAACoB,UAAhB,CAA1C,WAA6E,KAFhF;AAAA,QANF,eAWEd;AAAK,QAAA,SAAS,EAAEC,MAAM,CAACO,SAAvB;AAAA,oCAEGC,MAAM,CAACC,QAAP,CAAgBhB,IAAI,CAACiB,cAArB,IACGI,MAAM,CAACC,IAAP,CAAYtB,IAAI,CAACiB,cAAjB,EAAiCM,MAAjC,CAAwC,YAAxC,CADH,GAEG,KAJN;AAAA,QAXF,eAkBEjB;AAAK,QAAA,SAAS,EAAEC,MAAM,CAACiB,YAAvB;AAAA,mBACGnB,SAAS,gBACRC;AACE,UAAA,SAAS,EAAEC,MAAM,CAACkB,WADpB;AAEE,UAAA,OAAO,EAAE;AAAA,mBAAM3B,4BAA4B,CAACE,IAAI,CAACI,EAAN,EAAUC,SAAV,CAAlC;AAAA,WAFX;AAAA,kCAIEI;AAAK,YAAA,SAAS,EAAEF,MAAM,CAACmB,eAAvB;AAAA,mCACEjB,IAAC,UAAD;AADF,YAJF,eAOEA;AAAK,YAAA,SAAS,EAAEF,MAAM,CAACoB,gBAAvB;AAAA;AAAA,YAPF;AAAA,UADQ,gBAWRrB;AACE,UAAA,SAAS,EAAEC,MAAM,CAACkB,WADpB;AAEE,UAAA,OAAO,EAAE;AAAA,mBAAM3B,4BAA4B,CAACE,IAAI,CAACI,EAAN,EAAUC,SAAV,CAAlC;AAAA,WAFX;AAAA,kCAIEI;AAAK,YAAA,SAAS,EAAEF,MAAM,CAACmB,eAAvB;AAAA,mCACEjB,IAAC,qBAAD;AADF,YAJF,eAOEA;AAAK,YAAA,SAAS,EAAEF,MAAM,CAACoB,gBAAvB;AAAA;AAAA,YAPF;AAAA,UAZJ,EAsBG,CAACtB,SAAD,iBACCI;AACE,UAAA,SAAS,YAAKF,MAAM,CAACkB,WAAZ,cAA2BlB,MAAM,CAACqB,oBAAlC,CADX;AAEE,UAAA,OAAO,EAAE;AAAA,mBAAM7B,2BAA2B,CAACC,IAAI,CAACI,EAAN,EAAUF,QAAV,CAAjC;AAAA,WAFX;AAAA,oBAIGA,QAAQ,gBACPO;AAAK,YAAA,SAAS,EAAEF,MAAM,CAACoB,gBAAvB;AAAA;AAAA,YADO,gBAGPlB;AAAK,YAAA,SAAS,EAAEF,MAAM,CAACoB,gBAAvB;AAAA;AAAA;AAPJ,UAvBJ;AAAA,QAlBF;AAAA,MADF;AAwDD,GAlEsB;AAAA;;;;"}