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

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

@@ -1 +1,58 @@
-import r from"prop-types";import{makeStyles as e,Typography as a}from"@material-ui/core";import{jsx as i,jsxs as o}from"react/jsx-runtime";var t=e((function(r){return{root:{display:"flex",flexWrap:"wrap",alignItems:"center",marginTop:r.spacing(1)/2},formationItem:{display:"flex",alignItems:"center",marginRight:r.spacing(1)},marker:{width:8,height:8,borderRadius:"50%"},label:{color:r.palette.primary.text6,fontSize:"10px",marginLeft:r.spacing(1)}}}));function n(r){var e=r.formations,n=r.formationColors,m=t();return i("div",{className:m.root,children:e.map((function(r){return o("div",{className:m.formationItem,children:[i("div",{className:m.marker,style:{backgroundColor:n[r]}}),i(a,{className:m.label,children:r})]},r)}))})}n.propTypes={formations:r.arrayOf(r.string).isRequired,formationColors:r.shape({}).isRequired};export{n as default};
+import PropTypes from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      marginTop: theme.spacing(1) / 2
+    },
+    formationItem: {
+      display: 'flex',
+      alignItems: 'center',
+      marginRight: theme.spacing(1)
+    },
+    marker: {
+      width: 8,
+      height: 8,
+      borderRadius: '50%'
+    },
+    label: {
+      color: theme.palette.primary.text6,
+      fontSize: '10px',
+      marginLeft: theme.spacing(1)
+    }
+  };
+});
+function FormationsLegend(_ref) {
+  var formations = _ref.formations,
+    formationColors = _ref.formationColors;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: classes.root,
+    children: formations.map(function (formation) {
+      return /*#__PURE__*/jsxs("div", {
+        className: classes.formationItem,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classes.marker,
+          style: {
+            backgroundColor: formationColors[formation]
+          }
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.label,
+          children: formation
+        })]
+      }, formation);
+    })
+  });
+}
+FormationsLegend.propTypes = {
+  formations: PropTypes.arrayOf(PropTypes.string).isRequired,
+  formationColors: PropTypes.shape({}).isRequired
+};
+
+export { FormationsLegend as default };
+//# sourceMappingURL=FormationsLegend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormationsLegend.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/FormationsLegend.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    marginTop: theme.spacing(1) / 2,\n  },\n  formationItem: {\n    display: 'flex',\n    alignItems: 'center',\n    marginRight: theme.spacing(1),\n  },\n  marker: {\n    width: 8,\n    height: 8,\n    borderRadius: '50%',\n  },\n  label: {\n    color: theme.palette.primary.text6,\n    fontSize: '10px',\n    marginLeft: theme.spacing(1),\n  },\n}));\n\nfunction FormationsLegend({ formations, formationColors }) {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      {formations.map(formation => (\n        <div key={formation} className={classes.formationItem}>\n          <div className={classes.marker} style={{ backgroundColor: formationColors[formation] }} />\n          <Typography className={classes.label}>{formation}</Typography>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nFormationsLegend.propTypes = {\n  formations: PropTypes.arrayOf(PropTypes.string).isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n};\n\nexport default FormationsLegend;\n"],"names":["useStyles","makeStyles","theme","root","display","flexWrap","alignItems","marginTop","spacing","formationItem","marginRight","marker","width","height","borderRadius","label","color","palette","primary","text6","fontSize","marginLeft","FormationsLegend","formations","formationColors","classes","_jsx","map","formation","_jsxs","backgroundColor","propTypes","PropTypes","arrayOf","string","isRequired","shape"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,SAAS,EAAEL,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;KAC/B;AACDC,IAAAA,aAAa,EAAE;AACbL,MAAAA,OAAO,EAAE,MAAM;AACfE,MAAAA,UAAU,EAAE,QAAQ;AACpBI,MAAAA,WAAW,EAAER,KAAK,CAACM,OAAO,CAAC,CAAC,CAAA;KAC7B;AACDG,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,CAAC;AACRC,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,YAAY,EAAE,KAAA;KACf;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEd,KAAK,CAACe,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,UAAU,EAAEnB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAA;AAC7B,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,SAASc,gBAAgB,CAAkC,IAAA,EAAA;EAAA,IAA/BC,UAAU,QAAVA,UAAU;AAAEC,IAAAA,eAAe,QAAfA,eAAe,CAAA;EACrD,IAAMC,OAAO,GAAGzB,SAAS,EAAE,CAAA;EAE3B,oBACE0B,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACtB,IAAK;AAAA,IAAA,QAAA,EAC1BoB,UAAU,CAACI,GAAG,CAAC,UAAAC,SAAS,EAAA;MAAA,oBACvBC,IAAA,CAAA,KAAA,EAAA;QAAqB,SAAS,EAAEJ,OAAO,CAAChB,aAAc;QAAA,QACpD,EAAA,cAAAiB,GAAA,CAAA,KAAA,EAAA;UAAK,SAAS,EAAED,OAAO,CAACd,MAAO;AAAC,UAAA,KAAK,EAAE;YAAEmB,eAAe,EAAEN,eAAe,CAACI,SAAS,CAAA;AAAE,WAAA;SAAK,CAAA,eAC1FF,IAAC,UAAU,EAAA;UAAC,SAAS,EAAED,OAAO,CAACV,KAAM;UAAA,QAAEa,EAAAA,SAAAA;SAAuB,CAAA,CAAA;AAAA,OAAA,EAFtDA,SAAS,CAGb,CAAA;KACP,CAAA;GACG,CAAA,CAAA;AAEV,CAAA;AAEAN,gBAAgB,CAACS,SAAS,GAAG;EAC3BR,UAAU,EAAES,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,MAAM,CAAC,CAACC,UAAU;EAC1DX,eAAe,EAAEQ,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAACD,UAAAA;AACvC,CAAC;;;;"}

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

