@corva/ui 0.34.0-rc.3 → 0.34.0

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

@@ -1,125 +1 @@
-import { get } from 'lodash';
-import { isNativeDetected, isMobileDetected } from '../../../../../../utils/mobileDetect.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import RadiusInput from './RadiusInput.js';
-import SidetrackSwitch from './SidetrackSwitch.js';
-import MultiSelect from './MultiSelect.js';
-import ClearFiltersButton from './ClearFiltersButton.js';
-import { FILTERS_LIST } from '../../constants.js';
-
-var useStyles = makeStyles({
-  container: {
-    display: 'flex'
-  },
-  filters: {
-    display: 'flex',
-    flexWrap: 'wrap'
-  },
-  fileterSection: {
-    display: 'flex',
-    width: '100%',
-    alignItems: 'center',
-    flexWrap: 'wrap'
-  },
-  filterRow: {
-    display: 'flex',
-    flexDirection: 'row'
-  }
-});
-var isMobile = isNativeDetected || isMobileDetected;
-
-function Filter(_ref) {
-  var radius = _ref.radius,
-      excludeSideTrack = _ref.excludeSideTrack,
-      filters = _ref.filters,
-      filtersOptions = _ref.filtersOptions,
-      isRadiusEditable = _ref.isRadiusEditable,
-      filtersHidden = _ref.filtersHidden,
-      onChangeFilters = _ref.onChangeFilters,
-      onChangeRadius = _ref.onChangeRadius,
-      onChangeSidetrack = _ref.onChangeSidetrack,
-      onClearFilters = _ref.onClearFilters;
-  var classes = useStyles({
-    isMobile: isMobile
-  });
-  if (filtersHidden) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classes.container,
-    children: /*#__PURE__*/jsx("div", {
-      className: classes.filters,
-      children: /*#__PURE__*/jsxs("div", {
-        className: classes.fileterSection,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classes.filterRow,
-          children: FILTERS_LIST.slice(0, 5).map(function (_ref2) {
-            var key = _ref2.key,
-                title = _ref2.title,
-                size = _ref2.size,
-                renderValue = _ref2.renderValue;
-            return /*#__PURE__*/jsx(MultiSelect, {
-              title: title,
-              size: size,
-              options: get(filtersOptions, key, []),
-              currentValues: get(filters, key, []),
-              renderValue: renderValue,
-              onChange: function onChange(newValues) {
-                return onChangeFilters(key, newValues);
-              }
-            }, key);
-          })
-        }), /*#__PURE__*/jsxs("div", {
-          className: classes.filterRow,
-          children: [FILTERS_LIST.slice(5).map(function (_ref3) {
-            var key = _ref3.key,
-                title = _ref3.title,
-                size = _ref3.size,
-                renderValue = _ref3.renderValue;
-            return /*#__PURE__*/jsx(MultiSelect, {
-              title: title,
-              size: size,
-              options: get(filtersOptions, key, []),
-              currentValues: get(filters, key, []),
-              renderValue: renderValue,
-              onChange: function onChange(newValues) {
-                return onChangeFilters(key, newValues);
-              }
-            }, key);
-          }), /*#__PURE__*/jsx(RadiusInput, {
-            radius: radius,
-            editable: isRadiusEditable,
-            onChange: onChangeRadius
-          }), /*#__PURE__*/jsx(SidetrackSwitch, {
-            checked: excludeSideTrack,
-            onChange: onChangeSidetrack
-          }), /*#__PURE__*/jsx(ClearFiltersButton, {
-            onClick: onClearFilters
-          })]
-        })]
-      })
-    })
-  });
-}
-
-Filter.propTypes = {
-  subjectWell: PropTypes.shape({}),
-  radius: PropTypes.number.isRequired,
-  isRadiusEditable: PropTypes.bool.isRequired,
-  excludeSideTrack: PropTypes.bool.isRequired,
-  filters: PropTypes.shape({}).isRequired,
-  filtersOptions: PropTypes.shape({}).isRequired,
-  filtersHidden: PropTypes.bool.isRequired,
-  onChangeFilters: PropTypes.func.isRequired,
-  onChangeRadius: PropTypes.func.isRequired,
-  onChangeSidetrack: PropTypes.func.isRequired,
-  onClearFilters: PropTypes.func.isRequired
-};
-Filter.defaultProps = {
-  subjectWell: null
-};
-var Filter$1 = memo(Filter);
-
-export default Filter$1;
-//# sourceMappingURL=index.js.map
+import{memo as e}from"react";import i from"prop-types";import{get as r}from"lodash";import{makeStyles as t}from"@material-ui/core";import{isNativeDetected as s,isMobileDetected as l}from"../../../../../../utils/mobileDetect.js";import a from"./RadiusInput.js";import n from"./SidetrackSwitch.js";import o from"./MultiSelect.js";import d from"./ClearFiltersButton.js";import{FILTERS_LIST as u}from"../../constants.js";import{jsx as c,Fragment as f,jsxs as p}from"react/jsx-runtime";var m=t({container:{display:"flex"},filters:{display:"flex",flexWrap:"wrap"},fileterSection:{display:"flex",width:"100%",alignItems:"center",flexWrap:"wrap"},filterRow:{display:"flex",flexDirection:"row"}}),h=s||l;function R(e){var i=e.radius,t=e.excludeSideTrack,s=e.filters,l=e.filtersOptions,R=e.isRadiusEditable,C=e.filtersHidden,b=e.onChangeFilters,g=e.onChangeRadius,x=e.onChangeSidetrack,q=e.onClearFilters,v=m({isMobile:h});return C?c(f,{}):c("div",{className:v.container,children:c("div",{className:v.filters,children:p("div",{className:v.fileterSection,children:[c("div",{className:v.filterRow,children:u.slice(0,5).map((function(e){var i=e.key,t=e.title,a=e.size,n=e.renderValue;return c(o,{title:t,size:a,options:r(l,i,[]),currentValues:r(s,i,[]),renderValue:n,onChange:function(e){return b(i,e)}},i)}))}),p("div",{className:v.filterRow,children:[u.slice(5).map((function(e){var i=e.key,t=e.title,a=e.size,n=e.renderValue;return c(o,{title:t,size:a,options:r(l,i,[]),currentValues:r(s,i,[]),renderValue:n,onChange:function(e){return b(i,e)}},i)})),c(a,{radius:i,editable:R,onChange:g}),c(n,{checked:t,onChange:x}),c(d,{onClick:q})]})]})})})}R.propTypes={subjectWell:i.shape({}),radius:i.number.isRequired,isRadiusEditable:i.bool.isRequired,excludeSideTrack:i.bool.isRequired,filters:i.shape({}).isRequired,filtersOptions:i.shape({}).isRequired,filtersHidden:i.bool.isRequired,onChangeFilters:i.func.isRequired,onChangeRadius:i.func.isRequired,onChangeSidetrack:i.func.isRequired,onClearFilters:i.func.isRequired},R.defaultProps={subjectWell:null};var C=e(R);export{C as default};

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

