@corva/ui 0.34.0-rc.3 → 0.34.0

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

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

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

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

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

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

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

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

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

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