@@ -1 +1,8 @@
-import a from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var p={map:"Map_map__pdvR2",mapMain:"Map_mapMain__em8S8"};a(".Map_map__pdvR2{width:100%}.Map_mapMain__em8S8{background-color:#414141;border-radius:4px;flex:100;height:200px;width:100%}.Map_map__pdvR2 .leaflet-popup-content-wrapper{background-color:#414141;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.2),0 3px 14px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.14)}.Map_map__pdvR2 .leaflet-popup-content{padding:10px 16px}.Map_map__pdvR2 .leaflet-popup-close-button,.Map_map__pdvR2 .leaflet-popup-tip{display:none}.Map_map__pdvR2 .leaflet-control-zoom{background:none;border:none;box-shadow:none}.Map_map__pdvR2 .leaflet-control-zoom a{background-image:none;background:#272727;color:#bdbdbd}.Map_map__pdvR2 .leaflet-control-zoom a,.Map_map__pdvR2 .leaflet-control-zoom a:hover{align-items:center;border-radius:4px;content:unset;display:flex;font-size:22px;height:32px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:32px}.Map_map__pdvR2 .leaflet-control-zoom a:hover{background:#303030;background-image:none;color:#fff}.Map_map__pdvR2 .leaflet-touch .leaflet-bar,.Map_map__pdvR2 .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}");export{p as default};
+import styleInject from './../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Map_map__pdvR2 {\n  width: 100%;\n}\n\n.Map_mapMain__em8S8 {\n  width: 100%;\n  flex: 100;\n  height: 200px;\n  border-radius: 4px;\n  background-color: #414141;\n}\n\n.Map_map__pdvR2 .leaflet-popup-content-wrapper {\n  background-color: #414141;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12),\n    0px 8px 10px rgba(0, 0, 0, 0.14);\n  border-radius: 4px;\n}\n\n.Map_map__pdvR2 .leaflet-popup-content {\n  padding: 10px 16px;\n}\n\n.Map_map__pdvR2 .leaflet-popup-tip {\n  display: none;\n}\n\n.Map_map__pdvR2 .leaflet-popup-close-button {\n  display: none;\n}\n\n.Map_map__pdvR2 .leaflet-control-zoom {\n  background: none;\n  box-shadow: none;\n  border: none;\n}\n\n.Map_map__pdvR2 .leaflet-control-zoom a {\n  background-image: none;\n  text-indent: unset;\n  content: unset;\n  color: #bdbdbd;\n  font-size: 22px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  background: #272727;\n  border-radius: 4px;\n  margin-top: 4px;\n  opacity: 1;\n}\n\n.Map_map__pdvR2 .leaflet-control-zoom a:hover {\n  color: #fff;\n  background: #303030;\n  background-image: none;\n  text-indent: unset;\n  content: unset;\n  font-size: 22px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n  margin-top: 4px;\n  opacity: 1;\n}\n\n.Map_map__pdvR2 .leaflet-touch .leaflet-bar {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n\n.Map_map__pdvR2 .leaflet-touch .leaflet-control-layers {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n";
+var styles = {"map":"Map_map__pdvR2","mapMain":"Map_mapMain__em8S8"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Map.css.js.map

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

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

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

@@ -1 +1,203 @@
-import{memo as r,useRef as e,useMemo as t,useEffect as o,createElement as n}from"react";import u from"react-dom";import i from"prop-types";import c from"mapbox.js";import{get as l,sortBy as s}from"lodash";import{mapbox as a}from"../../../../../../utils/index.js";import{usePrevious as d}from"../../effects/index.js";import f from"./Map.css.js";import{jsx as m,Fragment as p}from"react/jsx-runtime";var v=a.isValidCoordinates,h=[29.749907,-95.358421];function b(r){var i=r.open,a=r.subjectWell,b=r.wells,B=r.offsetWells,g=r.radius,D=r.formationColors,W=r.popUpFormatter,y=r.coordsDataPath,x=r.onAddOffsetWell,C=r.onDeleteOffsetWell,O=e(null),T=e(),j=e(null),F=e(null),k=d(b),L=t((function(){return a&&l(a,y)}),[a,y]);return o((function(){i&&!T.current&&(T.current=c.mapbox.map(O.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(h,1),c.control.zoom({position:"bottomright"}).addTo(T.current),c.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(T.current))}),[i]),o((function(){T.current&&i&&(j.current&&T.current.removeLayer(j.current),L?(j.current=c.circle(L,1609.34*g,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(T.current)):j.current=null)}),[g,L,i]),o((function(){if(T.current&&i){F.current&&F.current.removeFrom(T.current);var r=B.map((function(r){return r.id})),e=s(b,(function(e){return r.includes(e.id)})),t=[];e.forEach((function(e){var o=l(e,y);if(o&&v(o)){var i=a&&a.id===e.id,s=r.includes(e.id),d=i?10:5,f=i||s?"#00FFFF":l(D,e.formation,"#BDBDBD"),h=i||s?1:.3,b=c.circleMarker(o,{radius:d,stroke:!1,fill:!0,fillOpacity:h,fillColor:f,className:"circle_500"});b.addEventListener("mouseover",(function(){if(W){var r=document.createElement("div"),t=n(W,{well:e,color:l(D,e.formation,"#BDBDBD")});u.render(m(p,{children:t}),r),c.popup().setLatLng(o).setContent(r).openOn(T.current)}})),b.addEventListener("mouseout",(function(){T.current.closePopup()})),b.addEventListener("click",(function(){s&&!i?C(e.id):x(e.id)})),t.push(b)}})),t.length&&(F.current=c.featureGroup(t),F.current.addTo(T.current)),setTimeout((function(){j.current&&j.current.bringToBack(),T.current&&j.current&&b!==k&&T.current.fitBounds(j.current.getBounds(),{padding:[5,5]})}),500)}}),[a,b,B,i]),o((function(){i&&setTimeout((function(){j.current&&j.current.bringToBack(),a?T.current&&j.current&&T.current.fitBounds(j.current.getBounds(),{padding:[5,5]}):T.current&&F.current&&T.current.fitBounds(F.current.getBounds())}),500)}),[g,a,i]),m("div",{className:f.map,children:m("div",{className:f.mapMain,ref:O})})}b.propTypes={open:i.bool.isRequired,subjectWell:i.shape({id:i.number,formation:i.string}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})),radius:i.number.isRequired,formationColors:i.shape({}).isRequired,popUpFormatter:i.func,coordsDataPath:i.string,onAddOffsetWell:i.func.isRequired,onDeleteOffsetWell:i.func.isRequired},b.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var B=r(b);export{B as default};
+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 { mapbox } from '../../../../../../utils/index.js';
+import { usePrevious } from '../../effects/index.js';
+import styles from './Map.css.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var isValidCoordinates = mapbox.isValidCoordinates;
+var DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates
+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';
+
+// eslint-disable-next-line no-unused-vars
+function WellsMap(_ref) {
+  var open = _ref.open,
+    subjectWell = _ref.subjectWell,
+    wells = _ref.wells,
+    offsetWells = _ref.offsetWells,
+    radius = _ref.radius,
+    formationColors = _ref.formationColors,
+    popUpFormatter = _ref.popUpFormatter,
+    coordsDataPath = _ref.coordsDataPath,
+    onAddOffsetWell = _ref.onAddOffsetWell,
+    onDeleteOffsetWell = _ref.onDeleteOffsetWell;
+  var mapContainerRef = useRef(null);
+  var mapRef = useRef();
+  var radiusCircleRef = useRef(null);
+  var markersGroupRef = useRef(null);
+  var prevWells = usePrevious(wells);
+  var subjectWellCoords = useMemo(function () {
+    return subjectWell && get(subjectWell, coordsDataPath);
+  }, [subjectWell, coordsDataPath]);
+
+  // NOTE: Initialize map
+  useEffect(function () {
+    if (!open || mapRef.current) return;
+    mapRef.current = L.mapbox.map(mapContainerRef.current, null, {
+      attributionControl: false,
+      scrollWheelZoom: false,
+      zoomControl: false
+    }).setView(DEFAULT_COORDS, 1);
+    L.control.zoom({
+      position: 'bottomright'
+    }).addTo(mapRef.current);
+    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);
+  }, [open]);
+
+  // NOTE: Radius circle
+  useEffect(function () {
+    if (!mapRef.current || !open) {
+      return;
+    }
+
+    // NOTE: Clean up
+    if (radiusCircleRef.current) {
+      mapRef.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(mapRef.current);
+  }, [radius, subjectWellCoords, open]);
+
+  // NOTE: Well markers
+  useEffect(function () {
+    if (!mapRef.current || !open) {
+      return;
+    }
+
+    // NOTE: Clean up
+    if (markersGroupRef.current) {
+      markersGroupRef.current.removeFrom(mapRef.current);
+    }
+    var offsetWellIds = offsetWells.map(function (well) {
+      return well.id;
+    });
+    var sortedWells = sortBy(wells, function (well) {
+      return offsetWellIds.includes(well.id);
+    });
+    var markers = [];
+    sortedWells.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 ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;
+        var color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : get(formationColors, well.formation, '#BDBDBD');
+        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: get(formationColors, well.formation, '#BDBDBD')
+            });
+            // NOTE: Custom popup may have buttons
+            ReactDOM.render( /*#__PURE__*/jsx(Fragment, {
+              children: popUpContent
+            }), popUpContainer);
+            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);
+          }
+        });
+        newMarker.addEventListener('mouseout', function () {
+          mapRef.current.closePopup();
+        });
+        newMarker.addEventListener('click', function () {
+          if (isWellOffset && !isWellSubject) {
+            onDeleteOffsetWell(well.id);
+          } else {
+            onAddOffsetWell(well.id);
+          }
+        });
+        markers.push(newMarker);
+      }
+    });
+    if (markers.length) {
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapRef.current);
+    }
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (mapRef.current && radiusCircleRef.current && wells !== prevWells) {
+        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+          padding: [5, 5]
+        });
+      }
+    }, 500);
+  }, [subjectWell, wells, offsetWells, open]);
+  useEffect(function () {
+    if (!open) return;
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (subjectWell) {
+        if (mapRef.current && radiusCircleRef.current) {
+          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
+            padding: [5, 5]
+          });
+        }
+      } else if (mapRef.current && markersGroupRef.current) {
+        mapRef.current.fitBounds(markersGroupRef.current.getBounds());
+      }
+    }, 500);
+  }, [radius, subjectWell, open]);
+  return /*#__PURE__*/jsx("div", {
+    className: styles.map,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.mapMain,
+      ref: mapContainerRef
+    })
+  });
+}
+WellsMap.propTypes = {
+  open: PropTypes.bool.isRequired,
+  subjectWell: PropTypes.shape({
+    id: PropTypes.number,
+    formation: PropTypes.string
+  }),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),
+  radius: PropTypes.number.isRequired,
+  formationColors: PropTypes.shape({}).isRequired,
+  popUpFormatter: PropTypes.func,
+  coordsDataPath: PropTypes.string,
+  onAddOffsetWell: PropTypes.func.isRequired,
+  onDeleteOffsetWell: PropTypes.func.isRequired
+};
+WellsMap.defaultProps = {
+  subjectWell: null,
+  popUpFormatter: null,
+  coordsDataPath: 'settings.top_hole.coordinates',
+  offsetWells: null
+};
+var Map = memo(WellsMap);
+
+export { Map as default };
+//# sourceMappingURL=Map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/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 { mapbox } from '~/utils';\n\nimport { usePrevious } from '../../effects';\nimport styles from './Map.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  formationColors,\n  popUpFormatter,\n  coordsDataPath,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef();\n  const radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!open || mapRef.current) return;\n\n    mapRef.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(mapRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);\n  }, [open]);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !open) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapRef.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(mapRef.current);\n  }, [radius, subjectWellCoords, open]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !open) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n    const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n    const markers = [];\n    sortedWells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n        const color =\n          isWellSubject || isWellOffset\n            ? OFFSET_WELL_COLOR\n            : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        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: get(formationColors, well.formation, '#BDBDBD'),\n            });\n            // NOTE: Custom popup may have buttons\n            ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n\n            L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);\n          }\n        });\n\n        newMarker.addEventListener('mouseout', () => {\n          mapRef.current.closePopup();\n        });\n\n        newMarker.addEventListener('click', () => {\n          if (isWellOffset && !isWellSubject) {\n            onDeleteOffsetWell(well.id);\n          } else {\n            onAddOffsetWell(well.id);\n          }\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells, open]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleRef.current) {\n          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {\n            padding: [5, 5],\n          });\n        }\n      } else if (mapRef.current && markersGroupRef.current) {\n        mapRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n    }, 500);\n  }, [radius, subjectWell, open]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","RADIUS_CIRCLE_COLOR","METERS_IN_MILE","DEFAULT_SUBJECT_WELL_MARKER_SIZE","DEFAULT_WELL_MARKER_SIZE","OFFSET_WELL_COLOR","WellsMap","open","subjectWell","wells","offsetWells","radius","formationColors","popUpFormatter","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleRef","markersGroupRef","prevWells","usePrevious","subjectWellCoords","useMemo","get","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","removeFrom","offsetWellIds","well","id","sortedWells","sortBy","includes","markers","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","newMarker","circleMarker","addEventListener","popUpContainer","document","createElement","popUpContent","ReactDOM","render","_jsx","_Fragment","popup","setLatLng","setContent","openOn","closePopup","push","length","featureGroup","setTimeout","bringToBack","fitBounds","getBounds","padding","styles","mapMain","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","defaultProps","memo"],"mappings":"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"}

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

