@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Autocomplete/Autocomplete.js

@@ -1,148 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useMemo, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { get, noop } from 'lodash';
-import { makeStyles } from '@material-ui/core';
-import AutoComplete from '@material-ui/lab/Autocomplete';
-import CloseIcon from '@material-ui/icons/Close';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["isCreatable", "options", "value", "getOptionLabel", "onInputChange", "onChange", "renderOption", "classes"];
-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 getAddedValue = function getAddedValue(value) {
-  return "Create \"".concat(value, "\"");
-};
-var getUpdateValue = function getUpdateValue(value) {
-  return get(get(value.split('Create "'), '1', '').split('"'), '0', '');
-};
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      width: 200
-    },
-    paper: {
-      maxHeight: 400,
-      boxShadow: '0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)',
-      margin: 0
-    },
-    createLabel: {
-      fontSize: '16px',
-      lineHeight: '22.5px',
-      color: theme.palette.primary.main
-    },
-    openIcon: {
-      marginLeft: 5
-    },
-    option: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      width: '100%'
-    },
-    closeIcon: {
-      width: 16,
-      height: 16
-    }
-  };
-});
-var Autocomplete = function Autocomplete(_ref) {
-  var isCreatable = _ref.isCreatable,
-    inputOptions = _ref.options,
-    inputValue = _ref.value,
-    getOptionLabel = _ref.getOptionLabel,
-    onInputChange = _ref.onInputChange,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-    renderOption = _ref.renderOption,
-    customClasses = _ref.classes,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var classes = useStyles();
-  var initialOptions = useMemo(function () {
-    return inputOptions === null || inputOptions === void 0 ? void 0 : inputOptions.map(function (item) {
-      return isCreatable ? getOptionLabel(item) : item;
-    });
-  }, [inputOptions]);
-  var value = useMemo(function () {
-    return isCreatable ? getOptionLabel(inputValue) || '' : inputValue;
-  }, [inputValue]);
-  var _useState = useState(initialOptions),
-    _useState2 = _slicedToArray(_useState, 2),
-    options = _useState2[0],
-    setOptions = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    addedValue = _useState4[0],
-    setAddedValue = _useState4[1];
-  useEffect(function () {
-    setOptions(initialOptions);
-  }, [initialOptions]);
-  var handleInputChange = function handleInputChange(newValue) {
-    if (newValue === '') {
-      setAddedValue(null);
-      setOptions(initialOptions);
-    } else if (!initialOptions.find(function (item) {
-      return item === newValue;
-    })) {
-      // if input value not matches any option add Create option
-      var newAddedValue = getAddedValue(newValue);
-      setAddedValue(newAddedValue);
-      setOptions([].concat(_toConsumableArray(initialOptions), [newAddedValue]));
-    } else {
-      // if any option include input value remove Create option
-      var filteredInitialOptions = initialOptions.filter(function (option) {
-        return !option.includes("Create \"");
-      });
-      setOptions(filteredInitialOptions);
-    }
-  };
-  var handleChangeValue = function handleChangeValue(newValue) {
-    if (newValue !== null && newValue !== void 0 && newValue.includes('Create "') && getOptionLabel(newValue) === getOptionLabel(addedValue)) {
-      setAddedValue(null);
-      var updatedValue = getUpdateValue(addedValue);
-      setOptions([].concat(_toConsumableArray(initialOptions), [updatedValue]));
-      onChange(updatedValue, true);
-    } else {
-      onChange(newValue, false);
-    }
-  };
-  return /*#__PURE__*/jsx(AutoComplete, _objectSpread({
-    value: value,
-    onChange: isCreatable ? function (_, newValue) {
-      return handleChangeValue(newValue);
-    } : onChange,
-    onInputChange: isCreatable ? function (_, newValue) {
-      return handleInputChange(newValue);
-    } : onInputChange,
-    options: options,
-    getOptionLabel: isCreatable ? function (item) {
-      return String(item);
-    } : getOptionLabel,
-    renderOption: isCreatable ? function (props) {
-      var updateValue = getUpdateValue(props);
-      return /*#__PURE__*/jsx(Tooltip, {
-        title: props,
-        children: /*#__PURE__*/jsx("div", {
-          className: classNames(_defineProperty({}, classes.createLabel, updateValue && props !== updateValue), classes.option, customClasses === null || customClasses === void 0 ? void 0 : customClasses.optionLabelClass),
-          children: props
-        })
-      });
-    } : renderOption,
-    classes: _objectSpread({
-      root: classNames(classes.root, customClasses === null || customClasses === void 0 ? void 0 : customClasses.root),
-      paper: classNames(classes.paper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.paper),
-      popupIndicator: classes.openIcon
-    }, customClasses),
-    closeIcon: (value || addedValue) && /*#__PURE__*/jsx(CloseIcon, {
-      className: classes.closeIcon
-    })
-  }, restProps));
-};
-
-export { Autocomplete as default };
-//# sourceMappingURL=Autocomplete.js.map
+import{__rest as o,__assign as e,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{useMemo as r,useState as i,useEffect as l}from"react";import a from"classnames";import{get as p,noop as u}from"lodash";import{makeStyles as c}from"@material-ui/core";import s from"@material-ui/lab/Autocomplete";import f from"@material-ui/icons/Close";import{Tooltip as m}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var d=function(o){return p(p(o.split('Create "'),"1","").split('"'),"0","")},h=c((function(o){return{root:{width:200},paper:{maxHeight:400,boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)",margin:0},createLabel:{fontSize:"16px",lineHeight:"22.5px",color:o.palette.primary.main},openIcon:{marginLeft:5},option:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},closeIcon:{width:16,height:16}}})),x=function(p){var c=p.isCreatable,x=p.options,g=p.value,v=p.getOptionLabel,b=p.onInputChange,C=p.onChange,I=void 0===C?u:C,w=p.renderOption,L=p.classes,O=o(p,["isCreatable","options","value","getOptionLabel","onInputChange","onChange","renderOption","classes"]),S=h(),j=r((function(){return null==x?void 0:x.map((function(o){return c?v(o):o}))}),[x]),T=r((function(){return c?v(g)||"":g}),[g]),H=i(j),N=H[0],y=H[1],z=i(null),A=z[0],_=z[1];l((function(){y(j)}),[j]);return t(s,e({value:T,onChange:c?function(o,e){return function(o){if((null==o?void 0:o.includes('Create "'))&&v(o)===v(A)){_(null);var e=d(A);y(n(n([],j,!0),[e],!1)),I(e,!0)}else I(o,!1)}(e)}:I,onInputChange:c?function(o,e){return function(o){if(""===o)_(null),y(j);else if(j.find((function(e){return e===o}))){var e=j.filter((function(o){return!o.includes('Create "')}));y(e)}else{var t=function(o){return'Create "'.concat(o,'"')}(o);_(t),y(n(n([],j,!0),[t],!1))}}(e)}:b,options:N,getOptionLabel:c?function(o){return String(o)}:v,renderOption:c?function(o){var e,n=d(o);return t(m,{title:o,children:t("div",{className:a((e={},e[S.createLabel]=n&&o!==n,e),S.option,null==L?void 0:L.optionLabelClass),children:o})})}:w,classes:e({root:a(S.root,null==L?void 0:L.root),paper:a(S.paper,null==L?void 0:L.paper),popupIndicator:S.openIcon},L),closeIcon:(T||A)&&t(f,{className:S.closeIcon})},O))};export{x as default};

package/components/Avatar/index.js

@@ -1,86 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import classNames from 'classnames';
-import Avatar from '@material-ui/core/Avatar';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.js';
-import utils from '../../utils/main.js';
-import { makeStyles } from '@material-ui/core';
-import { jsx } from 'react/jsx-runtime';
-
-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 getFontSize = function getFontSize(size) {
-  switch (size) {
-    case 24:
-      return 12;
-    case 32:
-      return 14;
-    case 40:
-      return 16;
-    case 48:
-      return 20;
-    case 128:
-      return 64;
-    case 200:
-      return 80;
-    default:
-      return Math.floor(size / 2);
-  }
-};
-var getStyles = function getStyles(size) {
-  return {
-    minWidth: size,
-    width: size,
-    height: size,
-    lineHeight: "".concat(size, "px"),
-    fontSize: getFontSize(size)
-  };
-};
-var colors = ['#5F47A4', '#9078C8', '#DC74FD', '#F695B5', '#CB4F4F', '#896F65', '#F3AE96', '#EE7850', '#DDAE67', '#A6CA72', '#62893D', '#91C9C4', '#38818D', '#77B5F1', '#3F4C99', '#919DA4'];
-var getColor = function getColor(displayName) {
-  return colors[Math.abs(utils.hashCode(displayName) % colors.length)];
-};
-var useStyles = makeStyles(function (theme) {
-  return {
-    avatar: {
-      color: theme.palette.common.white,
-      fontWeight: 'bold'
-    }
-  };
-});
-var AvatarComponent = function AvatarComponent(_ref) {
-  var className = _ref.className,
-    imgSrc = _ref.imgSrc,
-    alt = _ref.alt,
-    _ref$displayName = _ref.displayName,
-    displayName = _ref$displayName === void 0 ? '' : _ref$displayName,
-    _ref$showTooltip = _ref.showTooltip,
-    showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 32 : _ref$size,
-    _ref$dataTestid = _ref['data-testid'],
-    dataTestId = _ref$dataTestid === void 0 ? 'generic_avatar' : _ref$dataTestid;
-  var styles = useStyles();
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: displayName,
-    disableFocusListener: !showTooltip,
-    disableHoverListener: !showTooltip,
-    disableTouchListener: !showTooltip,
-    children: /*#__PURE__*/jsx(Avatar, {
-      "data-testid": dataTestId,
-      alt: alt,
-      src: imgSrc,
-      className: classNames(styles.avatar, className)
-      // NOTE: Here we are using inline-styles because currently MUI
-      // not supports passing props into style object
-      ,
-      style: _objectSpread(_objectSpread({}, getStyles(Number(size))), {}, {
-        backgroundColor: !!displayName && getColor(displayName)
-      }),
-      children: displayName ? utils.getNameInitials(displayName) : null
-    })
-  });
-};
-
-export { AvatarComponent, AvatarComponent as default };
-//# sourceMappingURL=index.js.map
+import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import r from"classnames";import i from"@material-ui/core/Avatar";import{Tooltip as o}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import a from"../../utils/main.js";import{makeStyles as s}from"@material-ui/core";var n=function(t){switch(t){case 24:return 12;case 32:return 14;case 40:return 16;case 48:return 20;case 128:return 64;case 200:return 80;default:return Math.floor(t/2)}},l=function(t){return{minWidth:t,width:t,height:t,lineHeight:"".concat(t,"px"),fontSize:n(t)}},c=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],m=function(t){return c[Math.abs(a.hashCode(t)%c.length)]},u=s((function(t){return{avatar:{color:t.palette.common.white,fontWeight:"bold"}}})),d=function(s){var n=s.className,c=s.imgSrc,d=s.alt,f=s.displayName,h=void 0===f?"":f,p=s.showTooltip,v=void 0!==p&&p,b=s.size,F=void 0===b?32:b,C=s["data-testid"],g=void 0===C?"generic_avatar":C,A=u();return e(o,{title:h,disableFocusListener:!v,disableHoverListener:!v,disableTouchListener:!v,children:e(i,{"data-testid":g,alt:d,src:c,className:r(A.avatar,n),style:t(t({},l(Number(F))),{backgroundColor:!!h&&m(h)}),children:h?a.getNameInitials(h):null})})};export{d as AvatarComponent,d as default};

package/components/BICOffsetPickerDialog/components/Map/Map.js

@@ -1,204 +1 @@
-import { memo, useRef, useMemo, useEffect, createElement } from 'react';
-import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
-import L from 'mapbox.js';
-import { get } from 'lodash';
-import { usePrevious } from '../../effects/index.js';
-import styles from './Map.css.js';
-import { mapbox } from '../../../../utils/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-var isValidCoordinates = mapbox.isValidCoordinates;
-var RADIUS_CIRCLE_COLOR = '#03BCD4';
-var METERS_IN_MILE = 1609.34;
-var DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;
-var DEFAULT_WELL_MARKER_SIZE = 5;
-var OFFSET_WELL_COLOR = '#FFC107';
-var DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates
-
-var toolTip = function toolTip() {
-  return (
-    // eslint-disable-next-line react/prop-types
-    function (_ref) {
-      var well = _ref.well;
-      return /*#__PURE__*/jsx("div", {
-        style: {
-          color: '#fff',
-          background: '##414141'
-        },
-        children: /*#__PURE__*/jsx("span", {
-          style: {
-            fontSize: '11px',
-            lineHeight: '16px'
-          },
-          children: get(well, 'name')
-        })
-      });
-    }
-  );
-};
-
-// eslint-disable-next-line no-unused-vars
-function WellsMap(_ref2) {
-  var subjectWell = _ref2.subjectWell,
-    wells = _ref2.wells,
-    offsetWells = _ref2.offsetWells,
-    radius = _ref2.radius,
-    subjectWellMarkerSize = _ref2.subjectWellMarkerSize,
-    wellMarkerSize = _ref2.wellMarkerSize,
-    coordsDataPath = _ref2.coordsDataPath;
-  var mapContainerRef = useRef(null);
-  var radiusCircleRef = useRef(null);
-  var markersGroupRef = useRef(null);
-  var highlightMarkerRef = useRef(null);
-  var prevWells = usePrevious(wells);
-  var subjectWellCoords = useMemo(function () {
-    return subjectWell && get(subjectWell, coordsDataPath);
-  }, [subjectWell, coordsDataPath]);
-
-  // 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]);
-  var handleMouseOver = function handleMouseOver(markers, coords, r) {
-    highlightMarkerRef.current = L.circleMarker(coords, {
-      radius: r * 3,
-      stroke: false,
-      fill: true,
-      fillOpacity: 0.2,
-      fillColor: OFFSET_WELL_COLOR,
-      className: 'circle_highlight'
-    });
-    highlightMarkerRef.current.addEventListener('mouseout', function () {
-      markersGroupRef.current.removeFrom(mapContainerRef.current);
-      markersGroupRef.current = L.featureGroup(markers);
-      markersGroupRef.current.addTo(mapContainerRef.current);
-      mapContainerRef.current.closePopup();
-    });
-    var newMarkers = markers.concat(highlightMarkerRef.current);
-    markersGroupRef.current = L.featureGroup(newMarkers);
-    markersGroupRef.current.addTo(mapContainerRef.current);
-  };
-
-  // 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 = OFFSET_WELL_COLOR;
-        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 () {
-          // Tooltip
-          var tooltipContainer = document.createElement('div');
-          var tootipContent = createElement(toolTip(), {
-            well: well
-          });
-          ReactDOM.render(tootipContent, tooltipContainer);
-          L.popup().setLatLng(coords).setContent(tooltipContainer).openOn(mapContainerRef.current);
-
-          // Highlight
-          handleMouseOver(markers, coords, r);
-        });
-        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 && markersGroupRef.current && wells !== prevWells) {
-        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());
-      }
-    }, 500);
-  }, [subjectWell, wells, offsetWells]);
-  return /*#__PURE__*/jsx("div", {
-    className: styles.map,
-    children: /*#__PURE__*/jsx("div", {
-      className: styles.mapMain,
-      ref: mapContainerRef
-    })
-  });
-}
-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,
-  coordsDataPath: PropTypes.string
-};
-WellsMap.defaultProps = {
-  subjectWell: null,
-  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,
-  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,
-  coordsDataPath: 'settings.top_hole.coordinates',
-  offsetWells: null
-};
-var Map = memo(WellsMap);
-
-export { Map as default };
-//# sourceMappingURL=Map.js.map
+import{memo as r,useRef as e,useMemo as t,useEffect as o,createElement as n}from"react";import l from"react-dom";import u from"prop-types";import c from"mapbox.js";import{get as i}from"lodash";import{usePrevious as a}from"../../effects/index.js";import s from"./Map.css.js";import{mapbox as f}from"../../../../utils/index.js";import{jsx as m}from"react/jsx-runtime";var d=f.isValidCoordinates,p=[29.749907,-95.358421];function h(r){var u=r.subjectWell,f=r.wells,h=r.offsetWells,v=r.radius,b=r.subjectWellMarkerSize,k=r.wellMarkerSize,y=r.coordsDataPath,g=e(null),j=e(null),x=e(null),C=e(null),M=a(f),W=t((function(){return u&&i(u,y)}),[u,y]);o((function(){g.current=c.mapbox.map(g.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(p,1),c.control.zoom({position:"bottomright"}).addTo(g.current),c.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(g.current)}),[]),o((function(){g.current&&(j.current&&g.current.removeLayer(j.current),W?(j.current=c.circle(W,1609.34*v,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(g.current)):j.current=null)}),[v,W]);return o((function(){if(g.current){g.current.closePopup(),x.current&&x.current.removeFrom(g.current);var r=h.map((function(r){return r.id})),e=[];f.forEach((function(t){var o=i(t,y);if(o&&d(o)){var a=u&&u.id===t.id,s=r.includes(t.id),f=a?b:k,p=a||s?1:.3,h=c.circleMarker(o,{radius:f,stroke:!1,fill:!0,fillOpacity:p,fillColor:"#FFC107",className:"circle_500"});h.addEventListener("mouseover",(function(){var r=document.createElement("div"),u=n((function(r){var e=r.well;return m("div",{style:{color:"#fff",background:"##414141"},children:m("span",{style:{fontSize:"11px",lineHeight:"16px"},children:i(e,"name")})})}),{well:t});l.render(u,r),c.popup().setLatLng(o).setContent(r).openOn(g.current),function(r,e,t){C.current=c.circleMarker(e,{radius:3*t,stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#FFC107",className:"circle_highlight"}),C.current.addEventListener("mouseout",(function(){x.current.removeFrom(g.current),x.current=c.featureGroup(r),x.current.addTo(g.current),g.current.closePopup()}));var o=r.concat(C.current);x.current=c.featureGroup(o),x.current.addTo(g.current)}(e,o,f)})),e.push(h)}})),e.length&&(x.current=c.featureGroup(e),x.current.addTo(g.current)),setTimeout((function(){j.current&&j.current.bringToBack(),g.current&&x.current&&f!==M&&g.current.fitBounds(x.current.getBounds())}),500)}}),[u,f,h]),m("div",{className:s.map,children:m("div",{className:s.mapMain,ref:g})})}h.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,coordsDataPath:u.string},h.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var v=r(h);export{v as default};

package/components/BICOffsetPickerDialog/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__MoxG7 {\n  margin-top: 8px;\n  width: 472px;\n}\n\n.index_mapContainerHidden__b-kgb {\n  margin-top: 20px;\n  display: none;\n}\n";
-var styles = {"mapContainer":"index_mapContainer__MoxG7","mapContainerHidden":"index_mapContainerHidden__b-kgb"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=index.css.js.map
+import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={mapContainer:"index_mapContainer__MoxG7",mapContainerHidden:"index_mapContainerHidden__b-kgb"};n(".index_mapContainer__MoxG7{margin-top:8px;width:472px}.index_mapContainerHidden__b-kgb{display:none;margin-top:20px}");export{e as default};

package/components/BICOffsetPickerDialog/components/Map/index.js

@@ -1,41 +1 @@
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Map from './Map.js';
-import styles from './index.css.js';
-import { jsx } from 'react/jsx-runtime';
-
-function MapContainer(_ref) {
-  var subjectWell = _ref.subjectWell,
-    wells = _ref.wells,
-    offsetWells = _ref.offsetWells,
-    radius = _ref.radius,
-    mapHidden = _ref.mapHidden;
-  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,
-      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
-};
-MapContainer.defaultProps = {
-  subjectWell: null,
-  radius: 5,
-  mapHidden: false
-};
-var WellsMap = memo(MapContainer);
-
-export { WellsMap as default };
-//# sourceMappingURL=index.js.map
+import{memo as e}from"react";import r from"prop-types";import s from"classnames";import a from"./Map.js";import o from"./index.css.js";import{jsx as l}from"react/jsx-runtime";function t(e){var r=e.subjectWell,t=e.wells,i=e.offsetWells,p=e.radius,d=e.mapHidden,m=s(o.mapContainer,d&&o.mapContainerHidden);return l("div",{className:m,children:l(a,{subjectWell:r,wells:t,offsetWells:i,radius:p,coordsDataPath:"topHole.coordinates"})})}t.propTypes={subjectWell:r.shape({}),wells:r.arrayOf(r.shape({})).isRequired,offsetWells:r.arrayOf(r.shape({})).isRequired,radius:r.number,mapHidden:r.bool},t.defaultProps={subjectWell:null,radius:5,mapHidden:!1};var i=e(t);export{i as default};

package/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js

@@ -1,97 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { memo, useState } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, TextField, InputAdornment, Popover } from '@material-ui/core';
-import { Search } from '@material-ui/icons';
-import AutoCompleteAssetSearch from './AutoCompleteAssetSearch/AutoCompleteAssetSearch.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'AssetSearch';
-var useStyles = makeStyles(function (theme) {
-  return {
-    searchInput: {
-      fontSize: '16px',
-      width: '270px',
-      '&:hover': {
-        '&::before': {
-          borderBottom: "2px solid ".concat(theme.palette.primary.text1, " !important")
-        }
-      },
-      '&:hover $searchIcon': {
-        fill: "".concat(theme.palette.primary.text1, " !important")
-      }
-    },
-    searchIcon: {
-      fill: "".concat(theme.palette.primary.text6, " !important"),
-      fontSize: '24px !important'
-    }
-  };
-});
-function AssetSearch(_ref) {
-  var company = _ref.company,
-    onClickAsset = _ref.onClickAsset;
-  var classes = useStyles();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    anchorEl = _useState2[0],
-    setAnchorEl = _useState2[1];
-  var handlePopupOpen = function handlePopupOpen(event) {
-    setAnchorEl(event.currentTarget);
-  };
-  var handlePopupClose = function handlePopupClose() {
-    setAnchorEl(null);
-  };
-  var handleClickAsset = function handleClickAsset(asset) {
-    var name = asset.name,
-      redirectAssetId = asset.redirectAssetId;
-    if (redirectAssetId) {
-      onClickAsset(redirectAssetId, name);
-      handlePopupClose();
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(TextField, {
-      "data-testid": "".concat(PAGE_NAME, "_search"),
-      id: "well-section-search-textfield",
-      placeholder: "Add to List by Well/Rig Search",
-      InputProps: {
-        startAdornment: /*#__PURE__*/jsx(InputAdornment, {
-          position: "start",
-          children: /*#__PURE__*/jsx(Search, {
-            className: classes.searchIcon
-          })
-        }),
-        className: classes.searchInput
-      },
-      onClick: handlePopupOpen
-    }), /*#__PURE__*/jsx(Popover, {
-      open: Boolean(anchorEl),
-      anchorEl: anchorEl,
-      onClose: handlePopupClose,
-      anchorOrigin: {
-        vertical: 'top',
-        horizontal: 'left'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'left'
-      },
-      children: /*#__PURE__*/jsx(AutoCompleteAssetSearch, {
-        company: company,
-        onClickAsset: handleClickAsset,
-        onClose: handlePopupClose
-      })
-    })]
-  });
-}
-AssetSearch.propTypes = {
-  company: PropTypes.number.isRequired,
-  onClickAsset: PropTypes.func.isRequired
-};
-
-// Important: Do not change root component default export (AssetSearch.js). Use it as container
-//  for your AssetSearch. It's required to make build and zip scripts work as expected;
-var AssetSearch$1 = memo(AssetSearch);
-
-export { AssetSearch$1 as default };
-//# sourceMappingURL=AssetSearch.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import{memo as e,useState as r}from"react";import o from"prop-types";import{makeStyles as n,TextField as a,InputAdornment as i,Popover as c}from"@material-ui/core";import{Search as l}from"@material-ui/icons";import s from"./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js";import{jsxs as p,Fragment as m,jsx as u}from"react/jsx-runtime";var f=n((function(t){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(t.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(t.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(t.palette.primary.text6," !important"),fontSize:"24px !important"}}}));function h(e){var o=e.company,n=e.onClickAsset,h=f(),d=r(null),A=t(d,2),x=A[0],y=A[1],v=function(){y(null)};return p(m,{children:[u(a,{"data-testid":"".concat("AssetSearch","_search"),id:"well-section-search-textfield",placeholder:"Add to List by Well/Rig Search",InputProps:{startAdornment:u(i,{position:"start",children:u(l,{className:h.searchIcon})}),className:h.searchInput},onClick:function(t){y(t.currentTarget)}}),u(c,{open:Boolean(x),anchorEl:x,onClose:v,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(s,{company:o,onClickAsset:function(t){var e=t.name,r=t.redirectAssetId;r&&(n(r,e),v())},onClose:v})})]})}h.propTypes={company:o.number.isRequired,onClickAsset:o.func.isRequired};var d=e(h);export{d as default};