@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/OffsetWellChips/icons/SubjectIcon.js

@@ -1,43 +1 @@
-import { memo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var SubjectIcon = function SubjectIcon() {
-  return /*#__PURE__*/jsxs("svg", {
-    width: "60",
-    height: "16",
-    viewBox: "0 0 60 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsx("rect", {
-      width: "60",
-      height: "16",
-      rx: "8",
-      fill: "#03BCD4"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M12.6049 5.09309C12.6049 5.09309 11.3628 5.00013 9.93425 5.00013C8.49687 4.99168 8 5.38885 8 6.44514V6.94371C8 7.8479 8.47025 7.9324 9.41964 8.09296C9.71244 8.14366 11.0433 8.37182 11.4692 8.45633C11.7798 8.50703 11.8419 8.66759 11.8419 8.88729V9.32671C11.8419 9.86754 11.6378 9.97739 10.928 9.97739H8.00887L8 10.8985C8 10.8985 9.63258 10.9914 11.0611 10.9914C12.5073 10.9999 12.9776 10.5605 12.9776 9.50417V8.73519C12.9776 7.98311 12.7203 7.66199 11.8419 7.50144C11.4249 7.42538 9.60596 7.10427 9.60596 7.10427C9.25993 7.03667 9.16233 6.97751 9.16233 6.724V6.54655C9.16233 6.04798 9.29542 6.01417 9.89876 6.01417H12.5961L12.6049 5.09309Z",
-      fill: "black"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M15.8763 9.20841V5.04238H14.7406V9.40277C14.7406 10.3408 15.3439 10.9745 16.4619 10.9745H18.2009C19.3189 10.9745 19.9222 10.3408 19.9222 9.40277V5.04238H18.7865V9.20841C18.7865 9.76613 18.5292 10.0196 17.917 10.0196H16.7458C16.1336 10.0196 15.8763 9.76613 15.8763 9.20841Z",
-      fill: "black"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M21.9897 10.9576H25.3258C26.4438 10.9576 27.0471 10.4084 27.0471 9.47037V8.87039C27.0382 8.33802 26.6656 8.00001 26.1332 7.831C26.6035 7.66199 26.9051 7.34933 26.914 6.85076V6.5212C26.914 5.58321 26.3107 5.04238 25.1927 5.04238H21.9897V10.9576ZM23.1254 8.34647H25.0419C25.6541 8.34647 25.9558 8.51548 25.9558 8.94645V9.20841C25.9558 9.76613 25.6985 10.0196 25.0862 10.0196H23.1254V8.34647ZM25.8227 6.88456C25.8227 7.30708 25.5299 7.43383 24.9354 7.44228H23.1254V5.97192H24.9531C25.5654 5.97192 25.8227 6.14093 25.8227 6.69865V6.88456Z",
-      fill: "black"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M28.5927 10.9069C28.5927 10.9069 29.4534 10.9999 30.5713 10.9999C31.6804 11.0083 32.4612 10.5605 32.4612 9.51262V5.04238H31.3255V9.21686C31.3255 9.77458 31.0682 10.0281 30.456 10.0281H28.5927V10.9069Z",
-      fill: "black"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M34.5259 10.9576H38.9179V9.96049H35.6616V8.43943H38.5275V7.46763H35.6616V5.98882H38.9267V5.04238H34.5259V10.9576Z",
-      fill: "black"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M45.362 5.06773C45.362 5.06773 44.0754 5.00013 42.4251 5.00013C41.316 4.99168 40.757 5.67616 40.757 6.61415V9.30136C40.757 10.2394 41.316 11.0083 42.4251 10.9999C43.8979 10.9999 45.362 10.9154 45.362 10.9154L45.3531 10.0281H42.8865C42.2742 10.0281 41.9726 9.73233 41.9726 9.17461V6.7409C41.9726 6.18318 42.2742 5.97192 42.8865 5.97192H45.3531L45.362 5.06773Z",
-      fill: "black"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M52 5.04238H46.8627V5.97192H48.8679V10.9576H50.0036V5.97192H52V5.04238Z",
-      fill: "black"
-    })]
-  });
-};
-var SubjectIcon$1 = memo(SubjectIcon);
-
-export { SubjectIcon$1 as default };
-//# sourceMappingURL=SubjectIcon.js.map
+import{memo as C}from"react";import{jsxs as V,jsx as l}from"react/jsx-runtime";var H=C((function(){return V("svg",{width:"60",height:"16",viewBox:"0 0 60 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{width:"60",height:"16",rx:"8",fill:"#03BCD4"}),l("path",{d:"M12.6049 5.09309C12.6049 5.09309 11.3628 5.00013 9.93425 5.00013C8.49687 4.99168 8 5.38885 8 6.44514V6.94371C8 7.8479 8.47025 7.9324 9.41964 8.09296C9.71244 8.14366 11.0433 8.37182 11.4692 8.45633C11.7798 8.50703 11.8419 8.66759 11.8419 8.88729V9.32671C11.8419 9.86754 11.6378 9.97739 10.928 9.97739H8.00887L8 10.8985C8 10.8985 9.63258 10.9914 11.0611 10.9914C12.5073 10.9999 12.9776 10.5605 12.9776 9.50417V8.73519C12.9776 7.98311 12.7203 7.66199 11.8419 7.50144C11.4249 7.42538 9.60596 7.10427 9.60596 7.10427C9.25993 7.03667 9.16233 6.97751 9.16233 6.724V6.54655C9.16233 6.04798 9.29542 6.01417 9.89876 6.01417H12.5961L12.6049 5.09309Z",fill:"black"}),l("path",{d:"M15.8763 9.20841V5.04238H14.7406V9.40277C14.7406 10.3408 15.3439 10.9745 16.4619 10.9745H18.2009C19.3189 10.9745 19.9222 10.3408 19.9222 9.40277V5.04238H18.7865V9.20841C18.7865 9.76613 18.5292 10.0196 17.917 10.0196H16.7458C16.1336 10.0196 15.8763 9.76613 15.8763 9.20841Z",fill:"black"}),l("path",{d:"M21.9897 10.9576H25.3258C26.4438 10.9576 27.0471 10.4084 27.0471 9.47037V8.87039C27.0382 8.33802 26.6656 8.00001 26.1332 7.831C26.6035 7.66199 26.9051 7.34933 26.914 6.85076V6.5212C26.914 5.58321 26.3107 5.04238 25.1927 5.04238H21.9897V10.9576ZM23.1254 8.34647H25.0419C25.6541 8.34647 25.9558 8.51548 25.9558 8.94645V9.20841C25.9558 9.76613 25.6985 10.0196 25.0862 10.0196H23.1254V8.34647ZM25.8227 6.88456C25.8227 7.30708 25.5299 7.43383 24.9354 7.44228H23.1254V5.97192H24.9531C25.5654 5.97192 25.8227 6.14093 25.8227 6.69865V6.88456Z",fill:"black"}),l("path",{d:"M28.5927 10.9069C28.5927 10.9069 29.4534 10.9999 30.5713 10.9999C31.6804 11.0083 32.4612 10.5605 32.4612 9.51262V5.04238H31.3255V9.21686C31.3255 9.77458 31.0682 10.0281 30.456 10.0281H28.5927V10.9069Z",fill:"black"}),l("path",{d:"M34.5259 10.9576H38.9179V9.96049H35.6616V8.43943H38.5275V7.46763H35.6616V5.98882H38.9267V5.04238H34.5259V10.9576Z",fill:"black"}),l("path",{d:"M45.362 5.06773C45.362 5.06773 44.0754 5.00013 42.4251 5.00013C41.316 4.99168 40.757 5.67616 40.757 6.61415V9.30136C40.757 10.2394 41.316 11.0083 42.4251 10.9999C43.8979 10.9999 45.362 10.9154 45.362 10.9154L45.3531 10.0281H42.8865C42.2742 10.0281 41.9726 9.73233 41.9726 9.17461V6.7409C41.9726 6.18318 42.2742 5.97192 42.8865 5.97192H45.3531L45.362 5.06773Z",fill:"black"}),l("path",{d:"M52 5.04238H46.8627V5.97192H48.8679V10.9576H50.0036V5.97192H52V5.04238Z",fill:"black"})]})}));export{H as default};

package/components/OffsetWellMap/OffsetWellMap.js

@@ -1,387 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useMemo, useRef, useState, useEffect, createElement } from 'react';
-import ReactDOM from 'react-dom';
-import { get } from 'lodash';
-import classNames from 'classnames';
-import { Tooltip } from '@material-ui/core';
-import { Add, Remove } from '@material-ui/icons';
-import L from 'mapbox.js';
-import { usePreviousWells } from './effects/usePreviousWells.js';
-import { WellTooltip } from './WellTooltip.js';
-import { getAllFormations } from './utils.js';
-import styles from './OffsetWellMap.module.css.js';
-import { mapbox } from '../../utils/index.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var SubjectWellIcon = "/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";
-var SubjectHighlightWellIcon = "/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg";
-var isValidCoordinates = mapbox.isValidCoordinates;
-var DEFAULT_COORDS = [29.749907, -95.358421];
-var WELL_MARKER_SIZE = 5;
-var HIGHLIGHT_MARKER_SIZE = 12;
-var OFFSET_WELL_COLOR = '#03BCD4';
-var RADIUS_CIRCLE_COLOR = '#03BCD4';
-var HIGHLIGHT_WELL_COLOR = '#63EFFF';
-var METERS_IN_MILE = 1609.34;
-var ZOOM_INIT_VALUE = 3;
-var ZOOM_MAX_VALUE = 18;
-var ZOOM_MIN_VALUE = 1;
-var MAX_RADIUS = 3000;
-var bounds = ['_renderer', '_bounds', 'min'];
-
-/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */
-var OffsetWellMap = function OffsetWellMap(_ref) {
-  var isViewOnly = _ref.isViewOnly,
-    _ref$subjectWell = _ref.subjectWell,
-    subjectWell = _ref$subjectWell === void 0 ? null : _ref$subjectWell,
-    wells = _ref.wells,
-    offsetWellIds = _ref.offsetWellIds,
-    radius = _ref.radius,
-    handleChanageOffsetWell = _ref.handleChanageOffsetWell,
-    _ref$handleChangeOffs = _ref.handleChangeOffsetWell,
-    handleChangeOffsetWell = _ref$handleChangeOffs === void 0 ? handleChanageOffsetWell : _ref$handleChangeOffs,
-    activeWellId = _ref.activeWellId,
-    _ref$isClickable = _ref.isClickable,
-    isClickable = _ref$isClickable === void 0 ? true : _ref$isClickable;
-  var subjectWellCoords = useMemo(function () {
-    return subjectWell && get(subjectWell, 'topHole.coordinates');
-  }, [subjectWell]);
-  var formationColors = useMemo(function () {
-    return getAllFormations(wells);
-  }, [wells]);
-  var mapRef = useRef();
-  var radiusCircleRef = useRef();
-  var subjectIconRef = useRef();
-  var markersGroupRef = useRef();
-  var highlightMarkerRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSubjectWellHovered = _useState2[0],
-    setIsSubjectWellHovered = _useState2[1];
-  var wellMarkers = useRef();
-  var subjectWellMarker = useRef();
-  var isActiveWellIsSubjectWell = (subjectWell === null || subjectWell === void 0 ? void 0 : subjectWell.id) === activeWellId;
-  var prevWells = usePreviousWells(wells);
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    initBounds = _useState4[0],
-    setInitBounds = _useState4[1];
-  var _useState5 = useState(ZOOM_INIT_VALUE),
-    _useState6 = _slicedToArray(_useState5, 2),
-    zoom = _useState6[0],
-    setZoom = _useState6[1];
-
-  // NOTE: Initialize map
-  useEffect(function () {
-    mapRef.current = L.mapbox.map(mapRef.current, null, {
-      attributionControl: false,
-      scrollWheelZoom: false,
-      zoomControl: false
-    }).setView(DEFAULT_COORDS, ZOOM_INIT_VALUE).on('zoomend', function () {
-      return setZoom(mapRef.current.getZoom());
-    });
-    mapRef.current.doubleClickZoom.disable();
-    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);
-  }, []);
-
-  // NOTE: Radius circle
-  useEffect(function () {
-    if (!mapRef.current) {
-      return;
-    }
-
-    // NOTE: Clean up
-    if (radiusCircleRef.current) {
-      mapRef.current.removeLayer(radiusCircleRef.current);
-      radiusCircleRef.current = null;
-    }
-    if (subjectIconRef.current) {
-      mapRef.current.removeLayer(subjectIconRef.current);
-    }
-    if (!subjectWellCoords) {
-      radiusCircleRef.current = null;
-      subjectIconRef.current = null;
-      return;
-    }
-    if (radius) {
-      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]);
-
-  // NOTE: Highlight marker
-  var handleHighlightMarker = function handleHighlightMarker(currentMarker, coords, color, well, isOffsetWell, isSubjectWell) {
-    if (isSubjectWell) {
-      currentMarker.setStyle({
-        fillColor: HIGHLIGHT_WELL_COLOR
-      });
-      setIsSubjectWellHovered(true);
-    }
-    highlightMarkerRef.current = L.circleMarker(coords, {
-      radius: isSubjectWell ? WELL_MARKER_SIZE : HIGHLIGHT_MARKER_SIZE,
-      stroke: false,
-      fill: true,
-      fillOpacity: 0.24,
-      fillColor: isSubjectWell ? HIGHLIGHT_WELL_COLOR : color,
-      className: 'circle_highlight'
-    });
-    highlightMarkerRef.current.addEventListener('mouseout', function () {
-      markersGroupRef.current.removeFrom(mapRef.current);
-      markersGroupRef.current = L.featureGroup(wellMarkers.current);
-      markersGroupRef.current.addTo(mapRef.current);
-      mapRef.current.closePopup();
-      if (isSubjectWell) {
-        currentMarker.setStyle({
-          fillColor: OFFSET_WELL_COLOR
-        });
-        setIsSubjectWellHovered(false);
-      }
-    });
-    highlightMarkerRef.current.addEventListener('click', function () {
-      if (isViewOnly) return;
-      if (isOffsetWell) {
-        handleChangeOffsetWell(well, false);
-      } else {
-        handleChangeOffsetWell(well, true);
-      }
-    });
-    var newMarkers = wellMarkers.current.concat(highlightMarkerRef.current);
-    markersGroupRef.current.removeFrom(mapRef.current);
-    markersGroupRef.current = L.featureGroup(newMarkers);
-    markersGroupRef.current.addTo(mapRef.current);
-  };
-  var showTooltip = function showTooltip(well, isOffsetWell, isSubjectWell, coords, offset) {
-    var popUpContainer = document.createElement('div');
-    var popUpContent = createElement(WellTooltip(), {
-      isViewOnly: isViewOnly,
-      well: well,
-      color: get(formationColors, well.formation, '#BDBDBD'),
-      isOffsetWell: isOffsetWell,
-      isSubjectWell: isSubjectWell,
-      offset: offset,
-      isClickable: isClickable
-    });
-    ReactDOM.render( /*#__PURE__*/jsx(Fragment, {
-      children: popUpContent
-    }), popUpContainer);
-    L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);
-  };
-
-  // NOTE: Well markers
-  useEffect(function () {
-    if (!mapRef.current || !wells || !offsetWellIds) {
-      return;
-    }
-    mapRef.current.closePopup();
-
-    // NOTE: Clean up
-    if (markersGroupRef.current) {
-      markersGroupRef.current.removeFrom(mapRef.current);
-    }
-    var markers = [];
-    var offsetWells = [];
-    var unSelectedWells = [];
-    wells.forEach(function (well) {
-      if (well.id !== (subjectWell === null || subjectWell === void 0 ? void 0 : subjectWell.id)) {
-        if (offsetWellIds.includes(well.id)) {
-          offsetWells.push(well);
-        } else {
-          unSelectedWells.push(well);
-        }
-      }
-    });
-    var sortedWells = [].concat(unSelectedWells, offsetWells, [subjectWell]);
-    sortedWells.forEach(function (well) {
-      var _well$topHole;
-      var coords = well === null || well === void 0 ? void 0 : (_well$topHole = well.topHole) === null || _well$topHole === void 0 ? void 0 : _well$topHole.coordinates;
-      if (coords && isValidCoordinates(coords)) {
-        var isSubjectWell = (subjectWell === null || subjectWell === void 0 ? void 0 : subjectWell.id) === well.id;
-        var isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;
-        var color = isSubjectWell ? OFFSET_WELL_COLOR : get(formationColors, well.formation, '#BDBDBD');
-        var opacity = isOffsetWell ? 0.7 : 0.3;
-        if (isOffsetWell) {
-          var newHighlightMarker = L.circleMarker(coords, {
-            radius: HIGHLIGHT_MARKER_SIZE,
-            stroke: false,
-            fill: true,
-            fillColor: color,
-            className: 'circle_500',
-            fillOpacity: 0.08
-          });
-          markers.push(newHighlightMarker);
-        }
-        var newMarker = L.circleMarker(coords, {
-          radius: WELL_MARKER_SIZE,
-          stroke: false,
-          fill: true,
-          fillOpacity: isSubjectWell ? 1 : opacity,
-          fillColor: color,
-          className: 'circle_500'
-        });
-        newMarker.addEventListener('mouseover', function (e) {
-          var offset = [0, 0];
-          if (initBounds && get(e.target, bounds)) {
-            offset = [get(e.target, bounds).x - initBounds.x, get(e.target, bounds).y - initBounds.y];
-          }
-          showTooltip(well, isOffsetWell, isSubjectWell, coords, offset);
-
-          // Highlight
-          handleHighlightMarker(newMarker, coords, color, well, isOffsetWell, isSubjectWell);
-        });
-        if (isSubjectWell) {
-          subjectWellMarker.current = newMarker;
-        }
-        markers.push(newMarker);
-        if (well.id === activeWellId && !isActiveWellIsSubjectWell) {
-          var highlightMarker = L.circleMarker(coords, {
-            radius: HIGHLIGHT_MARKER_SIZE,
-            stroke: false,
-            fill: true,
-            fillOpacity: 0.24,
-            fillColor: color,
-            className: 'circle_1200'
-          });
-          markers.push(highlightMarker);
-        }
-      }
-    });
-    if (markers.length) {
-      markersGroupRef.current = L.featureGroup(markers);
-      markersGroupRef.current.addTo(mapRef.current);
-    }
-    wellMarkers.current = markers;
-    setTimeout(function () {
-      if (radiusCircleRef.current) {
-        radiusCircleRef.current.bringToBack();
-      }
-      if (radius < MAX_RADIUS && mapRef.current && radiusCircleRef.current && wells !== prevWells) {
-        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
-          padding: [5, 5]
-        });
-      }
-    }, 500);
-  }, [subjectWell, wells, offsetWellIds, initBounds]);
-
-  // NOTE: Subject Well Icon
-
-  useEffect(function () {
-    if (!isSubjectWellHovered) return;
-    if (get(mapRef.current, bounds) && initBounds) {
-      var offset = [get(mapRef.current, bounds).x - initBounds.x, get(mapRef.current, bounds).y - initBounds.y];
-      showTooltip(subjectWell, false, true, subjectWellCoords, offset);
-    }
-  }, [isSubjectWellHovered, initBounds, subjectWell, subjectWellCoords]);
-  useEffect(function () {
-    if (!mapRef.current || !subjectWellCoords) return;
-    if (subjectIconRef.current) {
-      subjectIconRef.current.removeFrom(mapRef.current);
-    }
-    var icon = L.icon({
-      iconUrl: isSubjectWellHovered || isActiveWellIsSubjectWell ? SubjectHighlightWellIcon : SubjectWellIcon,
-      iconSize: isSubjectWellHovered || isActiveWellIsSubjectWell ? [70, 20] : [62, 12],
-      iconAnchor: isSubjectWellHovered || isActiveWellIsSubjectWell ? [35, 29] : [31, 25],
-      className: 'dot'
-    });
-    subjectIconRef.current = L.marker(subjectWellCoords, {
-      icon: icon
-    });
-    subjectIconRef.current.addTo(mapRef.current);
-    if (subjectWellMarker.current) {
-      subjectIconRef.current.addEventListener('mouseover', function () {
-        setIsSubjectWellHovered(true);
-        handleHighlightMarker(subjectWellMarker.current, subjectWellCoords, OFFSET_WELL_COLOR, subjectWell, true, true);
-      });
-      subjectIconRef.current.addEventListener('mouseout', function () {
-        markersGroupRef.current.removeFrom(mapRef.current);
-        markersGroupRef.current = L.featureGroup(wellMarkers.current);
-        markersGroupRef.current.addTo(mapRef.current);
-        mapRef.current.closePopup();
-        subjectWellMarker.current.setStyle({
-          fillColor: OFFSET_WELL_COLOR
-        });
-        setIsSubjectWellHovered(false);
-      });
-    }
-  }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell, initBounds]);
-
-  // NOTE: Map Update
-  useEffect(function () {
-    if (radius > MAX_RADIUS) {
-      mapRef.current.setZoom(1);
-      return;
-    }
-    setTimeout(function () {
-      if (radiusCircleRef.current) {
-        radiusCircleRef.current.bringToBack();
-      }
-      if (subjectWell) {
-        if (mapRef.current && radiusCircleRef.current && radius) {
-          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {
-            padding: [5, 5]
-          });
-        }
-      } else if (mapRef.current && markersGroupRef.current) {
-        mapRef.current.fitBounds(markersGroupRef.current.getBounds());
-      }
-      if (subjectWellCoords) {
-        mapRef.current.panTo(subjectWellCoords, {
-          duration: 0.7,
-          easeLinearity: 0.25
-        });
-      }
-      if (get(mapRef.current, bounds)) {
-        setInitBounds(get(mapRef.current, bounds));
-      }
-    }, 500);
-  }, [radius, subjectWell, subjectWellCoords]);
-  var handleZoomIn = function handleZoomIn() {
-    mapRef.current.setZoom(zoom + 1);
-  };
-  var handleZoomOut = function handleZoomOut() {
-    if (zoom > 1) {
-      mapRef.current.setZoom(zoom - 1);
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: styles.mapView,
-    children: /*#__PURE__*/jsx("div", {
-      className: styles.mapMain,
-      ref: mapRef,
-      onDoubleClick: handleZoomIn,
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.zoomGroup,
-        children: [/*#__PURE__*/jsx(Tooltip, {
-          title: zoom < ZOOM_MAX_VALUE ? 'Zoom in' : '',
-          placement: "left",
-          children: /*#__PURE__*/jsx("div", {
-            className: classNames(styles.zoomButton, _defineProperty({}, styles.zoomDisabled, zoom === ZOOM_MAX_VALUE)),
-            onClick: handleZoomIn,
-            children: /*#__PURE__*/jsx(Add, {
-              className: styles.zoomInOutIcon
-            })
-          })
-        }), /*#__PURE__*/jsx(Tooltip, {
-          title: zoom > ZOOM_MIN_VALUE ? 'Zoom out' : '',
-          placement: "left",
-          children: /*#__PURE__*/jsx("div", {
-            className: classNames(styles.zoomButton, _defineProperty({}, styles.zoomDisabled, zoom === ZOOM_MIN_VALUE)),
-            onClick: handleZoomOut,
-            children: /*#__PURE__*/jsx(Remove, {
-              className: styles.zoomInOutIcon
-            })
-          })
-        })]
-      })
-    })
-  });
-};
-
-export { OffsetWellMap as default };
-//# sourceMappingURL=OffsetWellMap.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as n,useState as o,useEffect as c,createElement as i}from"react";import u from"react-dom";import{get as l}from"lodash";import a from"classnames";import{Tooltip as s}from"@material-ui/core";import{Add as d,Remove as m}from"@material-ui/icons";import f from"mapbox.js";import{usePreviousWells as p}from"./effects/usePreviousWells.js";import{WellTooltip as v}from"./WellTooltip.js";import{getAllFormations as h}from"./utils.js";import b from"./OffsetWellMap.module.css.js";import{mapbox as C}from"../../utils/index.js";import{jsx as y,jsxs as B,Fragment as k}from"react/jsx-runtime";var g=C.isValidCoordinates,D=[29.749907,-95.358421],O=["_renderer","_bounds","min"],T=function(C){var T=C.isViewOnly,N=C.subjectWell,x=void 0===N?null:N,F=C.wells,L=C.offsetWellIds,W=C.radius,z=C.handleChanageOffsetWell,E=C.handleChangeOffsetWell,j=void 0===E?z:E,Z=C.activeWellId,_=C.isClickable,w=void 0===_||_,I=t((function(){return x&&l(x,"topHole.coordinates")}),[x]),M=t((function(){return h(F)}),[F]),G=n(),P=n(),S=n(),V=n(),A=n(null),H=o(!1),U=e(H,2),q=U[0],J=U[1],K=n(),Q=n(),R=(null==x?void 0:x.id)===Z,X=p(F),Y=o(null),$=e(Y,2),rr=$[0],er=$[1],tr=o(3),nr=e(tr,2),or=nr[0],cr=nr[1];c((function(){G.current=f.mapbox.map(G.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(D,3).on("zoomend",(function(){return cr(G.current.getZoom())})),G.current.doubleClickZoom.disable(),f.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(G.current)}),[]),c((function(){if(G.current){if(P.current&&(G.current.removeLayer(P.current),P.current=null),S.current&&G.current.removeLayer(S.current),!I)return P.current=null,void(S.current=null);W&&(P.current=f.circle(I,1609.34*W,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),P.current.addTo(G.current))}}),[W,I]);var ir=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),J(!0)),A.current=f.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),A.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),J(!1))})),A.current.addEventListener("click",(function(){T||j(n,!o)}));var i=K.current.concat(A.current);V.current.removeFrom(G.current),V.current=f.featureGroup(i),V.current.addTo(G.current)},ur=function(r,e,t,n,o){var c=document.createElement("div"),a=i(v(),{isViewOnly:T,well:r,color:l(M,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:w});u.render(y(k,{children:a}),c),f.popup().setLatLng(n).setContent(c).openOn(G.current)};c((function(){if(G.current&&F&&L){G.current.closePopup(),V.current&&V.current.removeFrom(G.current);var r=[],e=[],t=[];F.forEach((function(r){r.id!==(null==x?void 0:x.id)&&(L.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[x]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&g(n)){var o=(null==x?void 0:x.id)===e.id,c=L.includes(e.id)&&!o,i=o?"#03BCD4":l(M,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});r.push(a)}var s=f.circleMarker(n,{radius:5,stroke:!1,fill:!0,fillOpacity:o?1:u,fillColor:i,className:"circle_500"});if(s.addEventListener("mouseover",(function(r){var t=[0,0];rr&&l(r.target,O)&&(t=[l(r.target,O).x-rr.x,l(r.target,O).y-rr.y]),ur(e,c,o,n,t),ir(s,n,i,e,c,o)})),o&&(Q.current=s),r.push(s),e.id===Z&&!R){var d=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(V.current=f.featureGroup(r),V.current.addTo(G.current)),K.current=r,setTimeout((function(){P.current&&P.current.bringToBack(),W<3e3&&G.current&&P.current&&F!==X&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]})}),500)}}),[x,F,L,rr]),c((function(){if(q&&l(G.current,O)&&rr){var r=[l(G.current,O).x-rr.x,l(G.current,O).y-rr.y];ur(x,!1,!0,I,r)}}),[q,rr,x,I]),c((function(){if(G.current&&I){S.current&&S.current.removeFrom(G.current);var r=f.icon({iconUrl:q||R?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:q||R?[70,20]:[62,12],iconAnchor:q||R?[35,29]:[31,25],className:"dot"});S.current=f.marker(I,{icon:r}),S.current.addTo(G.current),Q.current&&(S.current.addEventListener("mouseover",(function(){J(!0),ir(Q.current,I,"#03BCD4",x,!0,!0)})),S.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),Q.current.setStyle({fillColor:"#03BCD4"}),J(!1)})))}}),[q,I,W,x,R,rr]),c((function(){W>3e3?G.current.setZoom(1):setTimeout((function(){P.current&&P.current.bringToBack(),x?G.current&&P.current&&W&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]}):G.current&&V.current&&G.current.fitBounds(V.current.getBounds()),I&&G.current.panTo(I,{duration:.7,easeLinearity:.25}),l(G.current,O)&&er(l(G.current,O))}),500)}),[W,x,I]);var lr=function(){G.current.setZoom(or+1)};return y("div",{className:b.mapView,children:y("div",{className:b.mapMain,ref:G,onDoubleClick:lr,children:B("div",{className:b.zoomGroup,children:[y(s,{title:or<18?"Zoom in":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,18===or)),onClick:lr,children:y(d,{className:b.zoomInOutIcon})})}),y(s,{title:or>1?"Zoom out":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,1===or)),onClick:function(){or>1&&G.current.setZoom(or-1)},children:y(m,{className:b.zoomInOutIcon})})})]})})})};export{T as default};