@@ -1 +1,71 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as o,useMemo as r}from"react";import l from"prop-types";import{makeStyles as s}from"@material-ui/core";import i from"./FormationsLegend.js";import t from"./popupGenerator.js";import{getAllFormations as a}from"./utils.js";import n from"./Map.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";var d=s({mapContainerHidden:{marginTop:"20px",display:"none"}});function m(o){var l=o.open,s=o.subjectWell,m=o.wells,u=o.offsetWells,c=o.radius,W=o.mapHidden,b=o.isMobile,j=o.onAddOffsetWell,O=o.onDeleteOffsetWell,q=d(),R=r((function(){return a(m)}),[m]),h=e(R,2),y=h[0],H=h[1];return p("div",{className:W&&q.mapContainerHidden,children:[f(n,{open:l,subjectWell:s,wells:m,offsetWells:u,radius:c,formationColors:H,popUpFormatter:t(),coordsDataPath:"topHole.coordinates",onAddOffsetWell:j,onDeleteOffsetWell:O}),!b&&f(i,{formations:y,formationColors:H})]})}m.propTypes={open:l.bool.isRequired,subjectWell:l.shape({}),wells:l.arrayOf(l.shape({})).isRequired,offsetWells:l.arrayOf(l.shape({})).isRequired,radius:l.number,mapHidden:l.bool.isRequired,isMobile:l.bool.isRequired,onAddOffsetWell:l.func.isRequired,onDeleteOffsetWell:l.func.isRequired},m.defaultProps={subjectWell:null,radius:null};var u=o(m);export{u as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import FormationsLegend from './FormationsLegend.js';
+import popupGenerator from './popupGenerator.js';
+import { getAllFormations } from './utils.js';
+import Map from './Map.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  mapContainerHidden: {
+    marginTop: '20px',
+    display: 'none'
+  }
+});
+function MapContainer(_ref) {
+  var open = _ref.open,
+    subjectWell = _ref.subjectWell,
+    wells = _ref.wells,
+    offsetWells = _ref.offsetWells,
+    radius = _ref.radius,
+    mapHidden = _ref.mapHidden,
+    isMobile = _ref.isMobile,
+    onAddOffsetWell = _ref.onAddOffsetWell,
+    onDeleteOffsetWell = _ref.onDeleteOffsetWell;
+  var classes = useStyles();
+  var _useMemo = useMemo(function () {
+      return getAllFormations(wells);
+    }, [wells]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    formations = _useMemo2[0],
+    formationColors = _useMemo2[1];
+  return /*#__PURE__*/jsxs("div", {
+    className: mapHidden && classes.mapContainerHidden,
+    children: [/*#__PURE__*/jsx(Map, {
+      open: open,
+      subjectWell: subjectWell,
+      wells: wells,
+      offsetWells: offsetWells,
+      radius: radius,
+      formationColors: formationColors,
+      popUpFormatter: popupGenerator(),
+      coordsDataPath: "topHole.coordinates",
+      onAddOffsetWell: onAddOffsetWell,
+      onDeleteOffsetWell: onDeleteOffsetWell
+    }), !isMobile && /*#__PURE__*/jsx(FormationsLegend, {
+      formations: formations,
+      formationColors: formationColors
+    })]
+  });
+}
+MapContainer.propTypes = {
+  open: PropTypes.bool.isRequired,
+  subjectWell: PropTypes.shape({}),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  radius: PropTypes.number,
+  mapHidden: PropTypes.bool.isRequired,
+  isMobile: PropTypes.bool.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/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport FormationsLegend from './FormationsLegend';\nimport popupGenerator from './popupGenerator';\nimport { getAllFormations } from './utils';\nimport Map from './Map';\n\nconst useStyles = makeStyles({\n  mapContainerHidden: {\n    marginTop: '20px',\n    display: 'none',\n  },\n});\n\nfunction MapContainer({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  mapHidden,\n  isMobile,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const classes = useStyles();\n\n  const [formations, formationColors] = useMemo(() => getAllFormations(wells), [wells]);\n\n  return (\n    <div className={mapHidden && classes.mapContainerHidden}>\n      <Map\n        open={open}\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        formationColors={formationColors}\n        popUpFormatter={popupGenerator()}\n        coordsDataPath=\"topHole.coordinates\"\n        onAddOffsetWell={onAddOffsetWell}\n        onDeleteOffsetWell={onDeleteOffsetWell}\n      />\n      {!isMobile && <FormationsLegend formations={formations} formationColors={formationColors} />}\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  open: PropTypes.bool.isRequired,\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  isMobile: PropTypes.bool.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":["useStyles","makeStyles","mapContainerHidden","marginTop","display","MapContainer","open","subjectWell","wells","offsetWells","radius","mapHidden","isMobile","onAddOffsetWell","onDeleteOffsetWell","classes","useMemo","getAllFormations","formations","formationColors","_jsxs","_jsx","popupGenerator","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","defaultProps","memo"],"mappings":"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"}

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

@@ -1 +1,82 @@
-import e from"moment";import{makeStyles as o}from"@material-ui/core";import{jsxs as l,jsx as t}from"react/jsx-runtime";var a=o({popup:{color:"#fff",fontFamily:"Roboto"},wellColor:{width:"9px",height:"9px",borderRadius:"50%",display:"inline-block",marginRight:"8px"},wellNameWrapper:{marginBottom:"8px"},wellName:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"11px",lineHeight:"16px",letterSpacing:"0.4px",color:"#FFFFFF"},popupInfo:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"11px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD"},popupFormation:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD"}}),i=function(){return function(o){var i=o.well,r=o.color,n=a();return l("div",{className:n.popup,children:[t("div",{className:n.wellNameWrapper,children:t("span",{className:n.wellName,children:i.name})}),l("div",{className:n.popupInfo,children:["Well Depth:",Number.isFinite(i.rigReleaseDate)?"".concat(Math.floor(i.totalDepth)," ft"):"N/A"]}),l("div",{className:n.popupInfo,children:["Release Date:",Number.isFinite(i.rigReleaseDate)?e.unix(i.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),l("div",{className:n.popupFormation,children:[t("div",{className:n.wellColor,style:{backgroundColor:r}}),i.formation]})]})}};export{i as default};
+import moment from 'moment';
+import { makeStyles } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/* eslint-disable react/prop-types */
+var useStyles = makeStyles({
+  popup: {
+    color: '#fff',
+    fontFamily: 'Roboto'
+  },
+  wellColor: {
+    width: '9px',
+    height: '9px',
+    borderRadius: '50%',
+    display: 'inline-block',
+    marginRight: '8px'
+  },
+  wellNameWrapper: {
+    marginBottom: '8px'
+  },
+  wellName: {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: '11px',
+    lineHeight: '16px',
+    letterSpacing: '0.4px',
+    color: '#FFFFFF'
+  },
+  popupInfo: {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: '11px',
+    lineHeight: '16px',
+    letterSpacing: '0.4px',
+    color: '#BDBDBD'
+  },
+  popupFormation: {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: '12px',
+    lineHeight: '17px',
+    letterSpacing: '0.4px',
+    color: '#BDBDBD'
+  }
+});
+var popupGenerator = function popupGenerator() {
+  return function (_ref) {
+    var well = _ref.well,
+      color = _ref.color;
+    var styles = useStyles();
+    return /*#__PURE__*/jsxs("div", {
+      className: styles.popup,
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.wellNameWrapper,
+        children: /*#__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.popupFormation,
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.wellColor,
+          style: {
+            backgroundColor: color
+          }
+        }), well.formation]
+      })]
+    });
+  };
+};
+
+export { popupGenerator as default };
+//# sourceMappingURL=popupGenerator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popupGenerator.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/popupGenerator.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  popup: {\n    color: '#fff',\n    fontFamily: 'Roboto',\n  },\n  wellColor: {\n    width: '9px',\n    height: '9px',\n    borderRadius: '50%',\n    display: 'inline-block',\n    marginRight: '8px',\n  },\n  wellNameWrapper: {\n    marginBottom: '8px',\n  },\n  wellName: {\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: '11px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#FFFFFF',\n  },\n  popupInfo: {\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: '11px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n  },\n  popupFormation: {\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: '12px',\n    lineHeight: '17px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n  },\n});\n\nconst popupGenerator = () => ({ well, color }) => {\n  const styles = useStyles();\n\n  return (\n    <div className={styles.popup}>\n      <div className={styles.wellNameWrapper}>\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.popupFormation}>\n        <div className={styles.wellColor} style={{ backgroundColor: color }} />\n        {well.formation}\n      </div>\n    </div>\n  );\n};\n\nexport default popupGenerator;\n"],"names":["useStyles","makeStyles","popup","color","fontFamily","wellColor","width","height","borderRadius","display","marginRight","wellNameWrapper","marginBottom","wellName","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","popupInfo","popupFormation","popupGenerator","well","styles","_jsxs","_jsx","name","Number","isFinite","rigReleaseDate","Math","floor","totalDepth","moment","unix","format","backgroundColor","formation"],"mappings":";;;;AAAA;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,UAAU,EAAE,QAAA;GACb;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,MAAM,EAAE,KAAK;AACbC,IAAAA,YAAY,EAAE,KAAK;AACnBC,IAAAA,OAAO,EAAE,cAAc;AACvBC,IAAAA,WAAW,EAAE,KAAA;GACd;AACDC,EAAAA,eAAe,EAAE;AACfC,IAAAA,YAAY,EAAE,KAAA;GACf;AACDC,EAAAA,QAAQ,EAAE;AACRT,IAAAA,UAAU,EAAE,QAAQ;AACpBU,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,OAAO;AACtBf,IAAAA,KAAK,EAAE,SAAA;GACR;AACDgB,EAAAA,SAAS,EAAE;AACTf,IAAAA,UAAU,EAAE,QAAQ;AACpBU,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,OAAO;AACtBf,IAAAA,KAAK,EAAE,SAAA;GACR;AACDiB,EAAAA,cAAc,EAAE;AACdhB,IAAAA,UAAU,EAAE,QAAQ;AACpBU,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,OAAO;AACtBf,IAAAA,KAAK,EAAE,SAAA;AACT,GAAA;AACF,CAAC,CAAC,CAAA;AAEIkB,IAAAA,cAAc,GAAG,SAAjBA,cAAc,GAAA;AAAA,EAAA,OAAS,UAAqB,IAAA,EAAA;IAAA,IAAlBC,IAAI,QAAJA,IAAI;AAAEnB,MAAAA,KAAK,QAALA,KAAK,CAAA;IACzC,IAAMoB,MAAM,GAAGvB,SAAS,EAAE,CAAA;IAE1B,oBACEwB,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAED,MAAM,CAACrB,KAAM;MAAA,QAC3B,EAAA,cAAAuB,GAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEF,MAAM,CAACZ,eAAgB;QAAA,QACrC,eAAAc,GAAA,CAAA,MAAA,EAAA;UAAM,SAAS,EAAEF,MAAM,CAACV,QAAS;AAAA,UAAA,QAAA,EAAES,IAAI,CAACI,IAAAA;AAAI,SAAA,CAAA;AAAQ,OAAA,CAChD,eAENF,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAED,MAAM,CAACJ,SAAU;AAAA,QAAA,QAAA,EAAA,CAAA,aAAA,EAE9BQ,MAAM,CAACC,QAAQ,CAACN,IAAI,CAACO,cAAc,CAAC,GAAA,EAAA,CAAA,MAAA,CAAMC,IAAI,CAACC,KAAK,CAACT,IAAI,CAACU,UAAU,CAAC,WAAQ,KAAK,CAAA;AAAA,OAAA,CAC/E,eAENR,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAED,MAAM,CAACJ,SAAU;QAAA,QAE9BQ,EAAAA,CAAAA,eAAAA,EAAAA,MAAM,CAACC,QAAQ,CAACN,IAAI,CAACO,cAAc,CAAC,GACjCI,MAAM,CAACC,IAAI,CAACZ,IAAI,CAACO,cAAc,CAAC,CAACM,MAAM,CAAC,YAAY,CAAC,GACrD,KAAK,CAAA;AAAA,OAAA,CACL,eAENX,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAED,MAAM,CAACH,cAAe;QAAA,QACpC,EAAA,cAAAK,GAAA,CAAA,KAAA,EAAA;UAAK,SAAS,EAAEF,MAAM,CAAClB,SAAU;AAAC,UAAA,KAAK,EAAE;AAAE+B,YAAAA,eAAe,EAAEjC,KAAAA;AAAM,WAAA;SAAK,CAAA,EACtEmB,IAAI,CAACe,SAAS,CAAA;OACX,CAAA,CAAA;KACF,CAAA,CAAA;GAET,CAAA;AAAA;;;;"}

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

@@ -1 +1,30 @@
-import r from"@babel/runtime/helpers/defineProperty";import{get as e,sortBy as t}from"lodash";import{FORMATION_COLORS as n}from"../../constants.js";function o(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function i(o){var i=[],u=!1;o.forEach((function(r){"Null"===r.formation?u=!0:i.includes(e(r,"formation"))||i.push(e(r,"formation"))}));var f=t(i);u&&!f.includes("Null")&&f.push("Null");var p=f.reduce((function(e,t,o){return c(c({},e),{},r({},t,n[o%n.length]))}),{});return[f,p]}export{i as getAllFormations};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, sortBy } from 'lodash';
+import { FORMATION_COLORS } from '../../constants.js';
+
+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; }
+
+// NOTE: Get unique formations & determine its colors
+function getAllFormations(wells) {
+  var formations = [];
+  var hasNullFormation = false;
+  wells.forEach(function (well) {
+    if (well.formation === 'Null') {
+      hasNullFormation = true;
+    } else if (!formations.includes(get(well, 'formation'))) {
+      formations.push(get(well, 'formation'));
+    }
+  });
+  var sortedFormations = sortBy(formations);
+  if (hasNullFormation && !sortedFormations.includes('Null')) {
+    sortedFormations.push('Null');
+  }
+  var colors = sortedFormations.reduce(function (result, item, idx) {
+    return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, item, FORMATION_COLORS[idx % FORMATION_COLORS.length]));
+  }, {});
+  return [sortedFormations, colors];
+}
+
+export { getAllFormations };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/utils.js"],"sourcesContent":["import { get, sortBy } from 'lodash';\nimport { FORMATION_COLORS } from '../../constants';\n\n// NOTE: Get unique formations & determine its colors\nexport function getAllFormations(wells) {\n  const formations = [];\n  let hasNullFormation = false;\n\n  wells.forEach(well => {\n    if (well.formation === 'Null') {\n      hasNullFormation = true;\n    } else if (!formations.includes(get(well, 'formation'))) {\n      formations.push(get(well, 'formation'));\n    }\n  });\n  const sortedFormations = sortBy(formations);\n  if (hasNullFormation && !sortedFormations.includes('Null')) {\n    sortedFormations.push('Null');\n  }\n  const colors = sortedFormations.reduce(\n    (result, item, idx) => ({\n      ...result,\n      [item]: FORMATION_COLORS[idx % FORMATION_COLORS.length],\n    }),\n    {}\n  );\n  return [sortedFormations, colors];\n}\n"],"names":["getAllFormations","wells","formations","hasNullFormation","forEach","well","formation","includes","get","push","sortedFormations","sortBy","colors","reduce","result","item","idx","FORMATION_COLORS","length"],"mappings":";;;;;;;AAGA;AACO,SAASA,gBAAgB,CAACC,KAAK,EAAE;EACtC,IAAMC,UAAU,GAAG,EAAE,CAAA;EACrB,IAAIC,gBAAgB,GAAG,KAAK,CAAA;AAE5BF,EAAAA,KAAK,CAACG,OAAO,CAAC,UAAAC,IAAI,EAAI;AACpB,IAAA,IAAIA,IAAI,CAACC,SAAS,KAAK,MAAM,EAAE;AAC7BH,MAAAA,gBAAgB,GAAG,IAAI,CAAA;AACzB,KAAC,MAAM,IAAI,CAACD,UAAU,CAACK,QAAQ,CAACC,GAAG,CAACH,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE;MACvDH,UAAU,CAACO,IAAI,CAACD,GAAG,CAACH,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;AACzC,KAAA;AACF,GAAC,CAAC,CAAA;AACF,EAAA,IAAMK,gBAAgB,GAAGC,MAAM,CAACT,UAAU,CAAC,CAAA;EAC3C,IAAIC,gBAAgB,IAAI,CAACO,gBAAgB,CAACH,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC1DG,IAAAA,gBAAgB,CAACD,IAAI,CAAC,MAAM,CAAC,CAAA;AAC/B,GAAA;EACA,IAAMG,MAAM,GAAGF,gBAAgB,CAACG,MAAM,CACpC,UAACC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAA;IAAA,OACbF,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,MAAM,CACRC,EAAAA,EAAAA,EAAAA,eAAAA,CAAAA,EAAAA,EAAAA,IAAI,EAAGE,gBAAgB,CAACD,GAAG,GAAGC,gBAAgB,CAACC,MAAM,CAAC,CAAA,CAAA,CAAA;GACvD,EACF,EAAE,CACH,CAAA;AACD,EAAA,OAAO,CAACR,gBAAgB,EAAEE,MAAM,CAAC,CAAA;AACnC;;;;"}