@@ -1,60 +1 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-
-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 default FormationsLegend;
-//# sourceMappingURL=FormationsLegend.js.map
+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};

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

@@ -1,8 +1 @@
-import styleInject from '../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Map_map__1dU6m {\n  width: 100%;\n}\n\n.Map_mapMain__2JU78 {\n  width: 100%;\n  flex: 100;\n  height: 200px;\n  border-radius: 4px;\n  background-color: #414141;\n}\n\n.Map_map__1dU6m .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__1dU6m .leaflet-popup-content {\n  padding: 10px 16px;\n}\n\n.Map_map__1dU6m .leaflet-popup-tip {\n  display: none;\n}\n\n.Map_map__1dU6m .leaflet-popup-close-button {\n  display: none;\n}\n\n.Map_map__1dU6m .leaflet-control-zoom {\n  background: none;\n  box-shadow: none;\n  border: none;\n}\n\n.Map_map__1dU6m .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__1dU6m .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__1dU6m .leaflet-touch .leaflet-bar {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n\n.Map_map__1dU6m .leaflet-touch .leaflet-control-layers {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n";
-var styles = {"map":"Map_map__1dU6m","mapMain":"Map_mapMain__2JU78"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=Map.css.js.map
+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};

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

@@ -1,198 +1 @@
-import { get, sortBy } from 'lodash';
-import { mapbox } from '../../../../../../utils/index.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import L from 'mapbox.js';
-import { memo, useRef, useMemo, useEffect, createElement } from 'react';
-import PropTypes from 'prop-types';
-import ReactDOM from 'react-dom';
-import { usePrevious } from '../../effects/index.js';
-import styles from './Map.css.js';
-
-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;
-  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();
-        });
-        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
-};
-WellsMap.defaultProps = {
-  subjectWell: null,
-  popUpFormatter: null,
-  coordsDataPath: 'settings.top_hole.coordinates',
-  offsetWells: null
-};
-var Map = memo(WellsMap);
-
-export default Map;
-//# sourceMappingURL=Map.js.map
+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 a,sortBy as s}from"lodash";import{mapbox as l}from"../../../../../../utils/index.js";import{usePrevious as d}from"../../effects/index.js";import m from"./Map.css.js";import{jsx as p,Fragment as f}from"react/jsx-runtime";var h=l.isValidCoordinates,v=[29.749907,-95.358421];function b(r){var i=r.open,l=r.subjectWell,b=r.wells,B=r.offsetWells,g=r.radius,y=r.formationColors,D=r.popUpFormatter,x=r.coordsDataPath,C=e(null),T=e(),j=e(null),F=e(null),W=d(b),k=t((function(){return l&&a(l,x)}),[l,x]);return o((function(){i&&!T.current&&(T.current=c.mapbox.map(C.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(v,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),k?(j.current=c.circle(k,1609.34*g,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(T.current)):j.current=null)}),[g,k,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=a(e,x);if(o&&h(o)){var i=l&&l.id===e.id,s=r.includes(e.id),d=i?10:5,m=i||s?"#00FFFF":a(y,e.formation,"#BDBDBD"),v=i||s?1:.3,b=c.circleMarker(o,{radius:d,stroke:!1,fill:!0,fillOpacity:v,fillColor:m,className:"circle_500"});b.addEventListener("mouseover",(function(){if(D){var r=document.createElement("div"),t=n(D,{well:e,color:a(y,e.formation,"#BDBDBD")});u.render(p(f,{children:t}),r),c.popup().setLatLng(o).setContent(r).openOn(T.current)}})),b.addEventListener("mouseout",(function(){T.current.closePopup()})),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!==W&&T.current.fitBounds(j.current.getBounds(),{padding:[5,5]})}),500)}}),[l,b,B,i]),o((function(){i&&setTimeout((function(){j.current&&j.current.bringToBack(),l?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,l,i]),p("div",{className:m.map,children:p("div",{className:m.mapMain,ref:C})})}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},b.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var B=r(b);export{B as default};

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

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

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

@@ -1,82 +1 @@
-import moment from 'moment';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-
-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 default popupGenerator;
-//# sourceMappingURL=popupGenerator.js.map
+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};

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

@@ -1,32 +1 @@
-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); 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; }
-
-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
+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};