package/components/OffsetWellMap/OffsetWellMap.module.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".OffsetWellMap-module_mapView__EwhHO {\n  width: 100%;\n}\n\n.OffsetWellMap-module_zoomGroup__qCVgz {\n  position: absolute;\n  right: 12px;\n  bottom: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  z-index: 9;\n}\n\n.OffsetWellMap-module_zoomButton__oZIkU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--palette-primary-text-6);\n  font-size: 22px;\n  text-align: center;\n  width: 32px;\n  height: 32px;\n  background: var(--palette-background-b-6);\n  border-radius: 4px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.OffsetWellMap-module_zoomButton__oZIkU:hover {\n  color: #fff;\n  background: var(--palette-background-b-7);\n}\n\n.OffsetWellMap-module_zoomDisabled__60g-G {\n  cursor: not-allowed;\n}\n\n.OffsetWellMap-module_zoomDisabled__60g-G:hover {\n  color: var(--palette-primary-text-6);\n  background: var(--palette-background-b-6);\n}\n\n.OffsetWellMap-module_zoomInOutIcon__tUzKY {\n  font-size: 1rem !important;\n}\n\n.OffsetWellMap-module_mapMain__IYEA1 {\n  width: 100%;\n  flex: 100;\n  height: 200px;\n  border-radius: 4px;\n  background-color: var(--palette-background-b-9);\n  border: 1px solid var(--palette-background-b-9);\n  position: relative;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup {\n  transform: none !important;\n  top: 0px !important;\n  left: 0px !important;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content-wrapper {\n  background-color: transparent;\n  opacity: 0.9;\n  border-radius: 4px;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content {\n  padding: 8px;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-tip {\n  display: none;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-close-button {\n  display: none;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom {\n  background: none;\n  box-shadow: none;\n  border: none;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a {\n  text-indent: unset;\n  content: unset;\n  font-size: 20px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  background: var(--palette-background-b-6);\n  color: var(--palette-primary-text-6);\n  border-radius: 4px;\n  margin-top: 4px;\n  opacity: 1;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a:hover {\n  color: var(--palette-primary-text-1);\n  background: var(--palette-background-b-7);\n  border-radius: 4px;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-bar {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n\n.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-control-layers {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n";
-var styles = {"mapView":"OffsetWellMap-module_mapView__EwhHO","zoomGroup":"OffsetWellMap-module_zoomGroup__qCVgz","zoomButton":"OffsetWellMap-module_zoomButton__oZIkU","zoomDisabled":"OffsetWellMap-module_zoomDisabled__60g-G","zoomInOutIcon":"OffsetWellMap-module_zoomInOutIcon__tUzKY","mapMain":"OffsetWellMap-module_mapMain__IYEA1"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=OffsetWellMap.module.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={mapView:"OffsetWellMap-module_mapView__EwhHO",zoomGroup:"OffsetWellMap-module_zoomGroup__qCVgz",zoomButton:"OffsetWellMap-module_zoomButton__oZIkU",zoomDisabled:"OffsetWellMap-module_zoomDisabled__60g-G",zoomInOutIcon:"OffsetWellMap-module_zoomInOutIcon__tUzKY",mapMain:"OffsetWellMap-module_mapMain__IYEA1"};e(".OffsetWellMap-module_mapView__EwhHO{width:100%}.OffsetWellMap-module_zoomGroup__qCVgz{bottom:12px;display:flex;flex-direction:column;gap:4px;position:absolute;right:12px;z-index:9}.OffsetWellMap-module_zoomButton__oZIkU{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;text-align:center;user-select:none;width:32px}.OffsetWellMap-module_zoomButton__oZIkU:hover{background:var(--palette-background-b-7);color:#fff}.OffsetWellMap-module_zoomDisabled__60g-G{cursor:not-allowed}.OffsetWellMap-module_zoomDisabled__60g-G:hover{background:var(--palette-background-b-6);color:var(--palette-primary-text-6)}.OffsetWellMap-module_zoomInOutIcon__tUzKY{font-size:1rem!important}.OffsetWellMap-module_mapMain__IYEA1{background-color:var(--palette-background-b-9);border:1px solid var(--palette-background-b-9);border-radius:4px;flex:100;height:200px;position:relative;width:100%}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup{left:0!important;top:0!important;transform:none!important}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content-wrapper{background-color:transparent;border-radius:4px;opacity:.9}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content{padding:8px}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-close-button,.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-tip{display:none}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom{background:none;border:none;box-shadow:none}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);content:unset;display:flex;font-size:20px;height:30px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:30px}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a:hover{background:var(--palette-background-b-7);border-radius:4px;color:var(--palette-primary-text-1)}.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-bar,.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}");export{o as default};

package/components/OffsetWellMap/WellTooltip.js

@@ -1,62 +1 @@
-import classNames from 'classnames';
-import moment from 'moment';
-import InfoIcon from '@material-ui/icons/Info';
-import BlockIcon from '@material-ui/icons/Block';
-import styles from './WellTooltip.module.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var WellTooltip = function WellTooltip() {
-  return function (_ref) {
-    var isViewOnly = _ref.isViewOnly,
-      well = _ref.well,
-      color = _ref.color,
-      isOffsetWell = _ref.isOffsetWell,
-      isSubjectWell = _ref.isSubjectWell,
-      offset = _ref.offset,
-      isClickable = _ref.isClickable;
-    return /*#__PURE__*/jsxs("div", {
-      className: styles.wellTooltip,
-      style: {
-        marginLeft: offset === null || offset === void 0 ? void 0 : offset[0],
-        marginTop: offset === null || offset === void 0 ? void 0 : offset[1]
-      },
-      children: [/*#__PURE__*/jsx("span", {
-        className: classNames(styles.commonItem, styles.wellName),
-        children: well.name
-      }), /*#__PURE__*/jsxs("div", {
-        className: styles.tooltipItem,
-        children: ["Depth:\xA0", Number.isFinite(well.totalDepth) ? Math.floor(well.totalDepth).toFixed(2) : 'N/A', Number.isFinite(well.totalDepth) && /*#__PURE__*/jsx("span", {
-          className: styles.unit,
-          children: "\xA0ft"
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.commonItem, styles.tooltipItem),
-        children: ["Release Date:\xA0", Number.isFinite(well.rigReleaseDate) ? moment.unix(well.rigReleaseDate).format('MM/DD/YYYY') : 'N/A']
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.commonItem, styles.formationItem),
-        children: ["Target Formation:", /*#__PURE__*/jsx("div", {
-          className: styles.formation,
-          style: {
-            backgroundColor: color
-          }
-        }), well.formation]
-      }), !isViewOnly && !isSubjectWell && isClickable && /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.commonItem, styles.info),
-        children: [isOffsetWell ? /*#__PURE__*/jsx(BlockIcon, {
-          className: styles.blockIcon
-        }) : /*#__PURE__*/jsx(InfoIcon, {
-          className: styles.infoIcon
-        }), isOffsetWell ? /*#__PURE__*/jsx("span", {
-          className: styles.infoLabel,
-          children: "Click to deselect Offset Well"
-        }) : /*#__PURE__*/jsx("span", {
-          className: styles.infoLabel,
-          children: "Click to select Offset Well"
-        })]
-      })]
-    });
-  };
-};
-
-export { WellTooltip };
-//# sourceMappingURL=WellTooltip.js.map
+import e from"classnames";import l from"moment";import o from"@material-ui/icons/Info";import i from"@material-ui/icons/Block";import t from"./WellTooltip.module.css.js";import{jsxs as a,jsx as m}from"react/jsx-runtime";var s=function(){return function(s){var n=s.isViewOnly,r=s.well,c=s.color,f=s.isOffsetWell,d=s.isSubjectWell,p=s.offset,N=s.isClickable;return a("div",{className:t.wellTooltip,style:{marginLeft:null==p?void 0:p[0],marginTop:null==p?void 0:p[1]},children:[m("span",{className:e(t.commonItem,t.wellName),children:r.name}),a("div",{className:t.tooltipItem,children:["Depth: ",Number.isFinite(r.totalDepth)?Math.floor(r.totalDepth).toFixed(2):"N/A",Number.isFinite(r.totalDepth)&&m("span",{className:t.unit,children:" ft"})]}),a("div",{className:e(t.commonItem,t.tooltipItem),children:["Release Date: ",Number.isFinite(r.rigReleaseDate)?l.unix(r.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),a("div",{className:e(t.commonItem,t.formationItem),children:["Target Formation:",m("div",{className:t.formation,style:{backgroundColor:c}}),r.formation]}),!n&&!d&&N&&a("div",{className:e(t.commonItem,t.info),children:[f?m(i,{className:t.blockIcon}):m(o,{className:t.infoIcon}),m("span",f?{className:t.infoLabel,children:"Click to deselect Offset Well"}:{className:t.infoLabel,children:"Click to select Offset Well"})]})]})}};export{s as WellTooltip};

package/components/OffsetWellMap/utils.js

@@ -1,30 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get, sortBy } from 'lodash';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FORMATION_COLORS = ['#FF00FF', '#F5BD80', '#FF0000', '#0080FF', '#FF8000', '#58ACFA', '#FA58F4', '#40FF00', '#4B8A08', '#40FF00', '#D8F781'];
-
-// 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 colors;
-}
-
-export { getAllFormations };
-//# sourceMappingURL=utils.js.map
+import r from"@babel/runtime/helpers/defineProperty";import{get as e,sortBy as t}from"lodash";function n(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 o(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var c=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"];function i(n){var i=[],u=!1;n.forEach((function(r){"Null"===r.formation?u=!0:i.includes(e(r,"formation"))||i.push(e(r,"formation"))}));var f=t(i);return u&&!f.includes("Null")&&f.push("Null"),f.reduce((function(e,t,n){return o(o({},e),{},r({},t,c[n%c.length]))}),{})}export{i as getAllFormations};